안녕하세요 젠입니다.
이제부터 슬슬 액션스크립트를 다뤄야 할 것 같네요.
여러분들은 플래쉬하면 우선 무슨 생각이 떠오르나요?
음... 10중 8,9가 아마도 플래쉬로 만든 애니메이션을 떠올리실 겁니다.
졸라맨, 엽기토끼, 달묘전설, 엽기쏭, 요즘에는 허무쏭등...
하지만, 우리가 이곳에서 배울 것은 진정한 Flash 유저가 되기 위한 길입니다.
물론 플래쉬로 만든 애니메이션을 우습게 보는게 아니지요.
여기에서 집중적으로 다룰 내용은 바로 Flash의 꽃이라고 불리우는
ActionScript입니다. 짜짠!
넘 거창하군요.
여러분들중에는 단순히 플래쉬로 만든 애니메이션만을 보신 분도 계시겠지만,
액션스크립트라는 일종의 프로그램 언어로 만들어진 플래쉬 효과도 보신 분들도
많은 거라고 생각합니다.
정말 가히 놀랄 "노"자지요?
누군가 이런 말을 했다고 합니다.
"앞으로 웹세계에서는 플래쉬로 못할 것이 없을 것이다."라고... 누가 말했냐믄..
쩝... 접니다. ㅋㅋㅋ.
하여튼 우리는 플래쉬의 무한한 가능성에 도전해보기 위해서 이렇게 ActionScript의
문을 두드리게 되었습니다.
이제 Actionscript를 하나둘 정복하기 위해서 우리는 제일 기초가 되는 액션부터
공부를 하려고 합니다.
제일 먼저 강의로 우리는 애니메이션을 제어하기 위한 기초적인 액션으로
Play, Stop 액션을 배우도록 하겠습니다.
『 ACTIONSCRIPT : Play, Stop Actionscript 』
여기에 Motion Tweening 효과가 들어가 있는 애니메이션이 있습니다.
아주 기초적인 애니메이션이군요.
우리는 위의 무비에서 빨간색의 원을 제어해보도록 하겠습니다.
즉, 저렇게 맘대로 애니메이션이 되지 않고, 버튼을 누르면 Play가 되는 무비를 만들어 보겠습니다.
먼저, 위의 애니메이션의 Time Line의 구성은 이렇습니다.
1프레임부터 30프레임까지 Tweening 효과가 적용되어 있군요.
자, 이제 우리는 새로운 레이어를 하나 만들고, 레이어 이름을 "액션"이라고 합니다.
액션 레이어의 1프레임을 마우스로 클릭하고, 오른쪽 팝업 메뉴에서 Actions를 선택합니다.
액션창이 뜨면, 우리는 그곳에
stop(); 이라는 액션을 집어넣습니다.
즉, 1프레임에 플레이헤드가 멈추어 있게 하는 액션입니다.
다음 액션창을 닫고, 새로운 버튼 심볼을 만들겠습니다.(Ctrl+F8)
이름은 Play라고 하고 속성은 버튼으로 만듭니다.
"확인" 단추를 클릭하면, 버튼 편집창으로 들어가는데, 우리는 임의로 버튼이미지를
생성해 줍니다.
버튼심볼 편집창을 빠져나와서 메인화면으로 돌아갑니다.
새로운 레이어를 제일 밑에 만들고, 레이어 이름을 버튼이라고 합니다.
버튼레이어의 1프레임에 라이브러리(Ctrl+L) 창에서 버튼심볼을 꺼내서 올려놓습니다.
자, 이젠 버튼심볼을 마우스로 클릭하고, 오른쪽 마우스버튼에 의한 팝업 메뉴중
Actions를 선택합니다.
on(release){
play();
}
라는 액션을 씁니다.
즉,
이 버튼을 마우스로 클릭한 다음 마우스 버튼을 놓는 순간, play시킨다
는 말입니다.
자, 끝났습니다.
이제 테스트 무비(Ctrl+Enter) 해 봅시다.
버튼을 누를때 무비가 플레이가 되는지 봅니다. 제대로 되나요?
IDEA!
무비가 로드되면, 먼저, 1프레임에 있던 stop 액션이 실행됩니다.
즉, 플레이 헤드가 1프레임에서 멈추어 있게 되는 거지요.
그리고, 버튼을 클릭하면, 1프레임에 멈추어 있는 플레이 헤드를 Play 시키는 겁니다.
이때, 우리가 원하는 애니메이션 효과가 일어나는 것입니다.
애니메이션이 다 끝나면, 플레이 헤드는 다시 1프레임으로 돌아가서 플레이 되려는 루프를
돌게 되는데요, 이미 1프레임에는 stop 액션이 있기 때문에 버튼을 클릭하기 전까지는
멈추어 있게 되는 거랍니다. ^^
===========================================================================
▧ play, stop 메소드의 사용형식 ▧
--------------------------------------------------------------------------
play();
--------------------------------------------------------------------------
기능 : 이 액션이 실행되면 해당 타임라인의 플레이헤드를 재생합니다.
--------------------------------------------------------------------------
사용예 :
love4by.play();
love4by라는 인스턴스 이름이 붙은 무비클립 인스턴스의 타임라인상에 있는
플레이헤드를 재생합니다.
이렇듯, 다른 무비클립 인스턴스의 타임라인을 제어할 경우에도 쓰입니다.
--------------------------------------------------------------------------
stop();
--------------------------------------------------------------------------
기능 : 이 액션이 실행되면 해당 타임라인의 플레이헤드를 정지시킵니다.
--------------------------------------------------------------------------
사용예 :
love4by.stop();
love4by란느 인스턴스 이름이 붙은 무비클립 인스턴스의 타임라인상에 있는
플레이헤드를 정지시킵니다.
이것 또한 다른 무비클립 인스턴스의 타임라인을 제어할 경우에도 쓰입니다.
=============================================================================
^^ 오늘은 Play와 Stop 액션을 배워봤습니다.
그럼 다음 시간에 만나요! ( '')/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
본 게시물은
//xen.new21.org,
//cafe.daum.net/macromedia,
//www.bcpark.net
외의 이동/불펌을 금지합니다.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
