메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

아...적은 것들이 죄다 사라져 버렸군요...

30분간 열심히 적었는데.....ㅠㅠ

암튼 책없이 무언가 한다는건 엄청 힘든것 같습니다. (제 책들은 행방불명;;;)

이름도까었네...아 비무p님이 예전에 올리신 투명한 어떤것이 메뉴를따라다니는 그거;;;;

그거보고 괜찮다 싶어서 만지작 거리다...측면에 나타날 서브메뉴를 만들게 됐습니다.

좌에서 우로 나타나는 메뉴인데요. 그 액션이 이렇게도 쓰일수 있더군요.

그리고 추가로 if문을 알면 좋습니다.

메뉴는 두개입니다. 한쪽귀퉁이에서 좌에서 우로 나타나게끔 만든것이죠.

두개 메뉴중에 첫번째 메뉴는
sub_manu.JPG
이겁니다.

3개의 무비클립과 버튼이 차례대로 좌에서 우로 등장하는 것이지요.

액션은 두번째 무비 클립부분만 보여드리겠습니다.

onClipEvent(enterFrame){
        if(_root.mv_1._x > -5) {
          //1번 무비클립의 눈치를 살피는 부분입니다.
          //1번이 어느정도 고개를 내민다음 두번째놈이 나타나게 만들기 위해 조건을 달은거죠.

        if (_root.mv_2._x < 0){_root.mv_2._x += (37 - _root.mv_2._x)/10;}
        if (_root.bt_2._x < 0){_root.bt_2._x += (37 - _root.bt_2._x)/10;}
         //mv_2 는 무비클립의 인스턴스 이름이구요 bt_2는 버튼의 인스턴스 이름입니다.
         //버튼을 이동시키는거도 무비클립안에 넣은거죠.

        }
}

이상입니다. 이동명령은 세개의 무비클립에 모두 들어가 있고 두번째와 세번째만 앞서 등장할 놈의 눈치를 살피는

부분이 추가되 있씁니다. -37의 자표에 숨어있다가 차례차례 등장하게 됩니다.

두번째로 만든 메뉴는 알파를 사용해서 버튼은 이동하지않고 제자리에서 스르륵 나타나게 만든겁니다.


sub_manu2.JPG

이놈인데요..액션은...

onClipEvent(enterFrame){
        if(_root.mv_1._x > -5) {
         //역시 앞서 등장할 놈의 눈치를 살피라고 적어논 부분입니다.
        if (_root.mv_2._x < 0){_root.mv_2._x += (37 - _root.mv_2._x)/10;}
         //무비클립은 기존과 같이 좌에서 우로!! 등장합니다.
        if(_root.mv_2._x > -2) {
         //배경이 어느정도 나타나줘야 알파갑이 증가한 보람이 있겠죠. 배경도 글씨고 허연게;;
         //안보일까봐 배경이 돼는 무비클립이 거의다 나왔을 무렵부터 알파값이 증가합니다.
        if (_root.bt_2._alpha < 100){_root.bt_2._alpha += (100 - _root.bt_2._alpha)/5;}
         //알파값을 기본 0 으로 주고 그것을 100까지 올리는 부분입죠.
        }
        }
}

아..왜 this 를 사용하지 않았냐면...

제가 못하는건지 컴터가 말을 안듣는건지....안먹을때가 있어서...다시 풀네임으로 다적었습니다.

this를 제가 이해하기론....컨트롤 해야하는 무비클립에 직접 코딩해서 액션이 자기자신을 컨트롤 하거나...

자기자신의 특정 값을 참조할때 _root.name._x 대신에 this._x 를 사용한다고 이해하고 있는데....

틀린건지...잘안먹을때가 종종있더군요. 물론 다른 개체의 값을 참조하거나 컨트롤 할때는 _root.name._x 를

다적어야 겠죠...ㅎㅎ

압축해서 메뉴 두개 다올렸습니다.

보시면....메뉴하나당 프레임 수는 1개 입니다.

if만 알아도 몇기지 효과는 1프레임에 해결할 수 있다는걸 오늘 배웠습니다.

if(조건){할일;}

그럼 모두 수고하세요.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1815 3D도형 만들기 [18] file 다래호군~ 2002.08.22 5943
1814 소스 보며 포토샵 배우기 #1 [7] file .KLE 2003.01.31 5947
1813 [재업] 축전 만들기 [6] file 〃앵이〃 2003.02.23 5947
1812 뷰렛에이스 [플래시 평가문항,설문지 제작강좌] - 2강 file 에듀멘 2006.07.29 5952
1811 [SWISH] 잔상효과. 2번째 file 아메 2003.04.18 5956
1810 [SWISH]마음을 전하는 카드 만들기 [5] file 여어자 2003.05.18 5956
1809 간단한 복제하기. [1] 김동현 2005.12.12 5957
1808 [제로보드강좌]6-3강. 여러가지 스킨 적용해보기[북마크 스킨] [24] 네찌 2006.12.26 5965
1807 박스를 그려봐요^^* [5] ★소프트™ 2002.04.29 5968
1806 [힐링포션의 그림판강의] 명암있는 구체 쉽게 그리기 [18] file Heal.P.XERO 2003.02.12 5968
1805 [허접강좌]뭐...뭐냐 이게? [6] file 블라인드 2002.12.29 5980
1804 (Cool3D)움직이는 텍스트애니만들기^-^ [20] file 미스디쟌 2002.06.27 5981
1803 토마토 먹음직하게 그리기.. [8] 인묘정 2002.07.15 5983
» if만 알아도 만들건 만든다.. [1] file 김영진 2005.06.23 5992
1801 [초급예제] 파인드에지효과. [5] file J.H 2002.02.26 5994
1800 포토샵 CS 브러쉬 툴 강좌 [2] 펀에듀넷 2006.04.24 6003
1799 - 간단한 방법으로 자신만의 액자 만들기 :$ file 의문의소년 2003.04.28 6009
1798 네온스타일 응용해서 이미지 꾸미기 [11] file 워니 2002.10.17 6010
1797 이미지편집,에니메이션자료 [4] 윤선미 2006.12.29 6020
1796 [정보] GIF를 능가하는 PNG! [32] file Freeze 2002.06.15 6021