苹果360演示版只能在ipad或手机上使用X轴旋转

Apple 360 Demo to only spin with X axis on ipad or mobile

本文关键字：手机 旋转 ipad 苹果      更新时间：2023-09-26

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

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

有人知道怎么做吗？

谢谢。

如果有人感兴趣，我就是这样解决这个问题的。

在脚本"vr_org.js"上，我做了以下操作：

首先对onGrabStart函数的event.stop（）进行了评论。

onGrabStart:函数（事件）｛
……
//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（）
}

相关文章：