sancholong

           ☆ ☆ 공부자료입니다(이미지5,시계,물결,배경이미지1) →   책장넘기기(계곡5장).zip

책장넘기기 & 타이틀넣기---따라하세요

1. 스위시 창을 열고 작업창의 크기를 맟춘다(작업창크기 720☓540)

2. 이미지(5장)를 불러와서 이미지 크기를 600☓450으로 맟춘다.

   ☞ 이미지는 작업수량만큼 한꺼번에 모두 불러와서 크기를 맟추면 좋음.

3. 아웃라인에서 이미지를 모두선택 → 우클릭 → Break → Break into Pieces클릭 →

    → 작은창(Regular Grid)이 나오면 아래와 같이 해준다.

   ☞ Columns =2. Rows=0으로 수정해 준다..

   ☞ Allow non-triangular pieces앞에 동그라미에 체크한다.

   ☞ Inflate all pieces by 앞네모☑에 체크한다.

   ☞ ( )Pixels앞의 숫자를 0.1로 수정해준다.

   ☞ Cascade order아래에 여러 가지 모양중에서 맨윗줄 왼쪽첫째(오른쪽화살표모양)을 클릭하고  맨아래쪽 OK를 클릭한다.

4. 아웃라인의 이미지전체선택(블록)상태에서 → 우클릭 → Grouping → Ungrouping클릭.

   ☞ 아웃라인의 이미지가 묶인(블록)상태에서 10개로 늘어난다.

5. 맨아래의 이미지를 클릭하여 이름을 “좌1” 이라고 넣는다

   아래에서 위로올라가며 2번째 이미지를 클릭하여 이름을 “우1“ 넣는다

   아래에서 위로올라가며 3번째 이미지를 클릭하여 이름을 “좌2” 넣는다

   아래에서 위로올라가며 4번째 이미지를 클릭하여 이름을 “우2” 넣는다

   아래에서 위로올라가며 5번째 이미지를 클릭하여 이름을 “좌3” 넣는다

   아래에서 위로올라가며 6번째 이미지를 클릭하여 이름을 “우3” 넣는다

   아래에서 위로올라가며 7번째 이미지를 클릭하여 이름을 “좌4” 넣는다

   아래에서 위로올라가며 8번째 이미지를 클릭하여 이름을 “우4” 넣는다

   아래에서 위로올라가며 9번째 이미지를 클릭하여 이름을 “좌5” 넣는다

   아래에서 위로올라가며 10번째 이미지를클릭하여 이름을 “우5” 넣는다

  ☞ 위에서 아래로 정렬한 상태보기 =  맨위 우5→좌5→우4→좌4→우3→좌3→우2→좌2→우1→맨아래 좌1.

6. 이름이 모두 주어지면 “우”로된 이미지을 위로 올리고 “좌“이미지는 아래로 오게한다.

  ☞ 보기 →  맨위쪽이 “우5” 아래로 내려오면서 “우4” “우3“ ”우2“ ”우1” 정열해준다.

      “우1” 아래는 “좌5“ ”좌4“ ”좌3“ ”좌2“ ”좌1“순으로 정열한다(좌1이 맨아래)

  ☞ 정렬한 상태보기 = (맨위)우5→우4→우3→우2→우1→좌5→좌4→좌3→좌2→좌1(맨아래)

7. 우1에서 우5까지 모두선택(블록) → 우클릭 → Copy Object(복사) → Scene-1클릭 →

    Scene-1자리에서 다시 우클릭 → Paste In Place클릭(붙이기) = 15개로 늘어남

8. 맨위쪽에 복사된 이미지 우1~우5가 새로 생긴다.

   복사된 이미지(우1~우5)모두선택 →우클릭 →Grouping →Group as Movie Clip클릭해서 묶음.

   하나로 묶여진곳에 이름을 "우bg"라고 붙여준다.

   “우bg" 이름붙인것을 바로위에 있는 녹색화살표를 이용하여 맨아래로 이동(좌1아래)시킨다.

9. 효과주기 : 우1~우5를 모두선택(블록)한다. 선택한 상태에서

    화면우측상단에 있는 Transform에서 o=x를 클릭(활성화)하고 앵카포인트(작은네모9개모양)가운데에

    검은색으로 체크되어있는 것을 왼쪽네모 3개중 가운데에 체크(찍고)

     x값=360. y값=270으로 맟춰주고

     x의 오른쪽 끝에 rotation:( 0)ﾟ 을 (-180)ﾟ 으로 숫자를 넣어주고

     y의 오른쪽 끝에 ( 0)ﾟ 을 (180)ﾟ 으로 넣어주고 엔터키를 친다.

10.  우1~우5를 모두선택(블록)한 상태에서  타임라인(Time line)의  40프레임에 더블클릭한다(붉은색점 생김)

11.  우1~우5 의 현상태에서

      우1을 선택(클릭)하고 화면우측상단에 있는 트랜스폼(Transform)으로 가서

      x의 오른쪽 rotation: ( -180 )ﾟ 을 0으로 수정한다.

      y의 오른쪽 ( 180 )ﾟ 을 0으로 수정한다.

   우2를 선택하고 위와같이 x와 y를 모두 0으로 수정한다

   우3을 선택하고 위와같이 x와 y를 모두 0으로 수정한다

   우4을 선택하고 위와같이 x와 y를 모두 0으로 수정한다

   우5를 선택하고 위와같이 x와 y를 모두 0으로 수정한다

12. 아웃라인의 위쪽 우1~우5를 다시 모두선택(블록)하고 → 타임라인의 100프레임에서 → 우클릭

    → Place선택(타임라인에 작은동그라미형태의 모양이 세로줄로 생긴다)

13. 아웃라인 아래쪽에 있는 좌1~좌5의 이미지를 우1~우5이미지의 같은번호아래로 각각 이동한다.

    ☞ 보기 : 위에서부터 아래로 우5. 좌5 .우4 .좌4. 우3. 좌3. 우2. 좌2. 우1. 좌1 순으로 정렬한다.

14. 아래서부터 같은번호끼리 선택(블록)하여 → 우클릭 → Grouping → Group as Movie Clip클릭.

    ☞ 보기 : 좌1과 우1묶고. 좌2와 우2묶고, 좌3과 우3묶고, 좌4와 우4묶고 좌5와 우5묶어준다.

15. 묶어진 5개의 Movie Clip(객체)를 모두선택(블록) → 우클릭 → Grouping →

    Group as Movie Clip 해서 모두 묶은것에 이름을 img라고 붙여준다.

   ☞ 아웃라인에는 아래쪽 우Bg 와 위쪽 img 두 개만 남는다

