我先申明:在Game中做动画,除了自己写算法外,还有TweenMax和Flash的MovieClip动画,你都懂的......此篇文章:是自我总结"天地会"上的动画算法:

1,缓动公式:

sprite.x += (targetX – sprite.x) * easing;//easing为缓动系数变量sprite.y += (targetY – sprite.y) * easing;

2,弹性公式:

vx += (targetX – sprite.x) * spring;//spring为弹性系数vy += (targetY – sprite.y) * spring;sprite.x += (vx *= friction);//friction为摩擦力sprite.y += (vy *= friction);

要注意的是friction数值要合理,否则动画会很生硬

3,偏移弹性公式:

var dx:Number = sprite.x – fixedX;var dy:Number = sprite.y – fixedY;var angle:Number = Math.atan2(dy, dx);var targetX:Number = fixedX + Math.cos(angle) * springLength;var targetY:Number = fixedX + Math.sin(angle) * springLength;

4,向鼠标旋转

dx = mouseX – sprite.x;dy = mouseY – sprite.y;sprite.rotation = Math.atan2(dy, dx) * 180 / Math.PI;

5,心跳:

public function onEnterFrame1(event:Event):void {    ball.scaleX=centerScale+Math.sin(angle)*range;    ball.scaleY=centerScale+Math.sin(angle)*range;    angle+=speed;}

模拟心跳效果,里面使用到了震荡波

6,颜色运算得到透明值:

var t:uint=0x77ff8877var s:uint=0xff000000var h:uint=t&svar m:uint=h>>>24trace(m)

7,按位运算得到颜色值:

color24 = red << 16 | green << 8 | blue;color32 = alpha << 24 | red << 16 | green << 8 | blue;

8,鼠标到sprite连线:

public function onMouseMove(event:MouseEvent):void {    graphics.clear();    graphics.lineStyle(1, 0, 1);    graphics.moveTo(sprite1.x, sprite1.y);    graphics.lineTo(mouseX, mouseY);    var dx:Number=sprite1.x-mouseX;    var dy:Number=sprite1.y-mouseY;    var dist:Number=int(Math.sqrt(dx*dx+dy*dy));    textField.text=dist.toString();}

9,电流动画:

function Draw():void {              //每次绘制之前先清屏              sp.graphics.clear();              //设置线条样式              sp.graphics.lineStyle(1,0x00ccff);              //起始绘制位置              sp.graphics.moveTo(0,100);              //使用循环绘制多节点图形              for (var i:int=0; i < 400; i=i + 3) {                  //绘制的位置                  var rx=i;                  var ry=90+ 20 * Math.random();                  //绘制                  sp.graphics.lineTo(rx,ry);              }          }