2012-04-01 107 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