16. 책장넘기기 효과주기 :

    위쪽에 있는 img를 열어놓는다(img왼쪽의 +를 클릭하면 열린다)---5개의 무비클립이 생김.

     다시 img를 선택(클릭)한다 → img를 선택한 상태에서

     타임라인에서 1~5프레임까지 선택(블록)하고 멈춘다---파란색으로 블록이 형성된다

     현상태에서 작은목록창의 Movie Control클릭 → Stop클릭(파란색이 분홍색으로 바뀜)

   ☞1~5프레임선택이란 : 1프레임에서 우클릭누른상태로 오른쪽으로 드래그하여 5프레임에서 멈춤.

17. 타임라인의 맨아래쪽 1행에서 1프레임에 →우클릭 →Place선택(클릭) →바로옆 2프레임찍고 →

     → 우클릭 → Remove선택(클릭) → 1프레임과 2프레임을 같이선택(블록) → 우클릭

     → Copy Effect(복사) → Paste Effect(붙이기)위로 한칸씩 올라가며 계단식으로 붙여넣기 한다

     → 맨위(마지막)이미지는 우클릭하여→ Place선택(클릭)한다.

   ☞ 계단식붙여넣기란 :두개의프레임을 묶은상태에서 위로올라가면서 우쪽프레임위치에서 붙여넣기함.

18. 아웃라인에서 맨위img를 다시선택(블록)하고 →Insert → Movie Clip선택 → 무비클립이 새로생긴다.

     새로생긴 이름을 auto라고 붙여주고→auto를 맨 아래로 이동(우bg위에)한다 →auto선택(블록)하고→

    → Script클릭 → Add script▼ → Events(맨위) → Feame → on Frame(...)클릭 →

    → on Frame( 1)의 ( )의 숫자를(100)으로 수정한다 → 다시 Add script▼ →

    → Movie Control → Play( ) → 물음표(Target)2번클릭 → Target의 오른쪽 ▼클릭

    → Parent(맨위)선택한다.

    ☞ Insert 위치 = 아웃라인의 Scene-1(씬-원)바로위에 Insert ▼를 선택하면 됨.

    ☞ Script 위치 = 작업창왼쪽위의 녹색물음표와 체크모양의 바로위에 있음.

19. 배경만들기---16번설명과 동일한 방법

     아웃라인의 맨아래에 있는 우bg를 열고 → 맨위의 우5를 맨아래로 내린다

     타임라인의 “우5”행 1프레임에서 → 우클릭 →Place선택(클릭) →바로옆 2프레임찍고 →

     → 우클릭 → Remove선택(클릭) → 1프레임과 2프레임을 같이선택(블록) → 우클릭

     → Copy Effect(복사) → 위로 한칸씩 올라가며 계단식으로 붙여넣기 한다

     → 맨위(마지막)이미지는 우클릭하여→ Place선택(클릭)한다.

     타임라인에서 1~5프레임까지 선택(블록)하고 멈춘다-----파란색으로 블록이 형성된다.

     현상태에서 작은목록창의 Movie Control클릭 → Stop클릭(파란색이 분홍색으로 바뀜)

20. 아웃라인에서 우bg 를 선택한다 → Insert → Movie Clip 선택 → 새로생긴 객체의 이름을 auto

     라고 붙여주고 → auto를 맨 아래로 이동한다 → auto선택(블록)하고 →

    → Script클릭 → Add script ▼ → Events(맨위) → Feame → on Frame(...) →

    → on Frame(1)의 숫자를(100)으로 수정한다. → 다시 Add script ▼ →

    → Movie Control → Play( ) →물음표(Target)2번클릭 → Target의 오른쪽▼클릭 →Parent클릭.

21. 작업창과 아웃라인을 모두닫고 → 아웃라인에서 Img와 우bg 모두선택(블록) → 우클릭 →

    → Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 a 라고 붙여준다.

   ☞ 작업창과 아웃라인닫기란 : 작업창은 창의 왼쪽상단 Layout:Scene-1을 클릭하면 되고

       아웃라인은 Img와 우bg 앞의 -를 클릭하면 된다.

22. 아웃라인에서 a 를선택(블록) → 우클릭 →Copy Object(복사) → 그 자리(a)에서 다시 우클릭 →

    → Paste In Place(붙이기) → a Copy새로생김 →  현상태에서 트랜스폼(Transform)으로 가서 → y＋1해준다.

    ☞ y+1이란 : y의 현재숫자에 1을 더해주는것(예. 250=251로, 270=271로 ,350=351로)

23. Scene-1을 클릭하고 임포트에니메이션(Import Animation)에서 준비된 물결판을 불러온다 →

    → 불러온 물결판을 a의 한칸아래(중앙)내려놓는다 → 물결판과 위의 a를 선택(블록)하여 →

    → 우클릭 → Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 w 이라

        붙여준다 → Mask에 체크해준다 → w과 아래a를 함께 선택(블록)→ 우클릭 →

    → Grouping →Group as Movie Clip클릭해서 묶음 → 묶어준것 이름을 img라고 붙여준다.

24. Scene-1을 클릭하고 준비된 바탕이미지(배경이미지)를 불러와서 작업창크기로 맟춰준다(720☓540) →

    → 바탕이미지를 img아래(맨아래)로 내린다.

25. 여기서 플레이를 한번 해본다. 책장넘어가는것 확인하고 다음순서로 넘어간다.

26. 타이틀넣기 (큰 제목 세로글 넣기)

    툴박스(Tools)에서 T선택 →Scene-1(씬원)클릭 →프로퍼티즈(Properties)에서 글꼴(휴면옛체),

    크기(28),색상(핑크).세로쓰기(맨아래N)선택 → 작업창의 글쓸곳에 한번 찍고(클릭) →Edit클릭

    → 글쓰기창에서 글내용입력(책장오른쪽으로 넘기기) → Apply클릭 → 글쓰기창닫음(X누름)

    → 툴박스의 화살표를 찍고 글의 위치를 바로잡아주고 →

    → 타임라인의 T(글) 1프레임에서 더블클릭~200프레임에서 더블클릭→ 우클릭→ Effect(맨아래)

    → Appear Into→Position → 3D Spin in and grow(왼쪽맨위)선택하고 → "예‘클릭.

    → 타임라인의 250프레임더블클릭 ~ 450프레임더블클릭 → 우클릭 → Effect(맨아래) →

    → Disapper From Position → 3D Spin(왼쪽맨위)선택하고 → “예” 클릭

    → 아웃라인(Outline)의 Text(글)와 이미지를 선택(블록) → 우클릭 → Grouping →

    → Group as Movie Clip클릭 → 묶어준것 이름을 Title(타이틀)로 붙여준다.

   ☞ 아웃라인에는 Title 과 배경이미지 2개만 남는다

27. 책장넘기기와 글넣기 완료됨(기타 음악,시계,사람,새,액자 등은 개인별 취향에 따라 넣어준다)

