教程目录
1 演示效果
2 实现原理
3 Demo
1 演示效果
主要参考9ria帖子，年代久远，忘了。
另可参考 jquery+css3实现元素颤抖特效
PC演示地址
手机扫码：2 实现原理
定时器，每隔一段时间改变震动对象的x，y。 可追加rotation和alpha。
使用方法
[C#] 纯文本查看 复制代码
|
1
2
|
震动目标obj，1秒内震动10次，震动最大距离10ShakeTool.getInstance().shakeObj(obj, 1, 10, 10); |
工具源码
[C#] 纯文本查看 复制代码
|
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
71
72
73
74
75
|
/** * 震动工具
* @author chenkai
* [url=home.php?mod=space&uid=81950]@since[/url] 2017/5/24
*
* Example:
* 震动目标obj，1秒内震动10次，震动最大距离10
* ShakeTool.getInstance().shakeObj(obj, 1, 10, 10);
*/
class ShakeTool {
private static instance:ShakeTool; //单例
private initX:number; //初始位置
private initY: number;
private target:egret.DisplayObject; //震动目标
private maxDis: number; //震动距离
private count: number = 0; //计时器次数
private rate: number; //一秒震动次数
private timer:egret.Timer = new egret.Timer(1000);
public static getInstance():ShakeTool{
if(this.instance == null){
this.instance = new ShakeTool();
}
return this.instance;
}
/**
* 震动显示对象
* @param target 震动目标对象
* @param time 震动持续时长（秒）
* @param rate 震动频率(一秒震动多少次)
* @param maxDis 震动最大距离
*/
public shakeObj(target: egret.DisplayObject,time: number,rate: number,maxDis: number): void {
this.target = target;
this.initX = target.x;
this.initY = target.y;
this.maxDis = maxDis;
this.count = time * rate;
this.rate = rate;
this.timer.delay = 1000/rate;
this.timer.repeatCount = this.count;
this.timer.addEventListener(egret.TimerEvent.TIMER,this.shaking, this);
this.timer.addEventListener(egret.TimerEvent.TIMER_COMPLETE, this.shakeComplete, this);
this.timer.reset();
this.timer.start();
}
private shaking(): void {
egret.Tween.removeTweens(this.target);
this.target.x = this.initX - this.maxDis + Math.random()*this.maxDis*2;
this.target.y = this.initY - this.maxDis + Math.random()*this.maxDis*2;
egret.Tween.get(this.target).to({x:this.initX, y:this.initY},999/this.rate);
}
private shakeComplete(): void {
if(this.target){
egret.Tween.removeTweens(this.target);
this.target.x = this.initX;
this.target.y = this.initY;
}
this.timer.removeEventListener(egret.TimerEvent.TIMER,this.shaking,this);
this.timer.removeEventListener(egret.TimerEvent.TIMER_COMPLETE,this.shakeComplete,this);
}
/**停止震动 */
public stop(){
this.shakeComplete();
}
} |
Demo下载：
https://files-cdn.cnblogs.com/files/gamedaybyday/Egret4.1.0_ShakeExample.7z