Jun 12, 2012

[Apple] [Apple] iOS 用 Web サイト構築で可能なこと - 傾き取得

DeviceOrientationEvent のサンプル
3軸加速度センサーから alpha, beta, gamma の値を取得し、Web ページ上に表示する。

[alpha,beta,gamma の意味] [iPhone キャプチャ]

ソースコード

  <div id="orientation" >
    <div>alpha:<span id="alpha" /></div>
    <div>beta:<span id="beta" /></div>
    <div>gamma:<span id="gamma" /></div>
  </div>
  <script defer="defer">
  window.addEventListener('deviceorientation', 
    function(evt) {
      document.getElementById("alpha").innerText = evt.alpha;
      document.getElementById("beta").innerText = evt.beta;
      document.getElementById("gamma").innerText = evt.gamma;
    }, false
  );
  </script>

Posted in Apple | このエントリーをはてなブックマークに追加 | この記事をクリップ! livedoor クリップ |