28. 플레이 해본다 →저장한다: File(파일)→ Save As(중간저장.필요시) → Export → SWF(저장완료) 

▣ 책장 오른쪽 넘기기

     준비 :  작업자료 참조(이미지15매)---스위시자료실19번 자료 저장하여 사용하세요.

  1. 작업창 크기를 맟춘다. w=750.h=450

  2. 바탕 액자만들기 : 툴박스 네모 → 선=None, 휠컬러=#996633 → 작업창에 작은 사각을 그린다 → x=375. y=225. w=750. h=450 

    → 윈도우 → Filters → 녹십자 → Bevel → ButtonShading → 색상.위=흑색.아래=백색.

       위에서 아래로 숫자 = 15. 15. 45. 5. 200 → 닫음 → 이름=바탕.  Play해본다

  3. 책장넘기기 : (이미지) 야경1~15를 한번에 모두 불러와서 이미지 크기를 맟춤 → x=375. y=218. w=708. h=395

     → 아래서 위로 1~15번호 준다.

  4. 아웃라인에서 이미지를 모두선택 → 우클릭 → Break → Break into Pieces →  Columns =2. Rows=0으로 수정.

    → Allow non-triangular pieces에 체크 → Inflate all pieces by 앞네모☑에 체크 → 0.1 Pixels 으로 수정.

    → Cascade order에서 맨윗줄 왼쪽첫번째 → OK클릭.

  5. 아웃라인의 이미지 전체 묶인(블록)상태에서 우클릭 → Grouping → Ungroup

  6. 맨아래부터 위로 올라가면서 같은 번호끼리 아래는 좌. 위는 우로 하면서 1번부터 15번까지 넣는다

    ☞ 보기 : 1번 맨아래=좌1. 1번위=우1. 2번아래=좌2. 2번위=우2. 3번아래=좌3. 3번위=우3. 4번아래=좌4. 4번위=우4. 5번아래=좌5.

                 5번위=우5 . 6번아래=좌6. 6번위=우6.     위와같은 방법으로 맨위 우15까지 넣어준다

    ☞ 아래서 위로 정렬순서 = 맨아래=좌1. 우1. ~~~~ 좌15. 맨위=우15

  7. 이름이 모두 주어지면 아래서 위로 좌는 좌끼리 우는 우끼리 좌1~좌15. 우1~우15 순으로 정렬.

    ☞ 좌 번호를 내려서 맟춰주면 우 번호는 자동으로 정렬됨.  

    ☞ 정렬순서 = 맨아래 좌1.좌2.좌3.좌4.좌5.좌6.좌7.좌8.좌9.좌10.좌11.좌12.좌13.좌14.좌15.

                       우1.우2.우3.우4.우5.우6.우7.우8.우9.우10.우11.우12.우13.우14.우15(맨위)

  8. 우1에서 우15까지 모두 묶고(블록) → 우클릭 → Copy Object(복사) → Scene_1 우클릭 → Paste In Place(붙이기)

  9. 맨위쪽에 복사된 이미지 우1~우15  묶인 상태에서 우클릭 → Grouping →Group as Movie Clip → 이름=우bg. 

     → 우bg 를 좌1아래(맨아래)로 내린다. 

  10. 효과주기 : 우1~우15을 모두 묶고(블록) → Transform에서 o=x클릭(활성화) → 포인트 점 왼쪽중앙

     → x=375. y=218.  → x_rotation= -180.  y_rotation=180.

  11. 우1~우15 모두 묶은(블록)상태에서  타임라인  40프레임에 더블클릭(활성화)

  12. 아웃라인에서 우1을 선택하고 트랜스폼(Transform)에서 → x_rotation=0. y_rotation=0 수정하고

    → 우2 ~ 우15까지 차례대로 각각 x와 y를 모두 0으로 수정한다  

  13. 아웃라인의 위쪽 우1~우15을 다시 모두 묶고(블록) → 타임라인의 100프레임 우클릭 → Place

  14. 아웃라인 아래쪽에 있는 좌1~좌15의 이미지를 우1~우15 의 같은번호 아래로 각각 이동한다.

     ☞ 아래서 위로 좌1.우1.좌2.우2 ~~~~~좌14. 우14. 좌15. 우15순으로 정렬.

  15. 아래서부터 좌.우 같은번호끼리 묶어(블록) → 우클릭 → Grouping → Group as Movie Clip.

     ☞ 좌1과 우1묶고. 좌2와 우2묶고, 좌3과 우3묶고 ~ 같은방법으로 각각 Movie Clip 하고나서 아래서부터 위로 1~15 번호준다.

  16. Movie Clip 15개를 모두묶고(블록) 우클릭 → Grouping → Group as Movie Clip → 이름=이미지     

  17. 책장 이미지 바뀌기 : 위쪽에 있는 img를 열어놓고 → img선택 상태에서 → 타임라인 1~15 프레임에 Stop준다

     ☞ 방법 : 1프레임에서 마우스오른쪽 누른채고 15프레임까지 끌고와서 멈추고 Movie Control → Stop클릭.

  18. 타임라인의 맨아래쪽 1번 줄 1프레임 우클릭 → Place → 2프레임 우클릭 → Remove

    → 1프레임과 2프레임을 같이 묶고(블록) → 우클릭 → Copy Effect(복사) → 다시 우클릭 → Paste Effect(붙이기)

    → 위로 한칸씩 올라가며 계단식으로 붙여넣기 → 마지막 15번 이미지는 우클릭하여→ Place.

  19. 아웃라인에서 맨위 img를 다시 선택(블록)하고 → Insert → Movie Clip → 이름=자동

    → 자동을 맨 아래로 내린다(우bg위에) →자동선택 상태에서→ Script → Add script▼ → Events(맨위) → Frame → on Frame(...)

    → on Frame( 1)의 ( )의 숫자를(100)으로 수정한다 → 다시 Add script▼ →  Movie Control → Play( ) → Target의 오른쪽 ▼클릭

    → Parent 클릭.   

  20. 아웃라인의 맨아래에 있는 우bg를 열고 → 맨위의 우15를 맨아래로 내린다(우1아래)

    → 타임라인의 우15 줄 1프레임 우클릭 →Place → 2프레임 우클릭 → Remove

    → 1프레임과 2프레임을 같이 묶고(블록) → 우클릭 → Copy Effect(복사) → 위로 한칸씩 올라가며 계단식으로 붙여넣기

    → 맨위(마지막) 우14 는 우클릭하여→ Place.

    → 타임라인 우bg 줄에서 1~15프레임에 Stop 준다

  21. 아웃라인에서 우bg 를 선택한다 → Insert → Movie Clip → 이름=자동  → 자동을 맨 아래로 내린다(우15아래)

    → 자동선택 상태에서 → Script → Add script ▼ → Events → Feame → on Frame(...) →  on Frame(1)의 숫자를(100)으로 수정.

    → 다시 Add script ▼ →  Movie Control → Play( ) → Target의 오른쪽▼클릭 → Parent클릭.

  22 . 스크립트창과 아웃라인을 모두닫고 → Play 해본다.·  

  23. 갈매기를 불러와서 크기를 맟춘다 : x=375. y=160. w=455. h=273.   

  24. 기타 음악,시계,등 개인별 취향에 따라 추가 소스 넣어주고 마무리한다.  Play. 저장. 끝.

