3d - 三 : rendering multiple scenes in a single webgl renderer

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);
};