메뉴 건너뛰기

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 48030
2414 귀여운 아쿠아 버튼 만들기 (새로운 버젼) [39] file 이오르 2003.10.10 46699
2413 [일러스트페이지]일러스트로 얼굴그리기~(1) 눈그리기~ [39] file 현주 2002.08.07 43569
2412 플래쉬 메뉴 만들기 (위치표시) [24] {동준짱} 2002.07.22 39872
2411 포토샵을 이용해서 인물 일러스트 명암을 쉽게 따보자~ ^^ [33] file caramelkiss 2004.01.18 39858
2410 입체감 있는 메뉴버튼 만들기 (완성된 버튼 다운로드 가능) [10] file 이오르 2003.09.26 38093
2409 (왕초보도 따라하는) 심플한 버튼 만들기 [53] file SaRa's 2004.02.27 38084
2408 쭘식 플래쉬 메뉴 만들기 (2) [15] file 쭘's 2003.04.24 37759
2407 메뉴버튼만들기 [25] file 워니 2002.08.24 36489
2406 사진의 테두리를 붓으로 칠한듯하게 - 초보자를 위한 강좌 [12] file 방정환 2004.07.24 36330
2405 [초보]사진 효과 내기.. [21] file OnceAgain 2003.07.23 35954
2404 탄성을 가진 투명 물방울 메뉴 [34] file 여어자 2003.10.07 35862
2403 [하이링고]아쿠아 물로 글씨를 쓰자!! [50] file 하이링고 2003.05.12 35271
2402 필름을 클릭하면 사진이 찰칵! [17] file 여어자 2003.05.29 34387
2401 [하이링고]칵테일 아쿠아 [96] file 하이링고 2003.02.17 34383
2400 [동영상]그림이 서서히 바뀌는 효과 [6] 이희덕 2002.09.24 34209
2399 미술용 4B연필로 문자 디자인한듯한 효과 [52] file SaRa's 2003.07.11 34065
2398 오래된 종이에 먹이 묻은듯한 효과 [29] file Wings 2003.12.11 33954
2397 [쩌비]아쿠아,브러쉬스타일등 파일모음 3종세트 [25] file 쩌비 2002.10.19 33040
2396 탄성력이 있는 버튼을 만들어봅시다, [57] file 라비 2003.04.25 32458