ジャイロセンサ使ってみた。色々遊べそう。
(※センサを搭載していないデバイスで閲覧している場合、何も面白くないものが表示されていると思います。)
センサを搭載してても、Qiita記事への埋め込みだとセンサが取れないっぽい。
codepenのサイトから直接閲覧する必要あり。
See the Pen 3D Sensor test by kob58im (@kob58im) on CodePen.
three.jsを使用しているのは手軽に可視化したかったからであって、ジャイロセンサの取得は素のJavaScriptで書けます。(参考サイト参照)
なお、記事作成時点(2020.11.24)で、参考サイトによると
これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。
および
警告: Chrome と Firefox では角度の扱い方が異なり、一部の軸の向きが逆になっています。
だそうです。