♡ 보충자료(빨간색 테두리 참조)...사진을 클릭하면 크게 보입니다

                 2번설명(색상)                                     2-1설명(윈도우~  )                                        4번 설명

      6번 설명(같은번호끼리 좌,우)             7번 설명(좌끼리,우끼리 번호순정렬)                    9번 설명(이름=우bg)

           9-1 설명(우bg맨아래)                              13번 설명(1~15 묶고)                   15번 설명(같은번호묶어 Movie Clip)

      15-1 설명(아래서 위로 1~15번호)                  16번 설명(이름=이미지)                      17번 설명(위 이미지 열고)

        17-1설명(1~15 Stop)                        18번 설명(계단식붙이기)                       19번 설명(자동을 맨아래로)

     19-1 설명(Script ~ Add script)              19-2 설명(숫자 100 으로 수정)                 19-3설명( 마지막 Parent)

  20번 설명( 우bg열고 우15 아래로내림)       20-1설명(15줄 1프레임 Place~~)        20-2(우bg줄 1~15 Stop 준다)

        21번 설명(Insert ~ Movie Clip)                        21-1번 설명(이름=자동) 

03 chapter-01스위시 스크립트 이해하기

스위시 스크립트 관련 용어=액션(Action)-

1) 프래임액션=타임라인 스크립트 작성할 프래임(선택)-[스크립트]패널에 작성

2) 버튼 액션=버튼 클릭&마우스포인터 올라간 경우 실행액션=해당 오브젝트(선택)-[스크립트]패널에 작성

3) 스프라이트 액션=스프라이트 무비에 등장.또는 프래임 수(Frame Rate)에 맞추어 제어하기 위한 액션-

    해당 오브젝트(선택)-)-[스크립트]패널에 작성

**이벤트(Event)=무비 안에서 발생하는 특정사건-특정한 이벤트가 발생해야만 지정한 액션이 실행되는것

**변수(Variable)=데이터 저장소=true(참)false(거짓)로 저장할 수 있다
scriptName = "SWiSHscript";.변수 선언= 데이터 저장

**표현식(ｅxpression‎!)=값을 계산하기 위한 연산자(Operater)와 피연산자(Operand)의 결합

표현식=문자열(String)-수치(Numerical)-비교(Comparison)-논리(Logical)표현식 등

프레임에 스크립트 작성하기=[타임라인]패널-Scene_1"행 1번 프레임(선택)-[Add script▼](클릭)-[Events]-[Frame]-[onFrame(...)](선택)=[onFrame(1)]이 추가됨

[스크립트]패널 하단-On Frame[스크립트를 실행할 프레임 번호 작성-기본 값 "1"이 입력되어 있슴]

□ After events for placeed objects : 체크하면 해당 프레임에 속한 오브젝트 이벤트가 실행된 후 프레임에 작성된 스크립트가 실행된다.

체크 하지 않을 시 플래시와 같은 방식으로 프레임 액션이 실행된다.

*[Add script▼]=입력할 명령어 선택시 사용

↑↓=입력한 명령어 위치 위 아래 이동  

X 선택한 명령어 삭제

[Guided▼]스크립트 입력 모드(초보자 모드-전문가 모드)

★168페지 03-02 버튼으로 무비 재생 제어하기 [movieControl]

*무비를 제어할 수 있는 여러가지 명령어

stop() : 재생중인 무비 정지시킨다

play() : 정지된 무비를 다시 재생시킨다

gotoAndplay() : 특정 프레임부터 재생을 다시 시작하게 만든다

gotoAndStop() : 특정 프레임으로 이동한 후 정지하게 한다

STOP=정지 

SKIP=애니메이션 마지막 프레임으로 건너뛴다

REPLAY=처음부터 다시 애니메이션을 시작한다

01-[타임라인]패널-스클바(우쪽 드래그)=애니메이션 마지막 프레임이 나올 때 까지-Scene1행 마지막 174번(선택)

[타임라인]패널에서 프레임 액션을 적용할 "대상 프레임"(선택)-[스크립트]패널에서 스크립트 작성

02-[Script]탭(클릭)=스크립트]패널-[Add Script▼](클릭)-[MovieControl]-[stop()]액션(선택)=

onFrame (174) {
    stop();
}
※stop()액션은=재생중인 무비를 정지시키며,마지막 프레임에 작성했기 때문에 무비가 한번 재생된후 마지막 프레임에서 멈추게 된다

03-Scene1 행의 마지막 174번 프레임에 빨간색 사각형이 표시되고,

[스크립트]패널에는 플래이드헤드가 174번 프레임에 놓일 때 stop() 액션이 실행되도록 onFrame 이벤트에 stop() 액션이 추가된다

 04-[아웃라인]패널-STOP버튼(선택)-[Add Script▼](클릭)-[Events]-[Button]-[on(release)](선택)

on (release) {
}
[스크립트]패널 하단=버튼에 설정할 수 있는 8개의 세부옵션이 표시된다,현재 □ release 로 설정되여있다. 

★ 버튼 이벤트의 세부 옵션

press : 버튼 위에서 마우스 클릭할 때

release : 버튼 위에서 마우스 버튼을 눌럿다 뗄때

Roll over : 버튼 위에 마우스 포인터를 올려놓을 때

Roll out : 버튼 위에 마우스 포인터가 올려 졌다가 밖으로 벗어날 때

Drag over : 버튼 위에서 마우스 버튼을 클릭하고,드래그해서 빠저 나갔다가 드래그하면서 다시 버튼 위에 마우스 포인터가 올라갈 때

Drag out : 버튼 위에서 드래그를 시작하여 밖으로 벗어날 때

Release outside : 버튼 위에서 마우스 버튼을 누른후 바깥쪽에서 뗄 대

Key : 설정한 키가 눌려질 때

05-on(...)버튼 이벤트 핸들러를 사용해서 STOP 버튼을 눌렀다 떼는 순간 발생하는 이벤트를 감지하도록 설정을 했다

여기서 무비 재생이 멈추도록 stop()액션을 추가해야한다,

-[Add Script▼](클릭)-[Movie Control]-[stop()]액션(선택)

