『 MX : 액션스크립트 입력하는 방법 』

------------------------------------------------------------------------ ActionScript는 뭐지? 보통 네티즌들에게 있어서 플래시라는 것은 화려한 모션으로 이루어진 애니메이션 저작툴로 인식이 됩니다. 물론, 플래시의 가장 큰 매력중의 하나가 바로 웹에서 좀 더 작은 용량으로 좀 더 화려한 애니메이션을 구현할 수 있다는 것이죠. 하지만 플래시의 진장한 매력중의 하나가 바로 '액션스크립트'라는 스크립팅 언어의 사용입니다. 이 액션스크립트를 이용해서 상호작용을 할 수 있는 컨텐츠의 제작이 가능하며, 무비내의 여러가지 오브젝트들을 제어할 수 있기에 좀 더 창의적인 무비를 만들 수 있지요. 플래시 프로그램상에서 입력하는 각각의 코드 하나하나를 우리는 보통 액션(Action)이라고 부릅니다. 이러한 액션들이 모여서 하나의 무비의 액션스크립트를 구성하게 되는 것이지요. 그러면 우리는 이제 이러한 액션스크립트를 플래시 무비상에 어떻게 삽입하고, 어디에 삽입해야 하는지 그 기초적인 방법을 이번 강좌를 통해서 배워보도록 하겠습니다. 보통 액션은 3가지 방법으로 플래시에 내에 삽입이 가능합니다. 첫째, 타임라인상의 프레임에 삽입. 둘째, 버튼심볼에 삽입 마지막으로 셋째, 무비클립 심볼에 삽입 언젠가 저한테 질문을 하신 분이 계신데, onClipEvent( ){...} 으로 시작되는 액션이 실행이 안된다고 하십니다. 친절하게(^^) 알려주었는데도, 계속 안된다시기에 소스를 한번 보내 주시라 해서 소스를 본 결과, 무비클립 심볼내의 프레임에 해당 액션이 삽입되어 있더군요. "아! 무비클립에 onClipEvent( ){...} 액션을 삽입하라고 했으니, 헷갈릴 수도 있겠구나" 라고 생각이 들었습니다. 그래서 이번 강좌를 준비하게 된 것이지요. 이제 우리는 액션을 삽입하는 세가지 방법을 알았으니, 하나하나 어떻게 입력을 하는 것인지, 알아봅시다. 첫번째. 타임라인상의 프레임에 삽입하기 말 그대로 타임라인상의 프레임에 삽입하는 방법입니다. 여기 타임라인이 있습니다. 기본적으로 타임라인의 프레임에 입력하는 액션은 키프레임에 입력을 해야 합니다. 아래의 그림을 보시면, 세가지 종류의 키프레임이 있습니다. 각각 1프레임, 5프레임, 10프레임입니다. 1프레임은 기본적으로 키프레임으로 지정해 주지 않아도 키프레임의 역할을 합니다. 현재 5프레임은 검정색 동그라미 표시가 되어 있고, 5~9프레임까지 배경이 회색을 띄고 있습니다. 즉, 5프레임부터 9프레임까지는 스테이지상에 어떠한 오브젝트가 있기 때문입니다. 여기서 5프레임을 우리는 키프레임이라고 보통 부르죠. 마지막으로 10프레임은 빈키프레임이라고 부릅니다. 메뉴의 Insert > Blank Keyframe을 선택했을 때, 나타나는 것이지요. 이 빈 키프레임은 키프레임의 역할을 하고는 있지만, 현재 스테이지상에 오브젝트는 없을 때 이렇게 나타납니다. 쉽게 이해 되시죠? 즉, 우리는 이 세종류의 프레임에 액션을 삽입할 수 있습니다. 액션패널을 활성화 시키는 단축키는 뭐죠? 네 맞습니다. F9 입니다. 또 다른 방법으로 메뉴의 Window > Actions를 눌러도 되구요. 기본적으로 플래시 프로그램을 깔면, 인터페이스 하단에 액션패널이 보여집니다. 자, 이제 우리는 1프레임을 마우스로 선택한 후, 액션패널을 열어봅니다.(F9) 액션패널에 대해서 좀 더 아시고자 하시는 분은 mx강좌에 있으니 한번 보세요. 준비는 다 됐으니, 우리가 아는 간단한 액션을 입력해 봅니다. 테스트이니까 간단히 입력하죠. 아래의 액션을 입력합니다. gotoAndPlay(10); 1프레임에 액션을 입력했습니다. 1프레임을 보세요. a표시가 되어 있죠? 1프레임에 액션이 입력되어 있다는 표시입니다. 쉽죠? 여러분들도 나머지 키프레임에 액션을 입력해 보세요. 두번째. 버튼 심볼에 삽입하기 이번에는 버튼심볼에 액션을 입력하는 방법에 대해서 알아보겠습니다. 스테이지에 버튼 심볼을 하나 만들어 놓습니다. 마우스로 버튼심볼을 선택하고, Window > Actions(F9)를 선택합니다. 다른 방법으로 버튼심볼을 마우스 오른쪽 버튼으로 클릭해서 나오는 서브메뉴에서 Actions를 선택해도 됩니다. 그러면, 액션 패널이 활성화 됩니다. 그리고, 액션을 넣으면 됩니다. 단 버튼에 입력하는 액션의 경우, 아래와 같은 형식을 띄게 됩니다. on(마우스이벤트) { 액션구문; } 헷갈리시면 안됩니다. 버튼심볼의 편집 모드에서 프레임에 넣는 것이 아니라 위의 형식으로 만들어진 액션은 꼭 위의 방법으로 버튼심볼에 입력해야 합니다. 예를 들어서 on(press){ gotoAndPlay(10); } 요런 형태를 띄게 되죠. 세번째. 무비클립 심볼에 삽입하기 마지막으로 무비클립 인스턴스에 액션을 입력하는 방법입니다. 버튼과 마찬가지로, 스테이지상에 무비클립 심볼을 하나 배치합니다. 버튼심볼 액션 입력때와 마찬가지로 무비클립 심볼을 선택하고, 액션패널을 엽니다. [Window > Actions(F9)] 또한 마우스 오른쪽 버튼으로 눌러서 나오는 서브메뉴에서 Actions를 선택해도 됩니다. 그리고 액션을 입력합니다. 무비클립 심볼에 입력하는 액션은 아래의 형태를 띄고 있습니다. onClipEvent(무비이벤트){ 액션구문; } 예를 들어서 onClipEvent(enterFrame){ a = b+1; } 아시겠죠? ------------------------------------------------------------------------ 각각의 액션을 입력하는 방법을 알아봤습니다. 여러분들도 습득하시고, 버튼액션을 무비클립에 넣는다던지, 무비클립 액션을 프레임에 넣는다던지 하는 실수 없기를 바랍니다. 젠 물러갑니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 본 게시물은 //xen.new21.org, //cafe.daum.net/macromedia, //www.bcpark.net 외의 이동/불펌을 금지합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ //xen.new21.org