three.js - ThreeJS 雾或着色器或照明

Question

我一直在看这个网站https://www.igoodi.eu/mission并尝试在左上角和底部尝试他们如何做蓝色/蓝绿色模糊雾的事情。我是 ThreeJS 的新手，只知道基础知识。

我正在试验雾和照明来实现该网站的特定部分，但没有运气。我希望有人可以帮助我确定我应该知道的关于如何实施的事情。

屏幕截图指向部分

标签： three.js

Answer 1

如果它只是您所追求的蓝绿色“晕影”，您可以使用一个面向相机的平面并为其分配透明纹理来做到这一点。然后您可以在纹理中添加您想要的任何色调。

但基本上有无限的方法可以实现这种效果。如果我不得不猜测，根据网站和他们正在做的其他事情，我认为这是通过 THREE.EffectsComposer 完成的后期处理效果。