on (release) {
    stop();
}
☆ stop() 액션이 적용되면 [스크립트]패널 하단에 Target 옵션이 나타난다=이 옵션은 stop() 액션을 적용할 대상을 지정하는 것,

여기서는 버튼이 있는 메인 무비를 제어할 것이므로 옵션을 설정하지 않고 그대로 둔다

☆ 만약 스프라이트를 제어하는 경우라면 Target 옵션에 스프라이트 이름을 작성해야 한다,

06-[아웃라인]패널-PLAY 버튼 위에 (마오)-[Script]-[Movie Control]-[play()](선택)

on (release) {
    play();
}
★ 만약 감지할 이벤트가 Press라면 [스크립트]패널에서 [on(release)](선택)하고 이벤트 옵션에서 Press옵션을 (선택)하면 된다

★ Play-Stop 결과 확인=재생[ ▶]아이콘(클릭)&메뉴-[Control]-[Play Movie](선택)-[Control]-[Stop]

07-[아웃라인]패널-SKIP(선택)-[스크립트]패널-[Add Script▼]-[Movie Control]-[gotoAndStop]-[gotoAndStop(FRAME)](선택)-세부옵션=SKIP버튼을 누르면 마지막 프레임으로 가서 멈추도록만들 것이므로-◎Frame 옵션에 마지막 프레임 번호[174](입력)-Target옵션란-<current scene>은 현재 무비가 제작된 장면(Scene)을 의미한다

on (release) {
    gotoSceneAndStop("<current scene>",174);
}

08-[타임라인]패널-가로 스크롤바(왼쪽으로 드래그)-Scene_1 행의 1번 프래임(선택)-[Add Script▼]-

[Frame]-[setLable(...)](선택)=이 명령은 책 속에 책갈피를 끼우듯이 프레임에 이름을 설정하여 프래임 번호 대신에 설정한 이름을 gotoAndPlay(),gotoAndStop() 액션에서 사용하기 위한 것.

☆[setLable(...)]명령을 적용하면 [스크립트]패널에는 플래이해드가 1번 프레임에 놓일 때 실행될 코드를 작성할 수 있는 onFrame(1) 프레임 이벤트 핸들러에 setLabel() 명령이 추가된다,

Label 옵션란에 [start](입력)-[Enter](누름)=1번 프레임의 이름을 "start"로 설정한다=[타임라인]패널의 1번 프레임에 방금 설정한 프레임 이름이 표시된다.

onFrame (1) {
    setLabel("start");
}
onFrame (174) {
    stop();
}
09-[아웃라인]-REPLAY(선택)-[Add Script▼]-[Movie Control]-[gotoAndPlay]-[gotoAndPlay(LABEL)](선택)-Labal 옵션에 1번 프레임을 의미하는 [start](입력)-[Enter]

on (release) {
    gotoAndPlay("start");
}
10-결과 확인=[레이아웃]패널(이동)-툴바-재생[▶](클릭)=무비{실행}-[SKIP](누름)=애니메이션의 마지막 장면에서 멈추고,-[REPLAY](누름)=처음부터 다시 애니메이션이 시작된다.

