THREE.js 渲染目标纹理不会在不同的场景中绘制答案

【问题标题】：THREE.js Render target texture will not draw in a different sceneTHREE.js 渲染目标纹理不会在不同的场景中绘制
【发布时间】：2015-12-25 01:34:46
【问题描述】：

因此，如果任何三个.js 专业人士能够理解为什么我不能将 WebGLRenderTarget 用作另一个场景中飞机的材质，我会非常高兴。

我现在的工作原理是使用透视相机创建一个场景，该相机渲染一个简单的平面。这发生在 Application 对象中。

我还有一个 WaveMap 对象，它使用另一个场景和一个正交相机，并使用片段着色器在另一个占据整个屏幕的四边形上绘制 cos(x) * sin(y) 函数。我将其渲染为纹理，然后创建使用此纹理的材质。

然后我将要在 Application 对象中使用的 Material 传递给我提到的第一个平面上绘制纹理。

问题是由于某种原因，我可以让它在 WaveMap 对象内使用正交相机的场景中工作，但在传递材质后，不能在应用程序对象中的透视相机的场景中工作。 :(

我尝试过简单地传递具有纯色的简单材质，并且效果很好，但是当我尝试传递使用 WebGLRenderTarget 作为纹理的材质时，它不再显示。

【问题讨论】：

【解决方案1】：

您需要克隆要由两个不同的渲染器渲染的任何材质/纹理。

var materialOnOther = originalMaterial.clone();

在 r72 之前，您需要强制更新纹理的图像缓冲区，如下所示：

materialOnOther.uniforms.exampleOfATexture.value.needsUpdate = true;

【讨论】：