ThreeJs 认识场景和雾

1、前言

场景，能够认为是 ThreeJs 3D 世界中的一个舞台，场景容许你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。

场景能够接受一个雾参数来模拟场景中雾的效果，而物体的材质则经过设置 fog 属性来决定材质是否受雾的影响。添加了雾的场景，就有点相似于起了雾的山峰，或者就是相似于西游记里天庭上的那种场景。

2、认识场景和雾

1.Scene

2.Fog

scene.fog = new THREE.Fog( 0x050505, 2000, 3500 );
复制代码

3.FogExp2

scene.fog = new THREE.FogExp2( 0xefd1b5, 0.0025 );
复制代码

3、总结

ThreeJs 中无论是物体仍是灯光，或者是相机，都要被添加到场景中来进行渲染。雾是场景的修饰器，而物体的材质能够选择是否受到雾的影响。