ThreeJs 认识场景和雾

2,104 阅读1分钟

一、前言

场景,可以认为是 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 中不管是物体还是灯光,或者是相机,都要被添加到场景中来进行渲染。雾是场景的修饰器,而物体的材质可以选择是否受到雾的影响。