带梯度的three.js天顶

Question

我想添加一个具有2d渐变的球体作为纹理来创建一个天穹。我在openGL中读到，这通常是通过在一个附加的过程中渲染没有深度的天框来解决的。我在我的球体上禁用了depthTest，所以所有其他的东西都绘制在它的前面，它给了我一种暗淡的效果，但这取决于它在场景中通过其他对象的相机角度。

我看了几个使用THREE.EffectComposer的例子和第二个场景，我可能在这里做了完全错误的事情，但我认为这可以解决这个问题。问题是，我从来没有接触过effectComposer，完全不知道如何使用它，以及我到底需要哪些东西。

我会感谢任何关于这方面的意见，也许我根本就是在追求错误的东西。

Answer 1

这里有两个three.js示例，其中创建了一个带有渐变的天顶。它们不涉及EffectComposer或禁用深度测试。

http://mrdoob.github.com/three.js/examples/webgl_lights_hemisphere.html

http://mrdoob.github.com/three.js/examples/webgl_materials_lightmap.html

three.js r.55

Answer 2

您不必使用圆锥体或其他3D几何体来模拟渐变天空。我用画布解决了它(有3个渐变斑点，亮蓝色->白色(地平线) ->深蓝色)，并在我的相机前将其绘制为雪碧图，并与其保持合适的距离(雾距离)。您只需在移动/旋转凸轮时管理距离。提示:使用mesh.scale.set (xx，xx,1)将画布纹理缩放到所需的大小。