专题:Babylonjs
共11篇相关文章

Babylon.js性能优化文档中,有哪些技巧可提升渲染效率?
在这里列出Babylon.js官方性能优化文档的中英文对照,并在CardSimulate项目里对其中的一些优化方法进行实践。 How To 如何 Optimize your scene 优化你的场景 Table of contents 内容...

Babylon.js如何制作的骨骼动画?
使用骨骼动画技术可以将网格的顶点分配给若干骨头,通过给骨头设定关键帧和父子关系,可以赋予网格高度动态并具有传递性的变形 效果。这里结合之前的相关研究在网页端使用JavaScript实现了一个简单的骨骼动画编辑和模型生成工具。 一、显示效果:...

如何构建WebGL场景中的地面模型?
总述:大部分3D编程都涉及到地面元素,在场景中我们使用地面作为其他物体的承载基础,同时也用地面限制场景使用者的移动范围,还可以通过设置地块的属性为场景的不同位置设置对应的计算规则。本文在WebGL平台上借助Babylon.js库探索并实现了...

如何用Babylon.js编写宇宙飞船模拟程序,整合物理引擎和三维罗盘?
计划做一个宇宙飞船模拟程序,首先做一些技术准备。 可以访问https:ljzc002.github.iotestSpacetestHTMLPAGEspacetestwp2.html查看测试场景,按住qe键可以左右倾斜相机。可以...

如何将txt配置文本变为3D陈列室网页小实验?
设计目标:借鉴前辈编程者的经验将简单的配置文本转化为3D场景,并根据配置文件在场景中加入图片和可播放的视频,最终形成可浏览的3D陈列室。 一、使用效果 1、txt配置文件: (博客园的富文本编辑器会改变txt文本的排版,所以用图片方式呈现文...

如何用canvas制作精灵动画效果?
实验目标:借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片,不借助其他图片处理工具,不引用其他库只使用原生js实现。 初始图片如下: 一、图片分割 将初始图片分割为六张大小相同的棋子图片 1、html舞台:...

如何用Babylon.js和recast.js打造RTS游戏中的3D单位控制网页实验?
一、运行效果 1、建立一幅具有地形起伏和不同地貌纹理的地图: 地图中间为凹陷的河道,两角为突出的高地,高地和低地之间以斜坡通道相连。 水下为沙土材质,沙土材质网格贴合地形,河流材质网格则保持水平。 2、在地图上随机放置土黄色小方块表示可控单...

如何通过多线程和精灵动画实现3D网页RTS单位行为动画效果?
一、实验目的: 1、在上一篇的“RTS式单位控制”的基础上添加逻辑线程,为每个单位实现ai计算; 2、用精灵动画为单位的行为显示对应的动作效果。 二、运行效果: 1、场景中的单位分为红蓝两方,单位在发现敌对单位后向敌人移动: 2、进入攻击范...

如何将网页端3D编程小实验为即时战略游戏原型?
本文尝试基于Babylon.js引擎(以下简称bbl)和recast2导航库,采用“经典代码组织方式”编写一个可作为即时战略(以下简称rts)游戏编程原型的程序,该程序收集了进行此类开发所需的离线依赖包,总结了该类程序的一种页面和程序结构设...

如何入门Babylon.js并实现本地化运行?
1、Web3D与Babylon.js整体介绍 3D显示技术是可以用贴近人类直觉的方式进行信息展示,可以广泛的应用于数据可视化、游戏、教学等应用方向,现代人通常接触过一些3D场景展示,但想自己动手制作3D场景则往往遇到入门困难、配置繁琐的难题...

如何制作网页端多人自走棋游戏原型3D编程小实验?
为解决常规自走棋游戏配置灵活度低且难以在局域网跨平台联机的问题,本文基于Babylon.js(以下简称bbl)和websocket(简称ws)技术实现了一个网页端多人自走棋游戏原型。该原型实现了棋盘地形设计、简单的棋子角色设计、自走棋操作U...
