ThreeJS与全景视图

时间:2014-03-03 08:18:26

标签: 3d three.js panoramas

首先,我想要做的是创建3D模型的全景视图。

所以我需要做的是:

  1. 创建不同的图片(前,左,右,后,下,上)
  2. 将图片加载到方框中
  3. 在浏览器上视觉显示
  4. 目前的每一步都只是按照我的意愿行动一步。第一步是我的问题,我不知道如何校准或如何正确放置相机,我没有在全景视图中看到任何角落。目前我看到盒子的轮廓非常好。

    所以我的问题是:有人能告诉我如何设置相机制作一组不同的图片,以便以后将它们组合成全景视图吗?

1 个答案:

答案 0 :(得分:0)

我不确定你是否会使用“真正的”相机和图片或3D渲染,但是为了渲染你应该:

  • 将每一面渲染为方形纹理
  • 将X和Y fov设置为90deg。
  • 将相机精确地指向每个轴:+ X,-X,+ Y,-Y,+ Z,-Z

这样你就可以得到6张效果很好的照片。

如果您想为“真实”图片执行此操作,那么您需要从扭曲图像到立方体贴图的某些映射。这取决于你的镜头,所以不是那么容易;我认为这项任务的专业应用程序通过比较图片来做到这一点,而不仅仅是数学。