このサンプルでは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を組み合わせて実装しています。
