html5手机重力感应演示

2015-11-27 | 4,923浏览 | 2评论 | 标签:无

gravity

在很早以前,摇一摇功能在社交app上流行起来,后来随着html5及手机硬件的完善,陀螺仪和重力感应等功能开始在web端流行,对于前端来说实在是一大福音。最近做到一个重力感应类型的小游戏,我做了一个简化版的demo,和大家分享。

游戏名称

重力感应清除障碍

游戏规则

倾斜手机,控制红球去触碰蓝球,碰到则分数+1。

演示地址

gravity3

界面预览

gravity2

项目案例

gravity3gravity2

总结:这是一个最简化的版本,请大家发挥想象力,重力感应有丰富的可能性。
(本篇完。有疑问欢迎留言探讨)

已有 2 条评论

  1. 798624800

    能提供代码学习一下吗?感谢

    1. DH

      这是5年前的demo,主要使得了deviceorientation方法。地址是:https://denghao.me/demo/2015/gravity/ ,按f12可以查看源码。
      刚刚扫了一下,方法已经无效了。

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出