更换Pano时,React-VR设置相机位置

时间:2017-11-05 19:08:44

标签: javascript three.js react-360

我是react-vr的新手,想要制作一个游览应用程序。我在那里更新了400张图片。当我设置新图片时,相机/场景与加载新图片前的位置相同。

以下是代码的一部分:

a.max

现在我想设置相机位置或转换图片,以便从图片上的某个位置开始。

我发现无法在react-vr中获取实际相机位置或设置相机位置。

最好的方法是什么?
谢谢你的帮助

1 个答案:

答案 0 :(得分:0)

我找到了解决方案,并希望在其他人遇到类似问题时将其发布在此处。

render() {
//if the pano source changes it renders 
//it gets the position in x and y axis in ° via the VrHeadModel
const rotationY=VrHeadModel.yawPitchRoll()[1]+offestY;
const rotationX=VrHeadModel.yawPitchRoll()[0]+offsetX;

return (
  <Pano
        style={{
          position: 'absolute',
            transform:[
             {rotateY: rotationY},
             {rotateX: rotationX},
             ]
        }}
        source={asset("photo.png")}
   />
 );
}

从react-vr。导入VrHeadModel 因此,如果全景改变,新图片将旋转到相机的实际位置。每次加载新图片时,相机都会设置为全景图的相同部分。