★03 스프라이트를 버튼으로 제어하기 [Sample/Ch03/Lesson03/spriteControl.swi(176page)

스프라이트는 자체 타임라인을 갖고 있어 그 안에 독립적인 애니메이션을 제작가능(메인 무비안에 들어있는 작은 무비)

01-[아웃라인]패널-sprite(선택)-패널모움-[sprite]탭(클릭)-Name[flower](입력)-[Enter](누름)

02-[아웃라인]패널-STOP버튼(선택)-[Script]탭(선택)-[Add Script]버튼(클릭)-[Movie Control]-   [stop()](클릭)-하단 Taget[Flower▼](선택)=STOP 버튼 액션 적용후-[스크립트]패널[Flower.stop():]코드 생성

03--[아웃라인]패널-PLAY버튼(선택)-[Script]탭(선택)-[Add Script]버튼(클릭)-[Movie Control]-   [play()](클릭)-하단 Taget[Flower▼](선택)=Play 버튼 액션 적용후-[스크립트]패널[Flower.play():]코드 생성

04-[레이아웃]패널(이동)-툴바-[재생][▶](클릭)-[PLAY][STOP]버튼(누름)=애니메이션 시작 결과 확인

* [레이아웃]패널-flower(선택)-마오-[gruping]-[ungroup](선택)

★ flower1~6(선택)-마오-[Convert]-[convert to Sprite](선택)=독립적인 개체(하나 하나 따로)

☆ □ Stop playing at end of Sprite(체크 해제)

※ Text 삽입시 T(마오)-[Margins](체크 해제)확인-패널모움[V]-정렬[왼쪽정렬]-[Hide Option]

* flower1(선택)-[Script]탭(선택)-[Add Script]버튼(클릭)-[Events]-[Button]-[on(rollOver](선택)-

[Add Script]버튼(클릭)-[Movie Control]-[stop()](클릭)-하단 Taget[Flower1▼](선택)=flower1~6(반복)

on (rollOver) {
    flower2.stop();
}
on (press) {
    flower2.play();
}

*[Script]탭(선택)-[Add Script]버튼(클릭)-[Evente]-[Button]-[on(press()](선택)-[Add Script]버튼(클릭)-[Movie Control]-[play()](클릭)-하단 Taget[Flower1▼](선택)=flower1~6(반복)

* PLAY(선택)-[Add Script](클릭)-

[Add Script]버튼(클릭)-[Movie Control]-[Play()](클릭)-하단 Taget[Flower1▼](선택)=flower1~6(반복)

 {on (release)
    f1.flower1.play();
    flower2.play();
    flower3.play();
    flower4.play();
    flower5.play();
    flower6.play();
}
* STOP(선택))-[Add Script](클릭)--

[Add Script]버튼(클릭)-[Movie Control]-[stop()](클릭)-하단 Taget[Flower1▼](선택)=flower1~6(반복)

on (release)

{
    f1.flower1.stop();
    flower2.stop();
    flower3.stop();
    flower4.stop();
    flower5.stop();
    flower6.stop();
}
★ 드래그 효과

+flower1-script

on (rollOver) {
    flower1.stop();
}
on (press) {
    flower1.play();
}
삭제

하위(안쪽개체)-flower1(선택)-[Add Script]버튼(클릭)-[Evente]-[Button]-[on(rollOver)](선택)-

옵션-□ Roll over(체크)-[Movie Control]-[stop()](클릭)-하단 Taget[Flower1▼](삭제)-

-[Add Script]버튼(클릭)-[Evente]-[Button]-[on(rollOut)](선택)-

옵션-□ Roll Out(체크)-[Movie Control]-[Play()](클릭)-하단 Taget[Flower1▼](삭제)-

-[Add Script]버튼(클릭)-[Evente]-[Button]-[on(press)](선택)-옵션-□ Press(체크)-

-[Mouse Dragging]-[start DragLocked(...)](선택)-옵션-□ constrain(체크)-Rectangle=Left[0]-Top[0]-Right[300]-Bottom[250](입력)-

-[Evente]-[Button]-[on(release)](선택)-옵션-□release (체크)-Key[1](입력)-

-[Mouse Dragging]-[stopDrag()](선택)

on (rollOver) {
    stop();
}
on (rollOut) {
    play();
}
on (press) {
    startDragUnlocked(0,300,0,250);
}
on (release) {
    stopDrag();
}
위 복사-하위(안쪽개체)-flower2~6까지 (붙여넣기)-Key만[2]~[6](입력)-

★184Page[05]계산기 만들기

★ [T](선택)-[계산기](입력)-한자변환-[파란 다이어몬드로 드래그](조정)-위치(드래그 조정)-

패널모움-글자 하단(클릭)-커서(생성시)-BackSpase(클릭)

[아웃라인]패널-연산방식-덧셈.뺄샘.곱셈.나눅셈,-구성요소-Group으로 묶여있다

+ - X /로 표시된 오브젝트=단순 정보 (전달)제공하는 정석(Static)이며

☆ [택스트]패널-입력(Input) 택스트 세부옵션="덧셈"-"add_a"택스트"(선택)-[택스트]패널(선택)-       Name란[add_a](입력)-Target 옵션-□ (체크)-

☆ 택스트 형식=입력(Input)택스트 ☆ 고급(Advanced)(설정)-Black border With White Background버튼(활성화)-태두리선과 흰색 배경 나오도록 (설정)

☆ 다이내믹(Dynamic) 택스트 만들기 위한 세부옵션=덧셈 그릅-"add"택스트 오브젝트(선택)-[택스트]패널-Name[add](입력)-Target 옵션-□ (체크)-

* 택스트 형식=다이내믹(Dynamic)택스트-고급(Advanced)(설정)-Black border With White Background버튼(활성화)-태두리선과 흰색 배경 나오도록 (설정)

★ 버튼을 누르면 계산 결과 Result 란에 표시하기

덧셈 그룹-"Button"(선택)-[Script]탭(누름)=[스크립트]패널로(전환)

[Add Script]-[Statements]-[name=expr;](선택)-결과 값 "add"다이내믹 택스트에 표시하기=

[스크립트]패널-Target[add](입력)-Name[text](입력)=이는 다이내믹 택스트에 출력할 데이터를 저장하는 속성이다-Operator옵션(그데로 두고)-add.text속성에 할당할 값에 해당하는 코드를 아래와 같이 작성한다

Number(add_a.text) + Number(add_b.text)

Number()함수=()의 값을 숫자로 변환하는 함수이다.

입력 택스트에서 입력한 값은 모두 문자로 인식되기 때문에 덧셈 연산을 하기 위해 숫자형으로 변환한것이다.

★ 뺄셈 그릅-A.B.란에서 숫자를 입력받는 "sub_a","sub_b"입력 택스트와 결과 값을 출력하는 "sub"다이내믹 택스트가 포함되여 있다.

뺄셈 그릅--"Button"(선택)-[Script]탭(누름)=[스크립트]패널로(전환)

[Add Script]-[Statements]-[name=expr;](선택)=버튼을 누르면 결과 값을 "sub"다이내믹 택스트에 표시하기-

[스크립트]패널-Target[sub](입력)-Name[text](입력)=이는 다이내믹 택스트에 출력할 데이터를 저장하는 속성이다-Operator옵션(그데로 두고)-sub.text속성에 할당할 값에 해당하는 코드를 아래와 같이 작성한다

Number(sub_a.text) - Number(sub_b.text)

★ 곱셈그릅-A.B.란에서 숫자를 입력받는 "mul_a","mul_b"입력 택스트와 결과 값을 출력하는 "mul"다이내믹 택스트가 포함되여 있다.

곱셈 그릅--"Button"(선택)-[Script]탭(누름)=[스크립트]패널로(전환)

[Add Script]-[Statements]-[name=expr;](선택)=버튼을 누르면 결과 값을 "mul"다이내믹 택스트에 표시하기-

[스크립트]패널-Target[mul](입력)-Name[text](입력)=이는 다이내믹 택스트에 출력할 데이터를 저장하는 속성이다-Operator옵션(그데로 두고)-mul.text속성에 할당할 값에 해당하는 코드를 아래와 같이 작성한다

Number(mul_a.text) * Number(mul_b.text)

★ 나눗셈그릅-A.B.란에서 숫자를 입력받는 "div_a","div_b"입력 택스트와 결과 값을 출력하는 "div"다이내믹 택스트가 포함되여 있다.

나눗셈 그릅--"Button"(선택)-[Script]탭(누름)=[스크립트]패널로(전환)

[Add Script]-[Statements]-[name=expr;](선택)=버튼을 누르면 결과 값을 "mul"다이내믹 택스트에 표시하기-

[스크립트]패널-Target[div](입력)-Name[text](입력)=이는 다이내믹 택스트에 출력할 데이터를 저장하는 속성이다-Operator옵션(그데로 두고)-div.text속성에 할당할 값에 해당하는 코드를 아래와 같이 작성한다

Number(div_a.text) / Number(div_b.text)

★ 결과 확인=[레이아웃]패널(이동)-[재생] 아이콤[ ▶](클릭)

★  196페이지-07-로그인 인증화면 만들기

* [Scene_1] : 로그인 화면

* [Scene_2] : 로그인 성공 시 보이게 될 화면

* [Scene_3] : 로그인 실패 시 보이게 될 화면

완성파일(열고)-[Ctrl]+[Enter](무비실행)

[Scene_1]-1번 프레임에 무비실행 후 로그인 화면 정지상태로 있게 만들기

[타임라인]1번-"Stop()액션(적용)

*usrerid와 userpw=아이디와 비밀번호를 입력받을 수 있는 입력(Input)택스트이다.

[Scene_1]"Button"(선택)-[Script]탭(클릭)-[스크립트]패널로 전환

* 아이디와 비밀번호를 입력 후 [로그인]버튼을 누르면 올바른 로그인 정보를 입력했는지 체크하는 기능을 if 조건문으로 구현할 것이다.

[스크립트]패널-[Add Script]-[Conditional]-[if(...){](선택)-[스크립트]패널에 다음과 같이 조건문의 조건 표현식을 작성한다.

on (release) {
    if (userid.text == "swish" && userpw.text == "script") {
        gotoSceneAndStop("Scene_2",1);
    } else {
        gotoSceneAndStop("Scene_3",1);
    }
}
-if 조건문 선택 상태-[스크립트]패널-[Add Script]-[Movie Control]-[gotoAndStop]-[gotoAndStop(FRAME)](선택)=

위 코드는 올바른 로그인 정보가 입력된 경우 "Scene_2로 가서 로그인 성공 메시지를 보여주기 위한것이다.

Target란[Scene_2▼](선택)-◎Frame[1]-◎Stop

★논리 연산자를 사용한 조건 표현식 분석

userid.text : 아이디로 입력받은 문자

userpw.text : 비밀번호로 입력받은 문자

== : 좌변과 우변이 같은지 체크하는 동치연산자

userid.text == "swish" : 아이디로 입력한 값이  swish와 같은지 체크하는 조건 표현식

userpw.text == "script" : 비밀번호로 입력한 값이 script 와 같은지 체크하는 조건 표현식

&& : AND 논리연산자로 두 가지 조건  표현식의 결과가 모두 참인 경우에만 if 조건문의 {와}사이에 작성한 코드를 실행하라는 의미이다.

[스크립트]패널-[Add Script]-[Conditional]-[}else{](클릭)=이 추가한 코드는 틀린 로그인 정보가 입력된 경우 실행될 코드를 else 조건문으로 만들기 위한 것이다.

[스크립트]패널-[Add Script]-[Movie Control]-[gotoAndStop]-[gotoAndStop(FRAME)](선택)=이 추가 코드는 틀린 로그인 정보가 입력된 경우 "Scene_3"로 가서 로그인 실패 메시지를 보여주기 위한 것이다.-Target[Scene_3 ▼](선택)

★

on (release) {
    if ( userpw.text == "운봉 컴사랑") {
        gotoSceneAndStop("Scene_2",1);
    } else {
        gotoSceneAndStop("Scene_3",1);
    }
}

★
[Scene_1] -[Rectangle]□(선택)-회원인증(위에 드래그)-[T]-[수수깨끼](입력)-글자꼴.크기.색상(조정)-택스트+[Rectangle](Shape)-그릅으로 묶음-[패널]모움-그릅 이름[수수깨끼](입력)-

회원 아이디 위에 위와 같은 방법-[운봉의 카페 이름은 무엇?](입력)-

비밀번호(password) 위-위와같은 방법[정답](입력)

[로그인]란-Button-[Login.gif](삭제)-위와 같은 방법-[확인](입력)

☆ *로그인 성공 화면으로(이동 후)-[로그아웃]버튼을 누르면 로그인 화면으로 이동시키기

[Scene_2]-Button(선택)-[스크립트]패널-다음 코드 작성

on (release) {
    gotoSceneAndStop("Scene_1",1);
}
Target란[Scene_1▼](선택)-◎Frame[1]-◎Stop

*로그인 실패화면-[다시 로그인하기]버튼을 누르면 로그인 화면으로 이동시키기[Scene_3]-Button(선택)-[스크립트]패널-다음 코드 작성

on (release) {
    gotoSceneAndStop("Scene_1",1);
}
Target란[Scene_1▼](선택)-◎Frame[1]-◎Stop

[Finish]

* 보안 기능이 있는 입력택스트 만들기

택스트 툴(선택)-[택스트]패널-[Input Text▼](눌러 입력 택스트)(설정)-[Advanced▼]로 설정)-[***]옵션(선택)하면 비밀번호 입력시 *로 표시된다.

★ 204페이지-3-08-무비배경에 오늘 날자와 시간 표시하기

* 날자와 요일을 제어할 수 있는 Date 객체의 메서드 getFullYear(),getMonth(),getDate(),getDay()를 이용해서 무비의 오늘 날자와 시간을 표시하는 방법

★ 스위시 스클립트에서 날자,시각,요일 정보를 사용하려면 DAte 객체 인스턴스를 만들어야 하며-Date클래스에서 Date객체 인스턴스를 만들려면 다음과 같은 new 연산자와 Date()생성자를 사용해서 today란 이름의 Date 객체를 생성한다,

today = new Date();

today에는 겍체가 생성되였을 때의 시간 정보가 "저장"된다,

trace() 명령어를 이용해서 today를 출력하면 [디버그]패널에 시간 정보가 출력되는 것을 알 수 있다,

today = new Date();...[Ctrl]+[Enter]=Tue Jan 25 19 : 06 : 16 GMT+0900 2005

trace (today);

* 객체란=프로그래밍 언어에서 객체란 자주 사용하는 기능을 미리 만들어 놓은 클래스(Class)의 메서드와 솟성을 그대로 상속받은 클래스의 복사본을 말한다, 여기서는 Date 클래스에 정의된 메서드와 속성을 상속받은 today 객체를 만든 것이다,

* [디버그]패널에 출력된 시간 정보는 앞에서 부터 해석하면="화요일 1울 25일 19시 6분 16초

GMT+0900(그리니치 표준시간 보다 9시간 빠름)2005년"이 된다.

다음 표는 today 객체에 저장된 시간 정보에서 연도,월,일,요일에 대한 정보를 확인하는 방법을 정리한 것이다.

메서드=getFullYear() : 설명=연도를 나타내는 네 자리 정수를 리턴하는 메서드

        =getMonth() : 달을 나타내는  0 이상 11 이하의 정수를 리턴한다.

                            리턴되는 값이 0이면 1월, 11이면 12월이 된다.

        =getDate() : 날자(1이상 31이하)를 구하는 메서드

        =getDay() : 요일을 나타내는  0 이상 6 이하의 정수를 리턴한다,

                         리턴되는 값이 0이면 일요일, 6이면 토요일이 된다.

* 오늘 날자 표시하기=오늘 날자를 구하는 핵심 코드를 정리하면 아래와 같다.

//Date 객체 생성

today = new Date();

//연도를 구하여 "년" 문자열과 결합한 후 thisY 변수에 저장

thisY = today . getFullYear() + "년" ;

//월 구하여 :월" 문자열과 결합한  후 thisM 변수에 저장

thisM = today . getMonth() + 1 + "월";

//일을 구하여 "일" 문자열과 결합한  후 thisD 변수에 저장

thisD = today . getDate() + "일";

//Debug 패널에 연도, 월, 일을 출력

trace (thisY + thisD);

* today . getMonth()는 9월이면 8을 리턴하기 때문에 1을 더하여 현재 월을 계산한 것이다.

//는 작성한 스크립트를 설명하는 간단한 정보는 작성할 때 사용하는 주석(Commentes)기호이다. [스클립트]패널에서 [Add Script]-[Debugging]-[// comments]항목을선택하면 주석 기호를 [스크립트]패널에 추가할 수 있다.

* 오늘 요일 표시하기

요일 정보를 확인할 수 있는 getDay() 메서드는 일요일이면 0, 월요일이면 1을 리턴하게 되는데 요일 이름을 ,영문,한자 등으로 표현 하려면  getDay() 메서드에 의해 리턴된 수자값에 대응하는 배열 원소를 갖는 배열 데이터 저장소가 필요하다,

즉, 일요일을 의미하는 숫자 0이 리턴되면 배열의 0번 원소에 저장된 값을 요일 이름으로 설정하는 방식이 되면 얼마든지 다양한 요일 이름을 표현할 수 있다.

 onFrame (1) {
    weekName = ["日", "月", "火", "水", "木", "金", "土 "];
    var today = new Date();
    var thisY = today.getFullYear() + "年 ";
    var thisM = today.getMonth() + 1 + "月 ";
    var thisD = today.getDate() + "日 ";
    var thisW = weekName[today.getDay()] + "曜日";
    dateField.text = thisY+ thisM + thisD + thisW;
}

**trace(thisW);**
위 코드는 요일 이름을 한자로 표시하기 위해 요일 이름을 저장한  weekName 배열을 만들고,

today란 이름의 Date객체를 생성한 후  thisW 변수에 요일에 해당하는 값을 저장한 것이다,

따라서 trace()명령문을 사용해서 thisW 변수값을 출력하면 오늘 요일 이름이[디버그]패널에 출력된다,

만약 오늘이 일요일이라면 today.getDay()는 0이므로  weekName[today.getDay()]은 weekName[0]과 같게된다,

weekName[0]은 배열에서 첫 번째 배열 원소인 "일"을 가리키므로 thisW 변수에는 "일요일"이 저장되여,실행하면 [디버그]패널에 "일요일"이 출력된다.

* 시작 파일에는 오늘 날자와 요일을 표시할 다이나믹 택스트가 놓여있다

Name옆-□target(체크)- [D]-하단[Dynamic Text▼]-[Formatting▼]

* "dateField" 다이나믹 택스트에 날자와 요일 표시하기

[Script]탭(선택)-[타임라인]패널-Scene_1행-1번 프레임(선택)-[Guided]-[Expenrt](선택)=전문가 모드(전환)

# 디바이스 폰트(Device Font)?=택스트 가독성을 높여주기 위해 사용하는 옵션이다

디바이스 폰트(Device Font)를 적용하지 않는 택스트는 크기가 작아지면 뭉개진 것처럼 보여 가독성이 떨어집니다,

이를 방지하기 위해 [택스트]패널에서 폰트 유형(Type)을 디바이스 폰트로(선택)하면 글자를 보다 선명하게 할 수 있다.

1번 프레임(선택)상태-[Add Script]-[Events]-[Frame]-[onFrame(...)](선택)

onFrame(1)의 코드 블록인 {와}사이에 다음 코드를 작성한다.

onFrame (1) {
    weekName = ["日", "月", "火", "水", "木", "金", "土 "];
    var today = new Date();
    var thisY = today.getFullYear() + "年 ";
    var thisM = today.getMonth() + 1 + "月 ";
    var thisD = today.getDate() + "日 ";
    var thisW = weekName[today.getDay()] + "曜日";
    dateField.text = thisY+ thisM + thisD + thisW;
}

[Finish]-[레이아웃]패널(이동)-툴바-재생[▶]아이콘(클릭)=확인

★ 플래시와 연동하기

1) 플래시-[Insert]-[New Symbol]메뉴(클릭)=대화상자-"Movie Clip"(선택)

2) [File]-[Import!]-[Import! to Stage]명령으로 *swf 파일을 플래시의 무비클럽 심볼 스태이지로 불어오면 된다.

