教程目录
一 实现原理
二 代码
三 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下载