Threejs正交摄影机视口

时间:2019-07-24 19:10:46

标签: javascript three.js

我使用正交摄影机,并且无法正确计算视口。 我想将相机向左推100px,以在其他区域渲染其他内容。

在下面的示例中,有一个渲染的绿色立方体(我要为其修复视口)和一个红色正方形(预期使用css生成的结果)。 我无法更改画布大小-宽度必须为100%,高度必须为100%。 到目前为止,最好的解决方案是为左侧的摄像头增加额外的价值,例如:

camera.left   = - frustumSize * correctionAspect + 10;

但是,它当然不会扩展。另一种解决方案是像注释代码中那样计算具有不同aspectRatio的camera.left:

correctionAspect = (width + 200) / height;

但是它也不能很好地工作。

示例代码:https://stackblitz.com/edit/js-nydhjw

0 个答案:

没有答案