84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
做一个手机的h5页面,关于一个小球平衡的东西,手机浏览器如何获取手机底层的陀螺仪参数呢?有没有想过的demo参考一下,谢谢
学习是最好的投资!
有个检测设备方向的 API,可以在事件中获取设备 x、y、z 三个轴旋转角度,也许对你有用。https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation
补充:
在PC端测试模拟的话,可以用谷歌浏览器的模拟器。
我在控制台输入了以下代码,监听该事件。
window.addEventListener('deviceorientation', function(e){ console.log('absolute: ' + e.absolute) console.log('alpha: ' + e.alpha) console.log('beta: ' + e.beta) console.log('gamma: ' + e.gamma) });
切换为模拟器模式,随便选一个移动设备。然后按下图所示点进去,你会发现一个新的天地。
支持地理位置模拟和三轴角度模拟。
更改一些数值,控制台正确输出。
有个检测设备方向的 API,可以在事件中获取设备 x、y、z 三个轴旋转角度,也许对你有用。
https://developer.mozilla.org/zh-CN/docs/Web/API/Detecting_device_orientation
补充:
在PC端测试模拟的话,可以用谷歌浏览器的模拟器。
我在控制台输入了以下代码,监听该事件。
切换为模拟器模式,随便选一个移动设备。然后按下图所示点进去,你会发现一个新的天地。
支持地理位置模拟和三轴角度模拟。
更改一些数值,控制台正确输出。