# 만약, 사운드나 액션이 제대로 작동하지 않는다면 플래시의 LoadMovie 액션을 이용해서 스위시에서 만든 *swf 파일을  불러와 이용해야한다,

이 경우에는 스위시에서 만든 액션이나 사운드 등의 모든 기능이 제대로 작동한다.

★ 210페지 03-09 디지털시계와 아날로그 시계 만들기

현재 시각 표시하기=현재 시,분,초를 Date 클래스로 부터 생성된 cntTime 객체에서 가저오려면 다음과 같은 "메서드"를 사용한다.

메서드= cntTime .getHours() = 현재시간에서 "시"에 해당하는 정보를 리턴한다

           cntTime .getMinutes() = 현재시간에서 "qns"에 해당하는 정보를 리턴한다

           cntTime .getSeconds() = 현재시간에서 "초"에 해당하는 정보를 리턴한다

Date 객체는 갣체가 생성된 순간의 시간 정보를 저장하므로 일정 시간 간격으로 Date 객체를 다시 생성하여 최신 시간 정보가 저장되도록 만드는 것이다,

onEnterFrame() 이벤트 핸들러를 사용해서  1/Frame rate 마다 Date 객체의 시간 정보를 갱신하는 방식으로 현재 시각을 [리버그]패널에 표시한다.

