带全景视图的ThreeJS

Question

首先，我想做的是创建一个3D模型的全景视图。

所以我要做的是：

1. 创建不同的图片(前、左、右、后、下、顶)
2. 将图片加载到一个框中
3. 在浏览器上看到它

目前的每一步都只是起作用的一步，而不是我想要的。第一步是我的问题，我不知道如何校准，或如何把相机正确地，我没有看到任何角落的全景视图。此刻我看到这个盒子的轮廓很好。

所以我的问题是:有谁能告诉我如何设置相机来制作一组很好的不同图片，然后把它们组合成全景图呢？

Answer 1

我不确定您是否会使用“真实”的相机和图片或3D渲染，但是对于渲染您应该：

• 在正方形纹理上渲染每一侧
• 将X和Y设为90度。
• 将相机精确地指向每个轴：+X，-X，+Y，-Y，+Z，-Z

这样，你应该得到6张照片，工作得很好。

如果您想要对“真实”的图片这样做，那么您将需要从扭曲的图像映射到立方体地图。这将取决于你的镜头，所以这并不容易；我认为这一任务的专业应用程序是通过比较图片，而不仅仅是数学来做到这一点的。