Embed Size (px)
Citation preview
2013年9月10日
ジャイロセンサーと加速度センサーについて
13年9月10日火曜日
自己紹介
• 加藤 貴晴 （かとう たかはる）
主にWEB系の開発をしているエンジニア
株式会社 アクアリング
@k_kihare
13年9月10日火曜日
ジャイロセンサーと加速度センサーについて
✤ ジャイロセンサーとは
物体の角度や速度を検出する計測器。
✤ 加速度センサーとは
物体の加速度を計測する機器。
※wikipediaより抜粋
13年9月10日火曜日
スマホとセンサー
✤ iPhone
✤ Android
iPhone4以降、加速度センサーとジャイロセンサー搭載
iPhone3GSには加速度センサーのみでした！
1.6では定義されている。※端末によっては搭載されていないものがあります
13年9月10日火曜日
スマホとセンサー
✤ iPhone
✤ Android
iPhone4以降、加速度センサーとジャイロセンサー搭載
iPhone3GSには加速度センサーのみでした！
1.6では定義されている。※端末によっては搭載されていないものがあります
13年9月10日火曜日
スマホとセンサー
✤ iPhone
✤ Android
iPhone4以降、加速度センサーとジャイロセンサー搭載
iPhone3GSには加速度センサーのみでした！
1.6では定義されている。※端末によっては搭載されていないものがあります
アプリのみ？
13年9月10日火曜日
スマホとセンサー
✤ iPhone
✤ Android
iPhone4以降、加速度センサーとジャイロセンサー搭載
iPhone3GSには加速度センサーのみでした！
1.6では定義されている。※端末によっては搭載されていないものがあります
アプリのみ？
JavaScript でも値が取得できるんです！
13年9月10日火曜日
加速度センサー コード
✤ センサーの感知はJavaScriptのイベント
addEventListener('devicemotion', function() {});
✤ 取得できる値は
1. 傾きの加速度は、accelerationオブジェクト
2. 傾きの重力加速度は、accelerationIncludingGravityオブジェクト
3. 回転の加速度はrotationRateオブジェクト
13年9月10日火曜日
ジャイロセンサー コード
✤ センサーの感知はJavaScriptのイベント
addEventListener('deviceorientation', function(event) { });
✤ 取得できる値は
deviceorientationのxyz軸の値を取得できます。
13年9月10日火曜日
値の取得
✤ DeviceOrientation Event Specificationhttp://dev.w3.org/geo/api/spec-source-orientation.html
13年9月10日火曜日
サイトご紹介
✤ 株式会社コンテンツさんのコーポレートサイト
http://www.contents.ne.jp/
13年9月10日火曜日
jQuery プラグイン
✤ http://wagerfield.github.io/parallax/
13年9月10日火曜日
ご清聴ありがとうございました。
13年9月10日火曜日
2013年新卒でweb業界に飛び込んだ3人による、おろおろな毎日。
13年9月10日火曜日
記事一覧ページ
テキスト
13年9月10日火曜日
記事詳細ページ「アクアの中からすみません。」
13年9月10日火曜日
ブログのコンセプト
✤ 普通とは違った視点
✤ 何かとこニクい
✤ 何かと捻った
13年9月10日火曜日
orooroからのお願い
✤ 写真を撮らせて下さい。
✤ お手元にある黄色い紙を手に持って下さい。
✤ 今回撮影した写真を記事に使わせて下さい。
13年9月10日火曜日
本当にご清聴ありがとうございました。
13年9月10日火曜日
