cocos js 自定义抖动动作
自定义抖动动作，记录备查。
一：直接继承自cc.ActionInterval，这种方式目前只能在WEB环境下运行，测试3.5版本JSB环境会报错。
1 /** 2 * 自定义抖动动作 3 */ 4 var Shake = cc.ActionInterval.extend({ 5 //节点初始位置 6 nodeInitialPos:null, 7 //X轴抖动幅度 8 nodeShakeStrengthX:0, 9 //Y轴抖动幅度 10 nodeShakeStrengthY:0, 11 //抖动时间 12 duration:0, 13 ctor:function(duration,shakeStrengthX,shakeStrengthY){ 14 cc.ActionInterval.prototype.ctor.call(this); 15 this.duration = duration; 16 this.initWithDuration(duration,shakeStrengthX,shakeStrengthY); 17 18 }, 19 //获取两个数间的随机值 20 getRandomStrength:function(min,max){ 21 return Math.random()*(max-min+1)+min; 22 }, 23 update:function(dt){ 24 var randX=this.getRandomStrength(-this.nodeShakeStrengthX,this.nodeShakeStrengthX)*dt; 25 var randY=this.getRandomStrength(-this.nodeShakeStrengthY,this.nodeShakeStrengthY)*dt; 26 // cc.log("randX:"+randX+",randY="+randY); 27 this.target.setPosition(cc.pAdd(this.nodeInitialPos,cc.p(randX,randY))); 28 }, 29 initWithDuration:function(duration,shakeStrengthX,shakeStrengthY){ 30 if (cc.ActionInterval.prototype.initWithDuration.call(this, duration)) { 31 this.nodeShakeStrengthX=shakeStrengthX; 32 this.nodeShakeStrengthY=shakeStrengthY=='undefined'?shakeStrengthX:shakeStrengthY; 33 return true; 34 } 35 return false; 36 }, 37 startWithTarget:function(target){ 38 cc.ActionInterval.prototype.startWithTarget.call(this, target); 39 this.nodeInitialPos=target.getPosition(); 40 }, 41 stop:function(){ 42 this.target.setPosition(this.nodeInitialPos); 43 } 44 }); 45 /** 46 * 自定义抖动动作 47 * @param {float}duration 抖动时间 48 * @param {number}shakeStrengthX X轴抖动幅度 49 * @param {number}shakeStrengthY Y轴抖动幅度 50 * @returns {Shake} 51 */ 52 cc.shake = function(duration,shakeStrengthX,shakeStrengthY){ 53 return new Shake(duration,shakeStrengthX,shakeStrengthY); 54 };
使用方式：
1 var action = cc.shake(0.4,20,20); 2 xx.runAction(action);
二、使用定时器方式，可同时用于WEB和JSB环境
1 /** 2 * 自定义抖动效果，用于WEB和JSB环境 3 * @param {float}duration 抖动时间 4 * @param {number}shakeStrengthX X轴抖动幅度 5 * @param {number}shakeStrengthY Y轴抖动幅度 6 * @param {cc.Node}shakeNode 抖动节点 7 * @param {string}key 唯一key(WEB环境) 8 * @example: 9 * var shakeAction = new Shake2(0.5,20,20,node,"shakeKey"); 10 * shakeAction.shake(); 11 */ 12 var Shake2 = cc.Class.extend({ 13 //抖动时间 14 duration:0, 15 //已抖动时间 16 dtCost:0, 17 //X轴抖动范围 18 shakeStrengthX:0, 19 shakeStrengthY:0, 20 //抖动节点 21 shakeNode:null, 22 //抖动节点初始位置 23 nodeInitialPos:null, 24 //定时器绑定回调 25 bindCallback:null, 26 //定时器唯一键(WEB) 27 key:null, 28 ctor:function(duration,shakeStrengthX,shakeStrengthY,shakeNode,key){ 29 this.duration = duration; 30 this.shakeStrengthX = shakeStrengthX; 31 this.shakeStrengthY = shakeStrengthY; 32 this.shakeNode = shakeNode; 33 this.nodeInitialPos = shakeNode.getPosition(); 34 this.key = key; 35 }, 36 shake:function(){ 37 this.bindCallback = this.doSchedule.bind(this); 38 this.shakeNode.unschedule(this.bindCallback); 39 if(cc.sys.isNative){ 40 this.shakeNode.schedule(this.bindCallback,0,cc.REPEAT_FOREVER,0); 41 }else{ 42 this.shakeNode.schedule(this.bindCallback,0,cc.REPEAT_FOREVER,0,this.key); 43 } 44 45 }, 46 doSchedule:function(dt){ 47 var dt2=dt*50; 48 var randX=this.getRandomStrength(-this.shakeStrengthX,this.shakeStrengthX)*dt2; 49 var randY=this.getRandomStrength(-this.shakeStrengthY,this.shakeStrengthY)*dt2; 50 // cc.log("randX:"+randX+",randY="+randY); 51 this.shakeNode.setPosition(cc.pAdd(this.nodeInitialPos,cc.p(randX,randY))); 52 this.dtCost+=dt; 53 if(this.dtCost>=this.duration){ 54 this.shakeNode.unschedule(this.bindCallback); 55 this.shakeNode.setPosition(this.nodeInitialPos); 56 } 57 }, 58 //获取两个数间的随机值 59 getRandomStrength:function(min,max){ 60 return Math.random()*(max-min+1)+min; 61 }, 62 });
使用方式：
1 var shakeAction = new Shake2(0.5,20,20,node,"shakeKey"); 2 shakeAction.shake();
参考文章：http://blog.csdn.net/teng_ontheway/article/details/25307889
