H5 api

陀螺仪简介:陀螺仪是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。兼容:iphone和ipad必须在https协议中才能使用,系统11.1.x以前是可以使用的。使用:需要搭建服务后,链接wifi更改ip地址为本地的ip地址后运行1.deviceorientation事件 指南针、手机倾斜aplha:装置水平放置时,绕 Z 轴旋转的角度,数值为 0 度到 360 度。beta:行动装置水平放置时,绕 X 轴旋转的角度,数值为 -180 度到 180 度
摘要由CSDN通过智能技术生成

陀螺仪

简介:

陀螺仪是测量物理量的偏转、倾斜时的转动角速度。赛车、跑酷游戏里最常见的转动手机控制方向。

兼容:

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的值越大

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值