关于H5实现的手机摇一摇
来源:互联网 发布:裤子 知乎 编辑:程序博客网 时间:2024/06/05 00:32
devicemotion 获取设备加速度信息。其事件对象返回有3个值,但是我用到的是accelerationIncludingGravity 考虑了重力的影响。地球引力值是9.81 返回的X,Y,Z 其中的Z轴就是9.81 不过有正负之分 水平向上在安卓里面显示的是是+9.81 在苹果里面显示的是-9.81 (最然对于我们的计算没有影响,但是写出来让大家了解一下,免得测试的时候有疑问)。
注意:返回的X,Y,Z的属性值的单位是m/s^2
acceleration这个属性是没有考虑到重力影响的,很奇怪,我也在想为什么出两个标准。这个难道是考虑在真空吗。。。。
OK,来说说我们的代码。
设置了阀值4000(就是当加速度达到了这个值的时候,就触发了摇一摇的程序)。
获取上一次的时间last_update.
设置一个count来告诉大家你摇动了几次。
初始化各个轴的加速读,以及上一次的加速last_X,last_Y,last_Z.
如果设备支持DeviceMotionEvent就给window进行事件绑定。
获取当前时间currTime。
获取当前事件对象的accelerationIncludingGravity属性。
每100毫秒进行一次获取和判断加速度 X,Y,Z。
求的某一次的加速speed是否达到了阀值4000.
如果达到了就出发摇一摇事件。
最后再把这次的X,Y,Z的速度值复制给last_x,y,z.
真个代码的解析就是这样了。
可能我在某一块理解的不对,欢迎大家评论下 一起学习,研究。
0 0
- 关于H5实现的手机摇一摇
- 关于H5实现的手机摇一摇
- H5实现手机摇一摇
- H5调用手机振动实现
- H5调用手机振动实现
- h5 实现手机端摇一摇功能
- h5+实现手机端的录音,拍照,录像
- 手机h5页面的mata
- 关于H5唤醒APP的功能实现(千辛万苦啊!)
- 关于cocos2d实现H5声音播放存在问题的解决办法
- 实现H5的拖放
- h5用swiper结合angularjs实现手机浏览器左右滑动切换图片的效果
- H5实现摇一摇功能
- h5手机网页的meta标签
- 叨一下H5的手机适配
- h5关于居中的几个问题
- 关于h5的所有标签
- 关于h5页面,在手机上测试,可配host
- 计算机视觉目标检测的框架与过程
- Effective C++ 条款11
- 浅析人脸检测之Haar分类器方法
- openlayer vectorlayer不显示
- 目标检测的图像特征提取之(一)Haar特征
- 关于H5实现的手机摇一摇
- MFC 不同进程间的消息通信与数据(字符串)发送
- 目标检测的图像特征提取之(二)LBP特征
- 数据结构学习之二叉树(面试易考题整理)
- 目标检测的图像特征提取之(三)HOG特征
- android界面优化技巧
- 轮盘抽奖代码
- [DM814x笔记]DDR相关配置
- Google Java编程风格指南