ThreeJs 认识场景和雾

一、前言

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

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

二、认识场景和雾

1.Scene

2.Fog

scene.fog = new THREE.Fog( 0x050505, 2000, 3500 );

3.FogExp2

scene.fog = new THREE.FogExp2( 0xefd1b5, 0.0025 );

三、总结

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