graphics - Three.js 将相机平行于网格移动

Question

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

1. 相机平行于平面

2. 整个平面网格都在视野中

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

Answer 1

在您的情况下，视口与平面相同，因此可以蛮力计算 FOV 和方面的计算。

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

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

希望这可以帮助。