메뉴 건너뛰기

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
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 324
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373