我先申明:在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=0x77ff8877
var s:uint=0xff000000
var h:uint=t&s
var m:uint=h>>>24
trace(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);  
            }  
        }