javascript - iPadの傾きで画像を横に移動

Question

私は成功せずに次の効果を作成しようとしてきました。

エフェクトは、iPad の傾きに応じて画像を左から右に移動させます。iPad を横向きにすると、画像が左から右に移動します (実際には上下に移動します)。画像の幅は iPad ステージの 2 倍 (2048px) であり、ウィンドウの端に達すると、それを複製する必要があります。これを始めるのを手伝ってくれる人はいますか？前もって感謝します

Answer 1

始めるにはこれで十分です: http://jsfiddle.net/kennis/S9swv/

基本的に、気になるのは「deviceorientation」イベントです。そのイベント オブジェクトは、e.alpha、e.beta、および e.gamma といういくつかの有用なデータを提供します。

各プロパティは、負の 180 から正の 180 までの範囲の、指定された軸に沿った回転の尺度です。

豆知識: これは MacBook Pro でも動作します (少なくとも Chrome では)。