使用iPad倾斜将图像横向移动

Question

我一直在尝试创建以下效果，但没有成功，非常感谢的帮助

效果是根据iPad的倾斜从左到右移动图像。iPad是横向视图，图像应该从左向右移动（实际上是上下移动）。图像宽度是iPad阶段的两倍（2048px），到达窗口末端时应复制其宽度。有人能帮我开始吗？提前感谢

Answer 1

这应该足以让您开始：http://jsfiddle.net/kennis/S9swv/

基本上，您关心的是"设备定向"事件。该事件对象为您提供了一些有用的数据——e.alpha、e.beta和e.gamma

每个属性都是沿给定轴旋转的度量，范围从负180到正180。

有趣的事实：这也适用于MacBook Pro（至少在Chrome中）。