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 中無論是物體仍是燈光，或者是相機，都要被添加到場景中來進行渲染。霧是場景的修飾器，而物體的材質能夠選擇是否受到霧的影響。