图形编程Web前端之路

three.js 手动添加元素补充两个小细节

2017-11-19  本文已影响68人  mickeyZaku

快速通道three.js手动添加元素


雾化效果:

打开雾化效果很简单,这个比较简单,只需要在代码中添加这么一句

scene.fog = new THREE.Fog(0xffffff, 0.015, 100)

后两个参数用于控制雾的厚度,第一个是近处,第二个是远处,通过远近两个位置控制雾的厚度,效果如下


使用相同材质:

即所有元素物体将使用相同材质

scene.overrideMaterial = new THREE.MeshLambertMaterial({color: 0xffffff});

添加这样一句话,在之前场景中添加的方块将不再采用随机颜色,而是全为白色方块

上一篇下一篇

猜你喜欢

热点阅读