查看: 3275|回复: 26

[教程] 重力感应的最终解答--平衡小球

  [复制链接]
发表于 2015-11-13 10:46:00 | 显示全部楼层 |阅读模式
本帖最后由 时期 于 2015-11-13 10:55 编辑

  如果你只是想获取横竖屏切换的消息,请看这个帖子

  我们在手机上玩一些赛车游戏,很多是通过重力感应来操作的,html5里也有相应的事件来相应。

重力感应的最终解答--平衡小球

重力感应的最终解答--平衡小球


  把手机平放在桌面,有xyz三个轴,沿着三个轴转动,在js代码里可以获得转动的角度。

  附件是源代码,通过重力感应让一个小球在屏幕中移动和转动

  Main.ts里有一个onRotation。获得到角度以后传进来,控制小球的移动方向和旋转角度

  1. public onRotation(angleX:number,angleY:number,angleZ:number):void{
  2. this.txtX.text = "X轴:"+angleX.toString();//-90 --- +90
  3. this.txtY.text = "Y轴:"+angleY.toString();//-180 --- +180
  4. this.txtZ.text = "Z轴:"+angleZ.toString();//0-360
  5. //场景的宽高为600x600,中心点是300,300
  6. this.ball.y = 300 -angleX/90*300;
  7. this.ball.x = 300 -angleY/90*300;
  8. this.ball.rotation = angleZ;
复制代码

  打开launcher/egret_loader.js。59行获得3个轴的角度,就这么2行,很简单吧。
  1. window.ondeviceorientation = function(e){
  2.         rootContainer.onRotation(Math.floor(e.beta), Math.floor(e.gamma), Math.floor(e.alpha))
  3. }
复制代码
二维码演示:


ph.gif


游客,如果您要查看本帖隐藏内容请回复


回复

使用道具 举报

发表于 2015-11-13 14:42:31 | 显示全部楼层
下载学习6666666666
回复 支持 反对

使用道具 举报

发表于 2015-11-17 15:21:16 | 显示全部楼层
下载学习吊吊的
回复 支持 反对

使用道具 举报

发表于 2016-7-31 11:18:57 | 显示全部楼层
谢谢楼主分享!!!
回复 支持 反对

使用道具 举报

发表于 2016-8-23 19:48:28 | 显示全部楼层
11111111111111111111111
回复 支持 反对

使用道具 举报

发表于 2016-10-12 14:13:22 | 显示全部楼层
请问企鹅企鹅去额企鹅企鹅企鹅企鹅企鹅
回复 支持 反对

使用道具 举报

发表于 2017-2-19 19:40:17 | 显示全部楼层
不错,谢谢#在这里快速回复#
回复 支持 反对

使用道具 举报

发表于 2017-5-28 10:59:11 | 显示全部楼层
大神能加好友吗?
回复 支持 反对

使用道具 举报

发表于 2017-5-28 11:05:26 | 显示全部楼层
大哥,密码呢?
回复 支持 反对

使用道具 举报

发表于 2017-6-21 17:04:16 | 显示全部楼层
原来是这样子的嗦。学习。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站推荐上一条 /1 下一条

关注蚂蚁HTML5社区官方微信
关注蚂蚁HTML5社区官方微信

邮箱:[email protected] QQ:791577401 木子牛HTML5工作室 版权所有

© 2014-2018 MUZINIU Inc.小黑屋|手机版|Archiver|HANGNIU  

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

快速回复 返回顶部 返回列表