重力感应的最终奥义--平衡小球

如果你只是想获取横竖屏切换的消息，请看这个帖子
我们在手机上玩一些赛车游戏，很多是通过重力感应来操作的，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. }

复制代码

测试地址
PS：刚发现macbook好牛逼，笔记本都有重力感应芯片，可以获得x轴和y轴的旋转角度。

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

不错不错，长知识

不错，重力感应正好要用

前来顶贴，张宇所发，必属于精品啊

可以让wander把这部分逻辑做到game library扩展里。

不错不错不错不错不错不错不错

我要看不错不错不错

尅尅尅尅尅

看起来很高大上啊

果然好牛逼~~~