与three.js的背景

Question

有人可以帮助我使用three.js吗？

我需要绘制背景，例如THREE.Sprite，但是在任何3d对象下都可以，稍后再绘制。 我有一个相机，只能在Z轴上移动。

我尝试使用：

• 立方体贴图着色器-问题：带有阴影平面的伪像，绘制不稳定

• 三，使摄影机运动重复的精灵-问题：带有阴影平面的伪像-它具有突出显示的边缘或仅绘制其他没有物体的精灵。

• HTML DOM背景-问题：模型中的别名大而丑陋。

我还能尝试什么？ 谢谢！

Answer 1

您可以尝试多次绘制，即将背景场景的第一个渲染渲染到缓冲区，然后在第一个“缓冲区”上渲染第二个场景。 也许使用缓冲区作为背景（使用正交投影在2D中绘画它，并在该遍中禁用深度缓冲区写入）。

我还没有亲自使用three.js进行过尝试，但这就是我使用“传统” OpenGL进行尝试的方式。

Answer 2

如果您想要“ 3d”背景，即跟随相机旋转但对移动没有反应（无限远）的东西，那么唯一的方法就是使用立方体贴图。

另一个解决方案是环境球-完整的3D对象。

如果您想要一个静态背景，那么您应该只能做一个html背景，我不确定为什么会失败以及您在说什么“模型混叠”。