(액션 스크립트) 오브젝트의 웨이브 모양의 애니메이션

Question

다른 카드가 있으므로 웨이브와 같은 형태로 카드를 공개해야합니다. 즉, 카드가 서로 다른 타이밍으로 연속적으로 체계적으로 열고 닫음으로써 웨이브를 형성합니다.

나는 배열 alr에 카드가 있습니다. 가장 효과적인 방법으로이 애니메이션을 구현하려면 어떻게해야합니까? 고마워!

Answer 1

는 추정 무엇을 의미하는 것은 경기장 "파"효과가 배열을 정의하는 시도 인이 다른 기능을 사용하는 경우는 트위닝 엔진 등을 사용하거나 경우에 따라 달라집니다, 오프셋 (offset).

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

Answer 2

Math.sin() 및 Math.cos()를 사용하면 편합니다. 간단한 삼각 함수를 살펴보고 라디안과 각도 변환을 암기하십시오. 이러한 개념을 잘 이해하면 다른 상황에서 재사용 할 수있는 많은 재미 있고 흥미로운 트릭이 있습니다. 다음 스 니펫은 "물결 모양과 같은"개체를 이동하는 방법을 보여줍니다. 그것은 당신이 찾고있는 것과 정확히 일치하지 않을 수도 있지만 그것이 당신이 가려고하는 곳을 찾는데 도움이 될 것입니다. 이 파일은 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; 
}