threejs 实现白色雾背景效果 学习笔记

threejs yekong 37℃

webGL使用threejs实现白雾效果

通过Fog实现雾

// 设置雾化效果,雾的颜色和背景颜色相近,这样远处网格线和背景颜色融为一体
scene.fog = new THREE.Fog(0xffffff, -100, 1000);

背景

通过和雾类似的背景来和雾搭配使用。

// 设置three.js背景颜色 和雾化颜色相配
renderer.setClearColor(0xffffff, 1);

threejs 实现白色雾背景效果

演示实例

threejs 实现白色雾背景效果

喜欢 (0)