ThreeJS / Panolens:全景图进入时相机的方向?

时间:2020-11-02 09:40:15

标签: javascript three.js

我正在尝试将等角矩形图像放入Panolens中,并且简单地1st获得与下面相同的全景查看器:

由于Panolens.js是Three.js的包装,因此我希望获得与将图像放入上面的第一个链接时相同的结果。 (将其拖放)-相机会看着图像的中心。

相反,我得到的是:照相机将镜头对准全景图像的最左侧区域。

我用

解决了这个问题
panorama.addEventListener( 'enter-fade-start', function() {
        viewer.getControl().target.set(10, -2, 0);
        viewer.getControl().update();
        //viewer.tweenControlCenter( new THREE.Vector3(2, -1, 1), 2000 );
});

但是当我移至另一幅全景图并返回时,此代码似乎没有任何作用(正确触发了考虑事件)。

每次返回全景时,如何使相机朝同一方向看? (我正在多个全景图之间切换。)

基本上,我似乎不太了解矢量,并且每次回到全景图时,0、0、0都在哪里,因为根据相机所面对的位置,似乎工作方式有所不同。

非常欢迎任何提示/链接/说明。

1 个答案:

答案 0 :(得分:0)

我似乎很复杂。解决方案是只能使用

viewer.tweenControlCenter( new THREE.Vector3(10, -2, 0), 0 );
在“ enter-fade-start”内部输入

。就是这样。

许多文档在说您必须调用.update()进行控制并正确设置.target等时有点误导,但这似乎不符合我的预期。

相关示例也位于此处:https://codepen.io/pchen66/pen/LLgxME

相关问题