陀螺仪
简介:
陀螺仪是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。
兼容:
iphone和ipad必须在https协议中才能使用,系统11.1.x以前是可以使用的。
使用:
需要搭建服务后,链接wifi更改ip地址为本地的ip地址后运行
1.deviceorientation事件 指南针、手机倾斜
aplha:装置水平放置时,绕 Z 轴旋转的角度,数值为 0 度到 360 度。
beta:行动装置水平放置时,绕 X 轴旋转的角度,数值为 -180 度到 180 度。
gamma:行动装置水平放置时,绕 Z 轴旋转的角度,数值为 -90 度到 90 度。
window.addEventListener("deviceorientation",function(event){
//event.alpha 指南针(指北)0-360 当为0的时候指向北 180指向南
//event.beta 平放的时候为0,短的边贴着桌面立起来的时候(手机屏对自己),立到垂直, 这个值就为90,倒过来立(手机背面对着自己),值为-90
//event.gamma 长的边贴着桌面 当立起来到垂直的时候,屏幕处于左手-90,屏幕处于右手, 就是90
document.getElementById("container").innerHTML = `
alpha : ${
event.alpha} <br>
beta : ${
event.beta} <br>
gamma : ${
event.gamma} <br>
`
})
2.devicemotion事件 手机加速度、摇一摇
(Math.abs(event.acceleration.x) > num ,num的值越大