上下文
我正在研究Three.js项目,该项目将PerspectiveCamera
放入包含6个平面的场景中,这些平面共同构成了立方体。多维数据集具有适用于它的预渲染纹理。可以拖动相机环顾四周。在预渲染的房间内,摄像机可以旋转但不能移动。
在房间内某些热点可用。这些被实现为精灵。精灵始终放置在平面上,并且始终到相机的距离相同,无论相机的角度如何。 raycaster可以检测点击并执行一些非thee.js的操作。效果很好。
最初的问题
问题在于,当精灵几乎位于相机侧面时,它们会在屏幕边缘附近变形。可能是由于透视相机。
图注修复
正如其他SO问题所建议的那样,我尝试通过创建另一个OrthographicCamera
来渲染一个带有热点(sprit)的场景并将其渲染在PerspectiveCamera
之上以渲染房间(平面预渲染的纹理)。正交相机的旋转与透视相机的旋转相同。
当前问题 现在出现的问题是精神不对齐。透视相机场景中的物体。
问题
OrthographicCamera
渲染的场景的内容与PerspectiveCamera
渲染的场景的内容进行同步?