여기서는 시,분,초를 제어할 수 있는 Date 객체의 메서드 getHours() ,getMinutes() ,getSeconds() 를 이용해서 무비에 현재 시각을 표시하는 디지털 시계와 아날로그 시계 제작 방법을 살펴본다,

onEnterFrame() {
    cntTime = new Date();
    thisHour = cntTime.getHours();
    thisMin = cntTime.getMinutes();
    thisSec = cntTime.getSeconds();
    arrowH._rotation = thisHour*30 + thisMin/2;
    arrowM._rotation = thisMin*6;
    arrowS._rotation = thisSec*6;
}
★ onEnterFrame() {
// cntTime = 이름의 Date 객체 생성

    cntTime = new Date();

//thisHour 변수에 "시"에 해당하는 값을 저장

   thisHour = cntTime.getHours();
//   thisHour = 변수에 "분"에 해당하는 값을 저장

    thisMin = cntTime.getMinutes();

//thisHour =  변수에 "초"에 해당하는 값을 저장

    thisSec = cntTime.getSeconds();
// [디버그]패널에 현재 시각을 출력

trace (   thisHour + ";" + thisMin + ";" +  thisSec );

}

function setDigit(getTime) {
    var rtnTime;
    if (getTime < 10) {
        rtnTime = "0"+getTime;
    } else {
        rtnTime = getTime;
    }
    return rtnTime;
}
# onEnterFrame() {
    cntTime = new Date();
    thisHour = setDigit(cntTime.getHours());
    thisMin = setDigit(cntTime.getMinutes());
    thisSec = setDigit(cntTime.getSeconds());
    timeField.text = thisHour + "時" + thisMin + "分" + thisSec + "秒";
}
# 시,분,초를 한자로 변환시=[아웃라인]-timeField(선택)-[패널]-Text(선택)-fontType[D](선택)-[Dynamic Text▼](선택)-[Advanced▽](선택)-글시란의 크기(다이야몬드로 조절)

★ 시,분,초를 항상 두 자리 숫자로 표시하는 setDigit(),함수 만들기