当前位置:Gxlcms > mysql > 【图】球们

【图】球们

时间: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

下面是截图:

Screenshot_2013-07-12-12-30-15

您可能对以下日志也感兴趣

开发移动应用的一些心得
【图】刷长安街
【图】七月份的尾巴,狂风大作,电闪雷鸣
【图】看天气预报未来三周几乎每天都有雨
【图】44.2℃

人气教程排行