技术栈
babylonjs
allenjiao
5 天前
前端
·
图形渲染
·
webgl
·
threejs
·
cesium
·
webgpu
·
babylonjs
WebGPU vs WebGL:WebGPU什么时候能完全替代WebGL?Web 图形渲染的迭代与未来
在 Web 3D、可视化、Web 游戏等领域,WebGL 早已是 “老朋友”,而 WebGPU 的崛起正掀起一场性能与功能的革命。作为 WebGL 的继任者,WebGPU 并非简单升级,而是重构了 Web 端 GPU 交互的底层逻辑。今天我们从核心区别、新特性、生态支持等维度,一次性讲清两者的关键差异。
ttod_qzstudio
1 个月前
babylonjs
Babylon.js中ArcRotateCamera.interpolateTo 方法使用备忘
在 Babylon.js 3D 开发中,ArcRotateCamera(轨道相机)是实现 “围绕目标旋转观察” 的核心组件,而 interpolateTo 方法则是其灵魂功能之一 —— 通过单次调用,即可让相机从当前状态自动平滑过渡到目标状态,无需手动控制每帧更新。本文将聚焦该方法的核心功能、参数细节、实战案例与避坑要点,帮助开发者快速掌握并应用于实际项目。
ttod_qzstudio
1 个月前
babylonjs
Babylon.js手记:使用鼠标中键控制ArcRotateCamera平移
在 Babylon.js 中,ArcRotateCamera 默认使用鼠标右键进行平移操作。但在某些情况下,我们可能希望使用鼠标中键来实现平移功能。本文将详细介绍如何正确配置 ArcRotateCamera 以实现鼠标中键平移。
ttod_qzstudio
3 个月前
编辑器
·
babylonjs
Babylon 编辑器快捷键小记
任意地方监听
哈哈哈嗝哈哈哈
1 年前
babylonjs
基于babylonjs的小游戏 跳一跳
源码地址
arwind gao
1 年前
前端
·
javascript
·
webgl
·
babylonjs
·
babylon.js
BabylonJS 6.0文档 Deep Dive 动画(四):通过动画排序制作卡通片
一种最为直接的方法是为每个动画剪辑(Animatin Clip)指定开始时间,最终形成一个卡通动画(Cartoon)。
webgl_谷子
2 年前
javascript
·
webgl
·
web3d
·
babylonjs
·
babylonjs入门
·
babylonjs模版
·
babylonjs镜面效果
babylonsjs入门-基础模版
基于babylonjs封装的一些功能和插件 ,希望有更多的小伙伴一起玩babylonjs;欢迎加群(点击群号传送):464146715
arwind gao
2 年前
3d
·
webgl
·
webgpu
·
babylonjs
·
babylon.js
BabylonJS 6.0文档 Deep Dive 摄像机(六):遮罩层和多相机纹理
LayerMask是分配给每个网格(Mesh)和摄像机(Camera)的一个数。它用于位(bit)级别用来指示灯光和摄影机是否应照射或显示网格物体。默认值为0x0FFFFFFF,处于此值的情况下,网格会被任何备用灯光和相机照亮和显示。为了确定相机是否看到网格物体,执行一个逐位AND运算,并将结果与零进行比较:
我是有底线的