スマホのセンサー ～ 傾きを取得する

Javascriptでスマホのセンサーで傾きを取得する方法をまとめました。

構文

windows.addEventlistener('deviceorientation', [コールバック関数]);

事前準備

ローカル環境で動作確認するにはいくつか事前準備が必要になります。

自己署名証明書の作成

ここを参考に作成してください。

VS Codeの拡張機能『Live Server』でHTTPSを有効化

ここを参考に設定してください。

サンプル