html5 利用重力感應實現搖一搖換顏色可用來做抽獎等等

點評：搖一搖換顏色的，非常好用，不過測試後，需要有很多的地方需要注意，下面是個人的一些見解，大家不妨參考下

1、必須要ios或者是安卓4.0以上的才能實現功能應用。

2、如果加如z坐標的判斷，就會出現屏幕亂變顏色的情況，估計太敏感了…………或者是沒找到對的用法，希望大家能給指正

3、這個功能稍微改改，就可以變成抽獎的方法，比大轉盤、刮刮卡要時尚些，哈哈

<script type="text/javascript">

var color = new Array('red', 'blue', 'yellow', 'green', '#00f', '#0ff');

if(window.DeviceMotionEvent) {

var speed = 25;

var x = y = z = lastX = lastY = lastZ = 0;

window.addEventListener('devicemotion', function(){

var acceleration =event.accelerationIncludingGravity;

x = acceleration.x;

y = acceleration.y;

//z = acceleration.z;

if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {

document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];

}

lastX = x;

lastY = y;

//lastZ = z;

}, false);

}

</script>