(Actionscript) Animation ondulatoire sur les objets

Question

J'ai différentes cartes, j'ai besoin de les révéler sous une forme ondulatoire, c'est-à-dire que les cartes s'ouvrent et se ferment à des moments différents de manière séquentielle et systématique.

J'ai les cartes dans un tableau alr. Comment puis-je implémenter cette animation de la manière la plus efficace? THX!

Answer 1

présumant ce que vous la signification est un stade effet « vague », essayez de définir un tableau avec un décalage, cela dépendra si vous utilisez un moteur tweening etc ou si vous utilisez une autre fonction.

La classe minuterie par exemple vous fera bien dans celui-ci:

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 
     } 
    } 

Answer 2

Vous devriez vous familiariser avec Math.sin() et Math.cos(). Regardez dans les fonctions trigonométriques simples et mémorisez la conversion des radians et des degrés. Il y a beaucoup de trucs cool et intéressants que vous pouvez réutiliser dans différents contextes une fois que vous avez une bonne compréhension de ces concepts. L'extrait suivant montre comment déplacer un objet avec "une forme d'onde". Ce n'est peut-être pas exactement ce que vous cherchez, mais cela devrait vous aider à aller où vous voulez aller. Il est écrit dans l'AS3 en utilisant l'IDE CS4.

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; 
}