javascript - 重用 WebGLRenderTarget

Question

我有两个场景:第一个场景，渲染纹理平面，第二个场景，应该渲染为纹理。该纹理应用作主场景中平面的贴图。

出于某种原因，所有 THREE.WebGLRenderTarget 示例每帧都会重新绘制两个场景，但我希望我的第二个场景仅渲染到纹理一次。渲染结果应该像任何其他纹理一样存储。

简化的 fiddle 可用 here 。在 animate() 函数中，您可以删除 if(i === 0) 以便每帧渲染第二个场景。

Answer 1

纹理加载是异步的。您需要确保纹理在使用之前已加载。

一种解决方案是在加载器回调中调用 animate()。

beginTexture = new THREE.TextureLoader().load( "https://i.imgur.com/eoQwyRb.png", animate );

另一个解决方案是使用加载管理器。

三.js r.102