봉투 애니메이션 버튼에 ActionScript 추가

• 할 수있다 2, 2024

지난 몇 개의 자습서에서는 봉투를 스테이지 중앙으로 날리는 애니메이션을 완성하고 봉투의 스탬프 위에 보이지 않는 버튼을 추가했습니다. 이제 애니메이션의 전반부에 남은 것은 버튼에 ActionScript 몇 줄을 추가하는 것입니다. 이 코드는 프레임 80에서 애니메이션을 중지하고 버튼 클릭을 수신하도록 Flash에 지시합니다. 버튼을 클릭하면 ActionScript는 애니메이션을 프레임 81과 애니메이션의 나머지 절반으로 이동시킵니다. 물론, 우리는 여전히 나머지 애니메이션을 만들어야하지만 지금은 버튼을 타임 라인을 제어하는 ​​코드로 작업 할 것입니다.

fla 파일을 Flash CS3로 엽니 다. 이제 타임 라인에 80 개의 프레임이 있습니다. 이 튜토리얼에서 프레임 80을 작업 할 것입니다.

1. 액션 및 InvButton 레이어를 잠금 해제하십시오. 액션 레이어의 프레임 80에서 마우스 오른쪽 버튼을 클릭하고 키 프레임을 추가합니다. 메뉴 표시 줄에서 창, 액션을 클릭하여 액션 패널을 엽니 다.
   
   
2. 액션 패널에 다음 코드를 추가하십시오.
   
   중지();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   open_Env (myevent : Event) 함수 : void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   플레이();
   }
   
   보시다시피이 코드에는 세 부분이 있습니다. 먼저 stop () 코드를 추가하여 애니메이션을 중지하고 버튼이 클릭 될 때까지 기다립니다. 코드가 프레임 80에 있기 때문에 애니메이션이 중지되는 곳입니다.
   
   다음으로 보이지 않는 스탬프 버튼의 InvButton1 인스턴스에 EventListener를 추가합니다. 이 EventListener는 마우스로 버튼을 클릭 한 다음, open_Env 함수를 호출합니다.
   
   open_Env 함수는 두 가지 작업을 수행합니다. 먼저 EventListener를 제거한 다음 play () 코드를 사용하여 애니메이션을 프레임 81로 이동합니다.
   
   
3. 액션 패널에 ActionScript를 추가 한 후 액션 패널을 닫을 수 있습니다.
   
   
4. 보시다시피 프레임 80에서이 모든 작업을 수행했습니다. 컨트롤, 무비 테스트를 클릭하여 버튼을 테스트합니다. 프레임 80 이후 애니메이션이 타임 라인의 시작 부분으로 자동으로 돌아 가지 않는 것을 볼 수 있습니다. 이제 영화가 멈추고 누군가가 버튼을 클릭 할 때까지 기다립니다. ActionScript를 사용하여 타임 라인을 제어하고 있기 때문입니다.
   
   

봉투 애니메이션의 후반부 작업을 시작할 때 다음 자습서를 위해 fla 파일을 저장하십시오.

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, 플래시, ActionScript, 불꽃 놀이, 참여, 사로 잡기, 플래시 촉매 및 플래시 용지 는 미국 및 / 또는 기타 국가에서 사용되는 Adobe Systems Incorporated의 [a] 등록 상표 또는 상표입니다.