Accelerometer

Accelerometer

デバイスの動きを(x, y, z)軸で取得します。

メソッド

引数

オブジェクト (読み取り専用)


accelerometer.getCurrentAcceleration

加速度センサーはデバイスの傾きの増加量を計測します。

navigator.accelerometer.getCurrentAcceleration(accelerometerSuccess, accelerometerError);

概要

加速度センサーはデバイスの傾きの増加量を計測します。 加速度情報は accelerometerSuccess コールバック関数によって返されます。

サポートされているプラットフォーム

使用例

function onSuccess(acceleration) {
    alert('X軸における加速度: ' + acceleration.x + '\n' +
          'Y軸における加速度: ' + acceleration.y + '\n' +
          'Z軸における加速度: ' + acceleration.z + '\n' +
          'タイムスタンプ: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('エラーが発生しました');
};

navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

詳細な使用例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>加速度センサーの使用例</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

    // PhoneGapの読み込み完了まで待機
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap準備完了
    //
    function onDeviceReady() {
        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
    }

    // onSuccess: 現在の加速度情報を取得
    //
    function onSuccess(acceleration) {
        alert('X軸における加速度: ' + acceleration.x + '\n' +
              'Y軸における加速度: ' + acceleration.y + '\n' +
              'Z軸における加速度: ' + acceleration.z + '\n' +
              'タイムスタンプ: '      + acceleration.timestamp + '\n');
    }

    // onError: 加速度取得に失敗
    //
    function onError() {
        alert('エラーが発生しました。');
    }

    </script>
  </head>
  <body onload="onLoad()">
    <h1>加速度センサーの使用例</h1>
    <p>getCurrentAcceleration</p>
  </body>
</html>

iPhoneに関する注意点


accelerometer.watchAcceleration

ある時間間隔における、x, y, z軸上の加速度を返します。

var watchID = navigator.accelerometer.watchAcceleration(accelerometerSuccess,
                                                       accelerometerError,
                                                       [accelerometerOptions]);

概要

加速度センサーは三次元空間上の動きを補足するものです。

accelerometer.watchAcceleration 関数を使うと、一定の間隔ごとにデバイスの加速度情報を取得できます。 加速度情報を取得するたびに、 accelerometerSuccess コールバック関数が実行されます。 加速度情報を取得する間隔は accelerationOptions オブジェクトのパラメータを frequency 通じてミリ秒単位で指定できます。 本関数の戻り値であるウォッチIDは、実行中の加速度センサー測定への参照を表します。 また、本関数にウォッチIDを渡すことで、加速度センサーのキャプチャを停止できます。

サポートされているプラットフォーム

使用例

function onSuccess(acceleration) {
    alert('X軸上の加速度: ' + acceleration.x + '\n' +
          'Y軸上の加速度: ' + acceleration.y + '\n' +
          'Z軸上の加速度: ' + acceleration.z + '\n' +
          'タイムスタンプ: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('エラーが発生しました。');
};

var options = { frequency: 3000 };  // 3秒ごとに更新

var watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);

詳細な使用例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>加速度センサーの使用例</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

    // ウォッチIDが現在の `watchAcceleration` を参照
    var watchID = null;

    // PhoneGap の読み込みを待機
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap準備完了
    //
    function onDeviceReady() {
        startWatch();
    }

    // 加速度センサーのキャプチャを開始
    //
    function startWatch() {

        // 加速度情報を3秒ごとに更新
        var options = { frequency: 3000 };

        watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
    }

    // 加速度センサーのキャプチャを停止
    //
    function stopWatch() {
        if (watchID) {
            navigator.accelerometer.clearWatch(watchID);
            watchID = null;
        }
    }

    // onSuccess: 現在の加速度情報を取得
    //
    function onSuccess(acceleration) {
        var element = document.getElementById('accelerometer');
        element.innerHTML = 'X軸上の加速度: ' + acceleration.x + '<br />' +
                            'Y軸上の加速度: ' + acceleration.y + '<br />' +
                            'Z軸上の加速度: ' + acceleration.z + '<br />' +
                            'タイムスタンプ: '      + acceleration.timestamp + '<br />';
    }

    // onError: 加速度情報の取得に失敗
    //
    function onError() {
        alert('エラーが発生しました。');
    }

    </script>
  </head>
  <body onload="onLoad()">
    <div id="accelerometer">加速度センサーを待機</div>
  </body>
</html>

iPhoneに関する注意点


accelerometer.clearWatch

指定したウォッチIDの加速度センサー測定を停止します。

navigator.accelerometer.clearWatch(watchID);

サポートされているプラットフォーム

使用例

var watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);

