ThreeJs 认识场景和雾

一、前言

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

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

二、认识场景和雾

1.Scene

Scene.jpg

2.Fog

Fog.jpg

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

FogSample.jpg

3.FogExp2

FogExp2.jpg

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

FogExp2Sample.jpg

三、总结

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