javascript - Apple 360​​ 演示仅在 ipad 或移动设备上使用 X 轴旋转

Question

我正在使用来自苹果演示https://developer.apple.com/safaridemos/vr.php的 HTMl 5 Object VR 解决方案

我只有一个随 X 轴旋转的 360 度图像，当用户在 ipad 上向下或向上“touchemove”而不是旋转图像时，我希望整个页面滚动。

有谁知道如何做到这一点？

谢谢。

Answer 1

如果有人感兴趣，这就是我解决该问题的方法。

在脚本“vr_org.js”上，我执行了以下操作：

首先在onGrabStart函数上注释了 event.stop() 。

onGrabStart: function(event){
....
//event.stop();

然后在onGrabChange函数上创建了两个变量来跟踪用户移动的 Y 轴和 X 轴的距离。

var yDistance = parseInt(Math.abs(this.onGrabStart.clientY - event.clientY));
var xDistance = parseInt(Math.abs(this.onGrabStart.clientX - event.clientX));

最后如果 X 距离大于 Y 距离，则停止默认的滚动事件。

if(yDistance <= xDistance){
event.stop();
}