// ... 後に続く ...

navigator.accelerometer.clearWatch(watchID);

詳細な使用例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>加速度センサーの使用例</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

    // ウォッチIDが現在の `watchAcceleration` を参照
    var watchID = null;

    // PhoneGapの読み込みを待機
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap準備完了
    //
    function onDeviceReady() {
        startWatch();
    }

    // 加速度情報の監視を開始
    //
    function startWatch() {

        // 3秒ごとに更新
        var options = { frequency: 3000 };

        watchID = navigator.accelerometer.watchAcceleration(onSuccess, onError, options);
    }

    // 加速度情報の監視を中止
    //
    function stopWatch() {
        if (watchID) {
            navigator.accelerometer.clearWatch(watchID);
            watchID = null;
        }
    }

    // onSuccess: 現在の加速度情報を取得
    //
    function onSuccess(acceleration) {
        var element = document.getElementById('accelerometer');
        element.innerHTML = 'X軸上の加速度: ' + acceleration.x + '<br />' +
                            'Y軸上の加速度: ' + acceleration.y + '<br />' +
                            'Z軸上の加速度: ' + acceleration.z + '<br />' + 
                            'タイムスタンプ: '      + acceleration.timestamp + '<br />';
    }

    // 加速度情報取得に失敗
    //
    function onError() {
        alert('エラーが発生しました。');
    }

    </script>
  </head>
  <body onload="onLoad()">
    <div id="accelerometer">加速度センサーを待機</div>
    <button onclick="stopWatch();">監視中止</button>
  </body>
</html>

Acceleration

ある時間軸上でキャプチャされた加速度のデータを含みます。

プロパティー

概要

本オブジェクトは PhoneGap によって作成され、加速度センサー関係のメソッドにより返されます。

サポートされているプラットフォーム

使用例

function onSuccess(acceleration) {
    alert('X軸上の加速度: ' + acceleration.x + '\n' +
          'Y軸上の加速度: ' + acceleration.y + '\n' +
          'Z軸上の加速度: ' + acceleration.z + '\n' +
          'タイムスタンプ: '      + acceleration.timestamp + '\n');
};

function onError() {
    alert('エラーが発生しました。');
};

navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);

詳細な使用例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                      "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>加速度センサーの使用例</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

    // PhoneGapの読み込みを待機
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // PhoneGap準備完了
    //
    function onDeviceReady() {
        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
    }

    // onSuccess: 現在の加速度情報を取得
    //
    function onSuccess() {
        alert('X軸上の加速度: ' + acceleration.x + '\n' +
              'Y軸上の加速度: ' + acceleration.y + '\n' +
              'Z軸上の加速度: ' + acceleration.z + '\n' +
              'タイムスタンプ: '      + acceleration.timestamp + '\n');
    }

    // onError: 加速度情報取得に失敗
    //
    function onError() {
        alert('エラーが発生しました。!');
    }

    </script>
  </head>
  <body onload="onLoad()">
    <h1>使用例</h1>
    <p>getCurrentAcceleration</p>
  </body>
</html>

accelerometerSuccess

加速度情報を返す onSuccess コールバック関数です。

function(acceleration) {
    // 任意のコード
}

パラメータ

使用例

function onSuccess(acceleration) {
    alert('X軸上での加速度: ' + acceleration.x + '\n' +
          'Y軸上での加速度: ' + acceleration.y + '\n' +
          'Z軸上での加速度: ' + acceleration.z + '\n' +
          'タイムスタンプ: '      + acceleration.timestamp + '\n');
};

accelerometerError

加速度情報の取得に失敗したときに呼び出されるコールバック関数です。 function() { // エラー対処 }


accelerometerOptions

加速度を取得する際のパラメータを表します。

オプション