메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의


여태껏 올라왔던 커튼효과를 간단하게 액션스크립트로 만들수있는 방법입니다 헌데 이방법은 무비

클립의 크기나 방향이 항상 일정합니다 물론 속도는 랜덤처리되므로 여태껏 나왔던 커튼효과와는

조금 다른 느낌이 들겁니다 그럼 시작해 보겠습니다.

Lesson 1
  
  우선 첫번째 레이어에 그림과 같이 배경이 될만한 그림을 불러들입니다.
  그리고 Insert-Layer 메뉴를 선택해 레이어를 하나 더 만들어줍니다. 새로
  생긴 레이어에 그림과 같은 무비클립을 만들어줍니다.

  * 무비클립은 테두리를 없앤 흰 사각형을 쓰면 됨.

Lesson 2
  
  무비클립을 선택하고 메뉴에 Insert-Convert to simbol메뉴를 선택하고 라디오
  버튼에 Movie clip를 선택한후 Ok 버튼을 누릅니다. 그후 무비클립에 Alpha 값을
  45%정도 주면 그림과 같이 투명하게 됩니다

Lesson 3
  
   만들어진 무비클립에 마우스 오른쪽키를 누른후 Action을 선택합니다.
  위에 그림과같이 Expert mode를 선택합니다.
  그후 나타나는 오른쪽 빈공간에 아래에 액션메뉴를 복사해넣습니다.

  onClipEvent (load) {
        speed = random(5)+1;
  }
  onClipEvent (enterFrame) {
        this._x += speed;
        if (this._x<0 || this._x>400) {
                speed *= -1;
        }
  }

Lesson 4

  복사해넣구 시험을 해보면 무비클립이 엉뚱한 위치에서 방향을 바꿀것입니다
  이건 자신의 그림크기와 액션에 넣은 숫자 크기가 달라서 인데요.. 잘 보시면
  위에 넣은 액션에 400이란 크기가 있져? 이건 그림의 오른쪽 크기를 말하는거
  구요 0은 왼쪽크기를 말하는겁니다.. 그러니 저처럼 숫자를 그림 크기에 맞춰
  서 알맞게 방향이 바뀌도록 해주시면 되겠져?

Lesson 5
  한번 만들어진 무비클립은 Windows-Liberly에 가시면 계속 존재해있습니다.
  그러니 한번 만드신후에 위에 작업을 반복할 필요없이 그냥 복사하시면 되져
  ^^ 크기는 알맞게 바꾸셔두 됩니다!!

  허접하면서 잘 알아듣지도 못하게 강좌를 올려서 죄송합니다!! 새해복 많이받
  이시구요 좋은하루되세요!!

Lesson 6
추가 : 스크립트 설명들어갑니다
   onClipEvent (load) {
        speed = random(5)+1;
  }
  onClipEvent (enterFrame) {
        this._x += speed;
        if (this._x<0 || this._x>400) {
                speed *= -1;
        }
  }

1 .onClipEvent (load) 요기서 load란 처음에 프레임이 실행되었을때 {}안에 문장을 실행하라는 뜻입니다..
2. speed = random(5)+1; speed 는 무비클립에 속도를 바꾸어주는 것으로 0~에서 4까지의 숫자를 랜덤으루
   받아와 +1을 한후에 speed 란 변수에 집어 넣어라는 줄입니다 *+1을 해주는 이유는 random값이 5라면 0~4
   까지의 숫자를 얻어오게 되니 0이되면 무비클립이 멈춰버리게 됩니다.. 그래서 임시방편으루 넣어준것입니다
3. onClipEvent (enterFrame) 요기서 enterFrame란 프레임이 이어질때 연속적으로 계속 실행되었을때 {}안에
   문장을 실행하라는 뜻입니다.
