2d - Three.js 带有渐变的天穹

Question

我想添加一个具有 2d 渐变的球体作为纹理来创建一个穹顶。我读到，在 openGL 中，这通常是通过在附加 channel 中渲染天空盒而不进行深度测试来解决的。我在球体上禁用了深度测试，因此其他所有内容都绘制在它前面，这有点给我带来了所需的效果，但根据相机角度，它会穿过场景中的其他对象。

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

我会感谢对此的任何意见，也许我根本找错了东西。

Answer 1

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

1. https://threejs.org/examples/#webgl_lights_hemisphere
2. https://threejs.org/examples/#webgl_materials_lightmap