时间:2021-07-01 10:21:17 帮助过:44人阅读
今年四月份的时候写过一系列文章 通过运动学模拟来演示碰撞检测算法优化的 Javascript 实现(目录),现在有点空闲时间了,把那个例子稍微改了一下,把所有球都控制在一个密闭空间,然后通过旋转手机控制球们的移动(利用 HTML5 的 deviceapi),使用 Opera
今年四月份的时候写过一系列文章 通过运动学模拟来演示碰撞检测算法优化的 Javascript 实现(目录),现在有点空闲时间了,把那个例子稍微改了一下,把所有球都控制在一个密闭空间,然后通过旋转手机控制球们的移动(利用 HTML5 的 deviceapi),使用 Opera 欧朋的 SPHINX,在低端手机上 400 球能保持 40 帧左右。
先在优酷看看视频演示吧:http://v.youku.com/v_show/id_XNTgxOTg5NTky.html
原理就是使用 devicemotion 事件获取设备 x 轴和 y 轴的加速度,然后模拟小球的加速运动。devicemotion 和 deviceorientation 是有区别的,devicemotion 获取的是加速度值,单位是米每平方秒,而 deviceorientation 获取的是角度,详见 DeviceOrientation事件规范。
本例在线访问地址是(使用安卓设备):http://www.impony.com/tools/com.impony.balls.android/
不过推荐使用 SPHINX 模拟器(http://sphinx.oupeng.com/)访问这个地址,或者直接安装我用 SPHINX 开发者平台(http://ge.oupeng.com/)打包好的 APK,性能比较高。
安装 APK 时会看到有好多权限需求,这是打包时自动产生的,本例没有访问设备任何隐私,可以查看源代码确认,请放心。
APK 安装包地址是:http://www.impony.com/tools/com.impony.balls.android/balls1.1.apk
以上两个链接的短地址分别是:http://dwz.cn/9Lu5E 和 http://dwz.cn/9Lu9p
下面是截图:
开发移动应用的一些心得
【图】刷长安街
【图】七月份的尾巴,狂风大作,电闪雷鸣
【图】看天气预报未来三周几乎每天都有雨
【图】44.2℃
原文地址:【图】球们, 感谢原作者分享。