4. this._x는 this란 무비클립 그 하나를 의미합니다 예를들어 내가 1번 무비클립에 이 액션을 주고 있다면 this는
   1번무비클립 하나를 의미하는것이죠.. 그러니 this._x는 이 액션을 주고있는 무비클립에 x좌표를.. speed에서
   받아오라는 뜻이됩니다.. 쉽죠? 어려우면 다시 설명요청해주세요 ^^:; 아참 += 는 this._x= this._x+ speed를 줄
   여놓은 문장이란거 눈치채셨죠??
5. if (this._x<0 || this._x>400) 쉽게 볼수있는 if문입니다.. 요기서 || 는 다른언어의 or로 생각하시면 되구요..
   this._x에 들어가는 좌표가 0보다 크거나 400보다 작으면 {}의 문장을 실행하라는 것입니다.. 여기서 0과 400은
   총 그림의 크기가 되겠죠?? 그럼!! 마지막문장
6. speed *= -1; 이문장은 방향을 바꿔주는문장입니다.. speed에 여태껏 + 수만 들어갔죠? +1+2+3+4+5 까지요..
   +는 오른쪽방향으루 이동하라는 뜻까지 가지고 있는데요.. 그럼 -를 주면??? 왼쪽이루 이동하겠져? ^^ 궁금하
   신분은 해보시길.. 한마디루 -를 곱해 방향을 틀어주라는 간단한 문장입니다!!

휴.. 요기까지 수정을 했는데여.. 어떤분이 요청을 하셔서 올리긴 했는데... 영 설명이 어려운것 같기도하구.. 그러네
요 영~~모르겠는분은 메일주세요... 그럼..

  민! 민!! kwang-min.wo.ro

  * 건데 이 강좌 짤리려나여? -_- 이미지박스 용량이 모자라서 그림은 링크했
    는데 -_- 흠흠
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48035
815 알람시계 만들기 [6] gimbob 2003.01.15 9576
814 폰트와 픽쳐튜브를 이용한 클래식한 제목 표시줄&테두리 만들기(초급) [4] file 2003.01.15 5479
813 일반디카사진 로모사진처럼 만들기!! [22] file Wings 2003.01.15 9672
812 쓰레기 글자 만들기 [18] file torayo 2003.01.15 7886
811 [ All User? ] #04. 홈페이지 짜임새있는 레이아웃 짜기. - 2부 - [8] Nersion 2003.01.15 11712
810 아래 가이드 선 그리는 것에 대한 보충강의 [5] 리쯔:) 2003.01.15 3750
809 [ Easy ] 가이드선을 나눌때 Shift 키 활용법. [7] Nersion 2003.01.15 10184
808 [ All User? ] #03. 홈페이지 짜임새있는 레이아웃 짜기. - 1부 - [6] Nersion 2003.01.15 15873
807 간단하고 심플한 문자디자인.. [8] file Darkness 2003.01.14 12071
806 [ All User? ] #02. 개인홈페이지를 구성해보자. [8] Nersion 2003.01.13 11396
805 브러쉬만으로 흑백이미지 칼라로 바꾸기.. [23] file 엘프º 2003.01.13 5640
804 초간단 염색하기 (다른방법) [24] file puki 2003.01.13 17732
803 [ All User? ] #01개인홈피편. 웹디자인을 좀더 멋지게하려면 - 1부 - [7] Nersion 2003.01.13 6658
802 - 색채우기 단축키 [4] file 푸리 2003.01.13 3177
801 #.....합성으로.....신비한 이미지만들기!!..:..:..:..신비한가....;;..:..:..:.. [17] file 엘프º 2003.01.13 14545
» 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16803
799 이름아이콘 만들기(그림자 생기는것) [16] file prettymom 2003.01.12 10808
798 알록달록한 무늬 만들기 [6] file 마리아 2003.01.12 9298
797 이쁜동글이 버튼만들기 [6] file 이광민 2003.01.12 15434
796 [Wesley]크레이지 아케이드 홈페이지 따라하기 [19] Wesley 2003.01.12 8732