随笔分类 - WebGL/ThreeJS
摘要:原先只是实现了用单张贴图的透明效果,但是在工作中,好多模型都是用三维建模软件制作的,导出obj后可以直接导入到我们的程序中去;如果是使用OBJMTLLoader那么,模型中透明贴图效果要怎么实现呢?我们已经知道,要想在程序中实现透明贴图的效果,就需要将模型的材质的透明属性设置为true;下面我们就来...
阅读全文
摘要:效果如下图所示: 两张图片分别表示当前场景的渲染帧率和显存占用情况; 要使用该功能,必须包含如下源文件:stats.js或stats.min.js; 用法如下: 在渲染函数中,需要添加如下代码: 循环渲染代码如下:
阅读全文
摘要:添加光影效果主要用到的代码如下: 完整的测试代码如下: 效果如下图所示: 远观: 近看:
阅读全文
摘要:在THREEJS中,我们要加载制作好的三维模型到THREEJS场景中,一般会用到加载器;常用的加载器有:OBJLoader:加载obj模型到场景中;OBJMTLLoader:加载带mtl材质的模型取场景中;两个类的构造函均带一个manager参数,该参数可以为空,默认为THREE.DefaultLo...
阅读全文
摘要:ThreeJS中几个重要对象: 场景:三维世界的容器,所有的元素均必须放在场景中才可以被看到,比如:模型、灯光等等; 1 var scene = new THREE.Scene(); 摄相机:可以理解为场景中的人眼,人必须通过摄相机来观察三维场景中的物体; 函数原型: THREE.Perspecti
阅读全文
摘要:ThreeJS是一个基于WebGL的开源库,使用起来十分方便。不过由于是开源,所以相关文档相当稀少,本人把在学习过程中遇到的一些问题及解决方法整理成一个专栏,希望对大家可以有所帮助! 在ThreeJS中如果直接把PNG贴图赋给材质,是无法在场景中正常显示的,效果如下图所示: 贴图是自己随便找的PNG
阅读全文

浙公网安备 33010602011771号