웹마당넷 |플래쉬 슬라이딩 엔진

Flash

제 목

플래쉬 슬라이딩 엔진

작성자

오렌지

등록일

2007-08-14 21:55:58

조회수

3,009

-플래쉬 슬라이딩 엔진-

슬라이딩 엔진은 플래쉬에서 다이나믹한 연출을 필요로할때 반드시 알아두어야 합니다.
플래쉬 사이트를 보면 빨리 움직이다가 천천히 움직이는 것을 확인하셨을 것입니다.
이런것들이 모두 슬라이딩 엔진을 활용한것입니다.

슬라이딩 엔진을 사용하면 보다 생동감넘치고 탄력있는 움직임을 구현하실수 있습니다.

그러면 다음과 같이 간단하게 슬라이딩 엔진에 대해 알아보도록 하겠습니다.

ex._y += (목표지점 - mc._y) * ratio

위에부분에서 ex는 무비클립의 인스턴스 이름이고, 목표지점은 말그대로 무비클립이 움직일 최종적인 목표지점 입니다.
여기에서 ratio는 움직임의 속도를 말합니다.

예를 들어 ex무비클립의 Y좌표가 0 이고 100지점까지 이동하기위한 액션스크립트는 다음과 같습니다.

ex._y += (100 - mc._y) * 0.5

여기에서 ratio값을 0.5라고 정의하였습니다
(ratio값은 0보다 크고 1보다 작은 값으로 설정하게 됩니다)

ratio값을 작게 정한다면 이동시간이 더걸릴것이며 반대로 값을 크게 정한다면 더 빠르게 움직일것입니다.

그럼 여기서 한번 간단하게 실습을 해볼까요?

아주 쉬우니깐 걍 따라해보면 이해가 되실듯 하군요!!

맨처음 움직일 무비클립을 만들어보도록 하져...

insert > new symbol (Ctrl+F8) 눌러 movie클립을 만듭니다
여기서 무비클립 이름은 ex_mc라고 하겠습니다.

이름을 정하였다면 스테이지에 텍스트도 좋고 도형도 좋습니다.

그럼 무비클립을 만들었다면 다시 Scene1 편집모드로 돌아와 Library 에서 좀전에 만든 ex_mc무비클립을 스테이지로 가져옵니다.

이제 가져온 무비클립 ex_mc의 Instance Name을 ex_mc로 정합니다.
초기 좌표값은 X:0, Y:0 으로 정하도록하죠

이제 마지막으로 슬라이딩 엔진을 활용한 액션스크립트를 추가해보도록 하겠습니다.
그럼 Action레이어를 하나 추가하고 레이어 이름을 action으로 정하고 다음과 같이 액션스크립트를 작성합니다.

소스	this.onEnterFrame = function() { ex_mc._y += (_ymouse - ex_mc._Y)*0.23; }
설명	onEnterFrame 이벤트 핸들러를 부여해서 해당 이벤트 핸들러 내의 구문을 무한 반복 실행한다. ex_mc 무비클립이 Y축을 기준으로 마우스를 따라다니게 될것입니다. 이때 보다 자연스러운 움직임을 위해 슬라이딩 엔진을 사용합니다. ratio값을 바꿔가면서 적용을 해보면 자신이 원하는 값이 나올것입니다.

그럼 이제 실행을 해서 확인을 해보면 무비클립이 Y축을 기준으로 마우스 방향에 따라 움직이는 것을 확인
하실수있습니다.