threejs:在单个webgl渲染器中渲染多个场景

Question

我正在尝试将多个场景包含到单个webgl渲染器中,如下面的代码所示:

renderer.render(scene1,camera);
renderer.render(scene2,camera);

我面临的问题是,在最后一个场景中,传递给渲染器的对象是否正在绘制,而前一个场景不是.我通过交换上面两行代码证实了这一点.我是threejs的新手,想知道上述是否可以实现？如果你可以指导我支持例子(如果有的话).

谢谢!

Answer 1

您可以在这里找到的最小解决方案：https : //jsfiddle.net/mmalex/sqg0d8vx/

var animate = function() {
    requestAnimationFrame(animate);

    renderer.autoClear = true;

    //render scene1
    renderer.render(scene1, camera);

    //prevent canvas from being erased with next .render call
    renderer.autoClear = false;

    //just render scene2 on top of scene1
    renderer.render(scene2, camera);
};