教程目录
一 实现原理
二 代码
三 Demo下载
一 实现原理
监听设备旋转角度的变化，来判断用户是否摇动手机。
参考：
智能手机里陀螺仪和重力感应有何区别？
HTML5实现摇一摇的功能
Egret官方陀螺仪教程
二 代码
摇一摇工具类ShakeTool使用范例
[Actionscript3] 纯文本查看 复制代码
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
private shakeTest(){
this.shakeTool = new ShakeTool();
this.shakeTool.addEventListener(egret.Event.CHANGE, this.onChange,this);
this.shakeTool.start();
}private onChange(e:egret.Event){
var data = e.data;
//用户大概晃动了手机2-3次
if(data.shakeCount > 6){
egret.log("摇一摇完成");
this.shakeTool.stop();
}
} |
ShakeTool源码
[Actionscript3] 纯文本查看 复制代码
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
/** * 摇一摇工具类
* @author chenkai
* [url=home.php?mod=space&uid=81950]@since[/url] 2017/4/20
*/
class ShakeTool extends egret.EventDispatcher{
private orientation:egret.DeviceOrientation; //设备方向变化
private xAngle: number = 0; //设备绕x角度
private yAngle: number = 0; //设备绕y角度
private zAngle: number = 0; //设备绕z角度
private last_x: number = 0; //上一次绕x角度
private last_y: number = 0; //上一次绕y角度
private last_z: number = 0; //上一次绕z角度
private shakeCount: number = 0; //摇动次数
private lastTime:number = 0; //上一次更新时间
private shakeAngle:number = 45; //当晃动角度大于一定角度时，算摇动一次
public constructor(){
super();
}
/**开始 */
public start(){
//重置数据
this.shakeCount = 0;
this.lastTime = 0;
this.last_x = 0;
this.last_y = 0;
this.last_z = 0;
//开始监听
this.orientation || (this.orientation = new egret.DeviceOrientation());
this.orientation.addEventListener(egret.Event.CHANGE,this.onOrientation,this);
this.orientation.start();
}
/**停止 */
public stop(){
if(this.orientation){
this.orientation.removeEventListener(egret.Event.CHANGE,this.onOrientation,this);
this.orientation.stop();
}
}
private onOrientation(e: egret.OrientationEvent) {
var curTime:number = egret.getTimer();
//每100ms判断一次
if(curTime - this.lastTime > 100){
this.lastTime = curTime;
this.xAngle = e.beta; //x轴
this.yAngle = e.gamma; //y轴
this.zAngle = e.alpha ; //z轴
//旋转超过一定角度，则算摇动一次
if(Math.abs(this.last_x - this.xAngle)>this.shakeAngle ||
Math.abs(this.last_y - this.yAngle)>this.shakeAngle ||
Math.abs(this.last_z - this.zAngle)>this.shakeAngle){
this.shakeCount ++;
}
this.last_x = this.xAngle;
this.last_y = this.yAngle;
this.last_z = this.zAngle;
}
//派发事件(应该在shakeCount++时派发一次，写在这里只是为了方便显示测试数据...)
this.dispatchEventWith(egret.Event.CHANGE,false, {x:this.xAngle,y:this.yAngle,z:this.zAngle,shakeCount:this.shakeCount});
}
} |
三 Demo下载
https://files-cdn.cnblogs.com/files/gamedaybyday/Egret3.2.6_YaoYiYaoExample.7z