跳到主要内容

雾化效果可以给场景添加氛围,使场景更加真实。

// 创建一个长方体
const geometry = new THREE.BoxGeometry(1, 1, 100)
// 创建一个材质
const material = new THREE.MeshBasicMaterial({
color: 0x00ff00,
})
// 创建一个网格
const mesh = new THREE.Mesh(geometry, material)
scene.add(mesh)

// 创建 fog
// const fog = new THREE.Fog(0x999999, 1, 50)
const fog = new THREE.FogExp2(0x999999, 0.1)
scene.fog = fog
scene.background = new THREE.Color(0x999999)

Fog

本节示例代码:https://github.com/wukaipeng-dev/threejs-demo/blob/main/02-basic/src/main-fog.ts