Three.js将相机平行移动到网格上

Question

我有一个平面网格，位置为px，py，pz，旋转rx，ry，rz和一些固定的高度和宽度。我的相机最初为0,0,0，旋转为0,0,0。当我点击平面网格时，我想将相机定位为：

1. 相机与飞机平行

2. 整个平面网格在视图中

我如何使用Three.js实现这一目标？我正在使用PerspectiveCamera。我正在考虑根据相机的FOV和飞机的高度/宽度进行计算，但是有点卡住了

Answer 1

在你的情况下，视口与平面相同，因此FOV和方面的计算可能是强力计算的。

无论如何，拥有占据整个视野空间的透视摄像机和平面是没有任何意义的。我会做什么：制作正交凸轮，使用正交凸轮渲染平面，使用透视凸轮渲染场景的其余部分。

另外，如果你需要凸轮和平面＆＃34;连接＆＃34; （要移动和旋转同步），您应该使用Three.js提供的对象的父子属性，或者手动设置为也使用平面的变换矩阵。

希望这有帮助。