このサンプルではiOS、Androidのブラウザで、スマホを握って振ったときに、文字が切り替わるスクリプトを実装しています。
スマホを上下左右に振ってください
サンプルのスクリプトは以下の通りです。
$(function(){ window.addEventListener("devicemotion", devicemotionHandler); }); function devicemotionHandler(event) { // X軸 var x = event.acceleration.x; // Y軸 var y = event.acceleration.y; // Z軸 var z = event.acceleration.z; var l = 5; if (x > l) { $('#demo_data').html('右に振りました'); } else if (x < -l) { $('#demo_data').html('左に振りました'); } else if (y > l) { $('#demo_data').html('上に振りました'); } else if (y < -l) { $('#demo_data').html('下に振りました'); } else return; }
このサンプルはjQueryを組み合わせて実装しています。