1. 가로 네비게이션의 기본적인 액션의 구성과 종류
a. 타임라인을 이용하여 간단한 액션으로 구성하는 네비게이션.
b. 기본 액션 공식을 이용한 방법 (슬라이드(스크롤), 일라스틱, 알파값 변화, Flag의 사용, 스케일팩터. nextFrame-prevFrame이용방법, hitTest를 이용한 방법..)
c. 모션 효과를 이용하여 구성하는 네비게이션.
(이외에도 기발하고 아주 특이한 방식의 네비게이션이 많습니다.)
*위에 열거한 것들이 제가 기본적으로 만들고 응용하는 방법들입니다.
이외에도 정말 다양하고 많은 방식들이 있어서 일일이 다 열거하기가 어렵네요.
그럼 천천히 소스를 보여드리도록 하겠습니다.
<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><?XML:NAMESPACE PREFIX = O />
타임라인을 이용한 방법은 위의 모든 구성 방법에 동일하게 들어가지만 응용을 한 소스를 하나 보여드리겠습니다. 아래 보이는 소스는 nextFrame과 prevFrame과 같이 hitTest가 true일때 사용되는 방법이 있습니다.
위 플래시 무비에 들어간 액션을 자세히 보시면 아래와 같습니다.
원본 소스 다운로드
히트테스트를 사용하는 방법
무비클립에 onClipEvent를 적용하여
onClipEvent (enterFrame) { // (매프레임마다 적용하라)는 뜻입니다.
if (this.hitTest(_root._xmouse, _root._ymouse, 1)) { //히트테스트가 참의 값을 가질떄
this.nextFrame(); //이 무비클립은 nextFrame을 실행
} else { //히트테스트가 참이 아닐 때
this.prevFrame(); //이 무비클립은 prevFrame을 실행
}
}
위 무비에서는 hitTest와 nextFrame, prevFrame의 두가지를 사용하였습니다.
이로서 무비가 실행되는 동안에 롤오버시에는 히트테스트가 참의 값을 가지므로 true(1로 표현)로 되면 nextFrame을 실행하게 되고, 히트테스트가 참이 아닐때는 prevFrame이 실행되도록 되어있습니다.
이러한 방식으로 여러가지 메뉴에 응용하실 수 있을것입니다.
어떻게 보면 가장 간단한 구성이면서도 자연스러운 메뉴를 구성할 수 있습니다.
무비클립형태로 메뉴의 세부부분을 만들어 주실 경우 다양한 모션 효과나 이펙트들을 활용하실 수 있습니다. 예를 들어, 단지 프레임이 역재생 되는식의 구성이기 때문에 ease를 100으로 주실 경우 prevFrame 액션이 실행될 경우 그 반대로 –100의 ease값이 실행되게 되므로 자연스러운 모션이 가능하겠죠?
좋은 응용되세요.^-^*
*출처:디자인정글
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
☞자세히보기 |
|
|