three.js - 如何使环境贴图的反射效果变暗(即使其模糊/ mask )？

Question

我目前正在将天空盒渲染到 THREE.CubeCamera 目标，然后将该目标用作 Material 上的环境贴图。我的想法是让立方体的颜色受其周围天空颜色的影响，尽管没有完全反射(reflect)它(就像白色哑光立方体在现实世界中的样子)。

例如，到目前为止，这是我将环境贴图应用于设置了 反射率 的 THREE.LambertMaterial 或 THREE.PhongMaterial到 0.7(相同的结果):

请注意，在第一张图片中，地平线清晰可见(这是在日落时最明显的时候)，并且 Material 反光性很强。第二张图片显示了相同的可见地平线，它随着您的轨道移动而与相机一起移动。第三张图片显示了正午的盒子，上面是蓝天(注意蓝色反射得非常强烈)。

我试图达到的效果是对我们已经可以在这里看到的工作的一种更暗淡的、也许是模糊的表示。我希望天空影响立方体，但我不想完全反射它，相反，我希望立方体的每一面都有更微妙的效果，没有可见的地平线。

我试验过 Material 的 reflection 属性，但运气不佳。是的，它减少了反射效果，但它也消除了大部分从天空盒中提取的颜色。我还尝试了 THREE.PhongMaterial 的 shininess 属性，但如果有的话，这似乎没什么用。

我知道环境贴图是反射，但我希望有一种方法可以实现我所追求的目标。我想要天空的倒影，我只需要它不那么精确，而是更模糊/无光泽。

我可以做些什么来实现这一点？

Answer 1

我根据基于物理的渲染着色模型编写自己的自定义着色器来实现这一目标。

我使用 cook-torrance 模型考虑 Material 的粗糙度以产生高光反射。我可以在这个答案中谈论这不是一个简单的论点，你可以在这里找到很好的引用 http://graphicrants.blogspot.it/在 specular BRDF 一文中。

在this question你可以找到我如何根据 Material 粗糙度实现模糊反射。

希望对您有所帮助。