javascript - WebGL & Three.js - 在两个渲染器中连续渲染一个场景

Question

我试图在两个不同的渲染器中渲染一个场景(不同时连续渲染)，但它会导致错误“GL_INVALID_OPERATION”。

这是一个示例脚本:

var scene1   = new THREE.Scene();
var camera1  = new THREE.PerspectiveCamera( ... );
var renderer1= new THREE.WebGLRenderer( ... );

var renderer2= new THREE.WebGLRenderer( ... );
var camera2  = new THREE.PerspectiveCamera( ... );

//Render scene1 in renderer1
renderer1.render( scene1, camera1 );

//[After some user event...]
//Render scene1 in renderer2
renderer2.render( scene1, camera2 );  //This fails. getError()=1282 (i.e. GL_INVALID_OPERATION)

我知道经常不赞成在两个不同的渲染器中渲染一个场景，即使不是同时渲染，但我想不出其他方法来解决我的问题，因为它是一个非常大的项目的一部分。

我知道有与 scene1 相关联的 GL 数据链接到 renderer1 但我如何删除这些数据以便我可以在另一个渲染器中再次渲染 scene1 ???

请注意，我并没有尝试同时在两个渲染器中渲染场景(这与 https://github.com/mrdoob/three.js/issues/189 不同)。

感谢您的帮助。 问候。

Answer 1

该问题与绑定(bind)到特定 OpenGL 缓冲区的对象/ Material /纹理有关。因此，解决方案是在将要从特定场景中删除的对象的所有子对象从任何缓冲区中解除绑定(bind)，然后再将其添加到其他场景。

我会尽快发布我的解决方案的代码。 问候。