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

webGL使用threejs实现白雾效果

通过Fog实现雾

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

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

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