2012-04-01 104 views
3

我一直在试图建立没有成功以下的效果,真的希望给与iPad倾斜

从根据iPad的倾斜从左到右的影响是移动图像的任何帮助运动图像横盘整理。 iPad保持横向视图,图像应从左向右移动(实际上是上下移动)。 图像宽度是iPad舞台(2048px)的两倍,并且应该在到达窗口的末端时重复该图像宽度。 有人能帮我开始吗? 在此先感谢

回答

2

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

基本上,你关心什么是“deviceorientation”事件。该事件对象为您提供了一些有用的数据 - e.alpha,e.beta和egamma。

每个属性是沿给定轴转动的量度,范围为负180至180正

有趣的事实:这也适用于的MacBook Pro(在Chrome,至少)。

+0

谢谢你的快速回答,但这不是我真正想要的效果。当iPad向左倾斜时,我希望图像保持向右流动,而向左倾斜时向左流动。 – user1306732 2012-04-01 21:06:00

+0

哦,对不起。我以为你想要一些帮助入门。我现在意识到你希望有人为你写一个完整的应用程序。让我继续说下去...... – 2012-04-01 21:15:09

+0

不,我不想让某人为我写这篇文章我想亲自尝试一下,你写的内容帮助我理解了如何将旋转数据转换为水平移动。我能够植入我自己的解决方案中,而不使用moo lib。但我似乎没有办法让它继续前进并加速。我想我需要更多地关注一些物理解决方案,并尝试了解那里的功能是如何工作的。谢谢你的时间,如果你不认为我很欣赏你的答案,我很抱歉。 – user1306732 2012-04-02 05:16:01