130910 kihare

2013年9月10日
ジャイロセンサーと
加速度センサーについて
13年9月10日火曜日

自己紹介
• 加藤貴晴（かとうたかはる）
主にWEB系の開発をしているエンジニア
株式会社アクアリング
@k_kihare

ジャイロセンサーと
加速度センサーについて
✤ ジャイロセンサーとは
物体の角度や速度を検出する計測器。
✤ 加速度センサーとは
物体の加速度を計測する機器。
※wikipediaより抜粋

スマホとセンサー
✤ iPhone
✤ Android
iPhone4以降、加速度センサーとジャイロセンサー搭載
iPhone3GSには加速度センサーのみでした！
1.6では定義されている。
※端末によっては搭載されていないものがあります

✤ iPhone
✤ Android
アプリのみ？

✤ iPhone
✤ Android
アプリのみ？
JavaScript でも
値が取得できるんです！

加速度センサーコード
✤ センサーの感知はJavaScriptのイベント
addEventListener('devicemotion', function() {});
✤ 取得できる値は
1. 傾きの加速度は、accelerationオブジェクト
2. 傾きの重力加速度は、accelerationIncludingGravityオブジェクト
3. 回転の加速度はrotationRateオブジェクト

ジャイロセンサーコード
✤ センサーの感知はJavaScriptのイベント
addEventListener('deviceorientation', function(event) { });
✤ 取得できる値は
deviceorientationのxyz軸の値を取得できます。

値の取得
✤ DeviceOrientation Event Specification
http://dev.w3.org/geo/api/spec-source-orientation.html

サンプル加速度センサー
✤ URL : http://p.tl/-2l7

サンプルジャイロセンサー
✤ URL : http://p.tl/7pFH

サイトご紹介
✤ 株式会社コンテンツさんのコーポレートサイト
http://www.contents.ne.jp/

jQuery プラグイン
✤ http://wagerﬁeld.github.io/parallax/

ご清聴ありがとうございました。

2013年新卒でweb業界に飛び込んだ3人による、おろおろな毎日。

記事一覧ページ
テキスト

記事詳細ページ
「アクアの中からすみません。」

ブログのコンセプト
✤ 普通とは違った視点
✤ 何かとこニクい
✤ 何かと捻った

orooroからのお願い
✤ 写真を撮らせて下さい。
✤ お手元にある黄色い紙を手に持って下さい。
✤ 今回撮影した写真を記事に使わせて下さい。

本当にご清聴ありがとうございました。

130910 kihare

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

130910 kihare