在现有主场景的一侧重叠相同场景

Question

我的游戏场景中有一些机器人运行。现在我想将相机切换到机器人的第一人称视角，并将其显示在现有场景顶部的小 window 中。我试过使用多个渲染器。我一直在到处寻找它，但到目前为止还很不成功。谢谢。

P.S。出于某种原因 renderer.setViewPort(0,0,15,20) 似乎不起作用。

Answer 1

找到 fiddle 来回答我的问题： https://jsfiddle.net/qwb39spx/

    //inset scene
    renderer.clearDepth(); // important!
    renderer.setScissorTest(true);
    renderer.setScissor(20, 20, insetWidth, insetHeight);
    renderer.setViewport(20, 20, insetWidth, insetHeight);
    renderer.setClearColor( 0x222222, 1 );

    camera2.position.copy(camera.position.clone().normalize().multiplyScalar(distance));
    camera2.quaternion.copy(camera.quaternion);

    renderer.render(scene, camera2);

在现有主场景的一侧重叠相同场景

Overlap same scene on the side of existing main scene

javascript

robot

game-development

three.js