AS3 中物体上的波浪状动画

Question

我有不同的卡片，我需要以波浪状的形式展示它们，即卡片在不同的时间顺序和系统地打开和关闭，从而形成波浪。

我已经将卡片放在数组中。如何以最有效的方式实现此动画？

Answer 1

您应该习惯于使用 Math.sin() 和 Math.cos()。查看简单的三角函数并记住转换弧度和度数。一旦你很好地掌握了这些概念，你可以在不同的环境中重复使用许多很酷和有趣的技巧。下面的 sn-p 演示了如何以“类似波浪的形式”移动对象。它可能不是您正在寻找的东西，但它应该可以帮助您到达您想要去的地方。它是使用 CS4 IDE 在 AS3 中编写的。

var n:Number = 0;
var ball:MovieClip = new MovieClip();
ball.graphics.beginFill( 0xFFCC00, 1 );
ball.graphics.drawCircle( 0, 0, 15 );
addChild( ball );

ball.x = stage.stageWidth;
ball.y = stage.stageHeight * .5;

var prev:Point = new Point(ball.x, ball.y);

addEventListener( Event.ENTER_FRAME, onEnterFrameHanlder );

function onEnterFrameHanlder( event:Event ):void
{
    n+=3;
    ball.x = Math.cos( n * .25 * Math.PI/180 ) * ( stage.stageWidth * .5 ) + ( stage.stageWidth * .5 );
    ball.y = Math.sin( n * Math.PI/180 ) * ( stage.stageHeight * .5 ) + ( stage.stageHeight * .5 );

    graphics.lineStyle( 1, 0xFFCC00 );
    graphics.moveTo( ball.x, ball.y );
    graphics.lineTo( prev.x, prev.y );

    prev.x = ball.x;
    prev.y = ball.y;
}

Answer 2

假设您的意思是体育场“波浪”效果，请尝试定义一个带有偏移量的数组，这取决于您使用的是补间引擎等还是使用其他函数。

例如 Timer 类将在这方面做得很好：

private var t:Timer = new Timer(100, 0);
    private var index:int = 0;
    t.addEventListener(TimerEvent.TIMER, ping);
    t.start();

    private function ping(ev:TimerEvent) {
        if(index < waveArray.length){
            waveArray[index].startAnimation(); //If animated by object
            startAnimation(waveArray[index]); //If animated by container
            index ++;
        }
        else {
            t.stop();
            endAnimation(); //All cards have animated
        }
    }