1
no13bus 2014-04-27 07:55:37 +08:00 1
微信里面?你得看看html5支不支持这个东西了
|
2
anheiyouxia 2014-04-27 08:13:11 +08:00 1
|
3
kokdemo 2014-04-27 09:46:20 +08:00 2
我写过一个重力感应的2048
http://me.wocai.de/2048 |
4
no13bus 2014-04-27 13:05:13 +08:00
很棒
|
6
monbai 2014-04-27 16:20:33 +08:00 1
手机的 话性能要好
window.onload= function(){ window.ondeviceorientation = function(e){ var div = document.getElementById("main"); if (e.beta < -65 && Math.abs(e.gamma)<15 ) { update(1);};//屏幕上端向上 if (e.beta > 65 && Math.abs(e.gamma)<15 ) { update(3);};//屏幕上端向下 if (Math.abs(e.beta) < 15 && e.gamma > 65 ) { update(2);};//屏幕向右 if (Math.abs(e.beta) < 15 && e.gamma < -65 ) { update(0);};//屏幕向左 }; window.addEventListener('shake', shakeEventDidOccur, false); function shakeEventDidOccur () { if (gameOver == true) { restart(); } else{ event.preventDefault(); }; } } |
7
nor 2014-04-27 21:57:34 +08:00 1
网页重力感应主要用到了html5的两个特性deviceOrientation和deveicemotion。deviceOrientation可以结合手机判断东南西北,xyz轴移动的位置。而deveicemotion里面可以通过加速度的判断,实现摇一摇等功能。
给你两个DEMO,一起学习: 摇一摇变身 - http://cf.qq.com/act/a20140415mgmobile/ 重力感应的视差滚动 - http://sy.qq.com/tga/2014/ |
9
shnjojo 2014-04-28 10:10:04 +08:00
|
10
ximan 2014-04-28 11:41:21 +08:00
|