THREE.js 1渲染器2视口： - 缩放比例不正确

Question

请参阅jsfiddle

我有一个场景和两个摄像头。 每个摄影机都映射到一个视口，两个视口并排放置在同一个渲染器对象上。

编辑：问题1按照/ u / gaitat /和jsfiddle的评论解决。

问题1：第二个视口的宽度是第一个视口的两倍。 这是渲染代码。

function render() { 

//... clear entire renderer
renderer.setViewport
    (0             , 0, 
     renderer_width, renderer_height);
renderer.clear();

//... 1st viewport (left)
renderer.setViewport
    (0                   , 0, 
     renderer_width * 0.5, renderer_height);   
renderer.render(scene, camera1);

renderer.clearDepth(); //... seems to have no effect in this case (no VP overlap)

//... 2nd viewport (right)
renderer.setViewport
   (renderer_width * 0.5, 0, 
    renderer_width      , renderer_height);
renderer.render(scene, camera2);

}

（问题2：已转移到另一个问题）。