Chapter 1. 플래시 환상의 세계로의 초대 Section 1. 플래시 스토리, 그 몇 가지 이야기 ... 40 01. 웹 프로젝트 팀(플래시 관련 개발팀) 이해하기 ... 40 02. 다양한 플래시 사이트 살펴보기 ... 41 플래시 fla 파일을 제공하는 사이트 - 플래시 키트 ... 41 매크로미디어 플래시의 대표적인 사이트 ... 43 모션 그래픽이 잘된 사이트 ... 44 사운드가 잘 된 사이트 ... 46 3D 효과가 잘 된 사이트 ... 48 사이트 네비게이션이 잘 된 사이트 ... 49 Section 2. 개념을 알아야 플래시가 쉬워진다 ... 50 01. 셀 애니메이션 알아보기 ... 50 02. 프레임 애니메이션 알아보기 ... 50 03. 무비클립 애니메이션 알아보기 ... 51 04. 액션스크립트를 이용한 애니메이션 알아보기 ... 52 Section 3. 유명 사이트는 쉽게 만들어지지 않는다 ... 54 01. 유고 나카무라와의 인터뷰 내용 ... 54 02. 유고 나카무라의 실험 사이트 Yugop.com ... 57 03. 소니사의 CONNECTED_IDENTITY ... 59 04. Playstation의 실험적인 무비들 ... 61 Section 4. 무엇이 바뀌었나? 플래시 MX ... 63 01. 사용자 수준을 고려한 개발 환경과 인터페이스 ... 63 디자이너와 프로그래머를 위한 패널 레이아웃 ... 63 접고 펼 수 있는 패널 구조 ... 64 일관된 속성 관리 패널 ... 64 달라진 타임라인 ... 65 02. 새로워진 액션 스크립트 개발 환경 ... 65 액션스크립트 레퍼런스 ... 66 액션스크립트 코드 힌트 ... 66 개발자를 위한 디버거 ... 67 03. 플래시에 담을 수 있는 비디오 파일 ... 67 04. 툴 기능의 향상 ... 68 05. 다양해진 액션스크립트 ... 69 컴포넌트 프로그래밍 ... 69 이벤트 리스너(Event Listener) ... 70 Section 5. 새로 등장한 Quick Start 템플릿 기능 알아보기 ... 71 01. 마스크 애니메이션 만들기 ... 71 02. 프리젠테이션 활용하기 ... 73 Chapter 2. 플래시 MX로 멋지게 그려보자! Section 6. 이것만은 알고 가자! 플래시의 기본 툴 ... 76 01. 플래시의 화면 구성 살펴보기 ... 76 02. 툴 박스 살펴보기 ... 77 객체 선택하고 변형하기 ... 78 툴 박스를 이용한 기본 드로잉 익히기 ... 82 자유 변형 툴을 사용하여 오브젝트 변형하기 ... 91 색상 조절하기 ... 92 Section 7. 플래시 타임라인 그 해법은 이곳에 있다 ... 95 01. 타임라인 알아보기 ... 95 02. 프레임 알아보기 ... 98 03. 프레임과 라벨 알아보기 ... 101 일반 라벨 작성하기 ... 101 이름 있는 앵커(Named Anchor) 사용하기 ... 102 04. 레이어와 레이어 폴더 ... 102 레이어란 무엇인가? ... 102 레이어에 관한 옵션들 ... 104 레이어의 종류 ... 105 레이어 폴더 다루기 ... 106 05. 어니언 스킨 기능 살펴보기 ... 107 Section 8 플래시에서 비트맵 이미지 자유 자재로 다루기 ... 108 01. 비트맵 이미지와 벡터 이미지 구별하기 ... 108 02. 비트맵 이미지 벡터로 전환하기 ... 109 03. 비트맵 이미지 최적화하기 ... 110 04. 포토샵에서 이미지 편집하기 ... 111 Section 9. 플래시 애니메이션의 핵심은 바로 이것이다 ... 115 01. 모션 트윈 애니메이션 만들기 ... 115 02. 쉐이프 트윈과 애니메이션 이해하기 ... 119 03. 쉐이프 힌트를 사용한 쉐이프 트윈 배우기 ... 123 Section 10. 최적화의 첫걸음! 심볼 만들고 활용하기 ... 127 01. 심볼에서 사용되는 개념 이해하기 ... 127 02. 그래픽 심볼과 애니메이션 알아보기 ... 128 03. 버튼 심볼과 이벤트 알아보기 ... 134 04. 무비클럽과 애니메이션 버튼 만들기 ... 138 Chapter 3. 플래시 애니메이션 기본기 다지기 Section 11. 자연스러운 가이드 라인 애니메이션 만들기 ... 146 01. 가이드 라인으로 개미 애니메이션 만들기 ... 146 02. 마스크 애니메이션 만들기 ... 149 Section 12. 마스크 효과로 돋보기 애니메이션 만들기 ... 152 01. 소스 심볼들 살펴보기 ... 152 02. 돋보기에 액션 넣기 ... 157 Section 13. 모션 블러 효과를 이용하여 오버랩 애니메이션 만들기 ... 161 01. 파란색 캡슐 모션 블러 효과 만들기 ... 161 02. 빨간색 캡슐 모션 블러 효과 만들기 ... 166 Section 14. 광원 효과로 부품 설명 애니메이션 맛보기 ... 172 01. 빛이 지나가는 효과 만들기 1 ... 172 02. 빛이 지나가는 효과 만들기 2 ... 174 03. 투명 버튼 이용하기 ... 176 Section 15. 반짝이는 롤오버 버튼 애니메이션 바 만들기 ... 179 01. 반짝이는 버튼 무비 만들기 ... 179 02. 프레임을 복사해서 다른 색의 버튼 만들기 ... 182 Section 16. 알파 효과를 이용한 자동차 애니메이션 만들기 ... 186 01. 자동차 알파 효과 만들기 ... 186 02. copy 프레임과 Reverse 프레임 사용하기 ... 189 Chapter 4. 멀티미디어 기능이 더욱 강력해진 플래시 Section 17. 네비게이션을 위한 랜덤한 사운드 이퀄라이저 만들기 ... 194 01. 이퀄라이저 이미지 만들기 ... 194 02. 이퀄라이저 액션 적용하기 ... 196 Section 18. 텍스트 변형을 이용한 커서 반응 애니메이션 버튼 만들기 ... 199 01. 텍스트 애니메이션 살펴보기 ... 199 02. 마스크 적용과 액션 넣기 ... 200 Section 19. 사운드 호출 액션을 이용한 라디오 만들기 ... 203 01. 라디오 튜너 만들기 ... 203 02. 액션으로 제어하기 ... 207 Section 20. 사운드 싱크로나이즈를 통한 립싱크 구현하기 ... 210 01. 립 싱크를 위해 알아야 할 것들 알아보기 ... 210 시간을 측정하는 getTimer() 함수 ... 210 발음의 유형에 따른 입 모양 ... 214 나레이션의 데이터를 저장하기 위한 배열 사용법 ... 217 02. 나레이션 예제 따라하기 ... 218 무비클립 설계하기 ... 218 데이터 수집 무비 만들기 ... 221 싱크 인덱싱하고 컨트롤하기 ... 223 Section 21. 플래시에서 비디오 파일 주무르기 ... 228 01. 비디오 파일과 편집 툴 알아보기 ... 228 어도비 프리미어 ... 229 어도비 애프터 이펙트 ... 230 베가스 비디오 ... 231 02. 플래시 무비에서 동영상 구현하기 ... 232 플래시 무비에 비디오 파일 불러오기 ... 232 비디오 슬라이더 만들기 ... 237 Chapter 5. 기초를 통해 쉽게 배우는 액션스크립트 Section 22. 이유를 알면 액션스크립트가 쉬워진다 ... 242 01. 액션스크립트의 사용 환경 알아보기 ... 242 액션스크립트 패널 ... 242 액션 삽입시 알아두면 좋은 것들 ... 243 참조(Reference) 패널의 사용 ... 246 02. get URL 버튼 만들기 ... 246 03. 액션 스크립트로 하부메뉴 만들기 ... 248 Section 23. 액션스크립트 문장 구성의 십계명을 알려주마! ... 251 01. 제1계명 : 연산자를 먼저 알아야 액션스크립트 문장을 만들 수 있다 ... 251 비교 연산자(Comparison Operator) ... 251 논리 연산자(Logical Operator) ... 252 산술 연산자(Arithmetic Operator) ... 252 배정 연산자(Assignment Operator) ... 253 기타 연산자 ... 253 02. 제2계명 : 조건문과 반복문에 무엇이 들어가는지 알아야 한다 ... 254 조건문의 기본 구조 ... 254 반복문의 기본 구조 ... 255 새로 생긴 swich문 ... 256 조건문과 반복문의 조건에 들어갈 항목 ... 256 03. 제3계명 : 변수명은 알기 쉬운 이름으로 써야 한다 ... 258 04. 제4계명 : 예약어는 반드시 대소문자를 구별한다 ... 258 05. 제5계명 : 반복적인 실행을 할 때에는 반드시 함수를 선언해야 한다 ... 259 06. 제6계명 : 데이터가 많으면 무조건 배열로 묶는다 ... 261 07. 제7계명 : 모든 객체 코딩의 시작은 이벤트부터 시작한다 ... 264 08. 제8계명 : 액션스크립트를 잘하려면 경로부터 이해하라 ... 265 09. 제9계명 : 자연 루프를 최대한 활용하여 이벤트의 흐름을 방해하지 않는다 ... 266 10. 제10계명 : 객체의 속성을 최대한 활용하라 ... 268 Section 24. 기본 액션 명령과 함수 이해하기 ... 273 01. 액션스크립트에서 사용되는 용어 알아보기 ... 273 02. 기본 액션 알아보기 ... 274 03. 불필요한 반복을 줄여주는 함수 이해하기 ... 280 함수의 핵심은 정의 ... 281 함수는 호출에 의해서만 사용할 수 있습니다 ... 281 모든 함수가 값을 반환하지는 않습니다 ... 281 함수의 파라미터는 유용할 때가 많습니다 ... 282 04. 플래시에서 함수 정의하기 ... 282 버튼에서 함수 정의하기 ... 282 프레임에서 함수 정의하기 ... 283 무비클립에서 함수 정의하기 ... 284 함수를 정의하는 두 가지 방법 ... 284 05. 이벤트 함수 정의하기 ... 285 버튼에서의 이벤트 함수 ... 285 무비클립에서의 이벤트 함수 ... 285 Section 25. Date 객체 액션을 이용하여 시계 만들기 ... 287 01. 시침, 분침 무비클립 위치 정하기 ... 287 02. 시계 액션 삽입하기 ... 289 Section 26. Math 객체를 활용한 라운드 슬라이더 만들기 ... 291 01. 텍스트 스크롤 버튼 만들기 ... 291 02. Bended 텍스트 스크롤러 만들기 ... 294 Chapter 6. 고급 애니메이션과 인터페이스 설계하기 Section 27. 환상적인 VR 네비게이션 효과 만들기 ... 302 01. 이미지 위치 잡기와 마스크 효과 만들기 ... 302 02. 포토샵에서 이미지 다듬기 ... 303 03. 마우스 반응 VR 효과 만들기 ... 305 Section 28. 재미있는 드롭 다운 네비게이션 만들기 ... 308 01. 메뉴 버튼 만들기 ... 307 02. 서브 메뉴 만들기 ... 311 03. 액션으로 제어하기 ... 314 Section 29. 3D 이미지를 이용하여 인터페이스 만들기 ... 317 01. 3차원으로 회전하는 장면 만들기 ... 317 02. 마우스 반응 액션 만들기 ... 320 Section 30. 텍스트 애니메이션을 이용하여 모션 그래픽 만들기 ... 323 01. 흩뿌려지는 텍스트의 효과 만들기 ... 323 02. 실제 모션 효과 만들기 ... 325 Section 31. 다양한 방법을 이용하여 퍼블리시 하기 ... 330 01. 브라우저 창 크기에 맞게 변하는 무비 만들기 ... 330 02. Full Screen 무비 만들기 ... 331 03. 브라우저로 무비 띄우기 ... 333 04. 버튼을 통해서 브라우저 띄우기 ... 335 Chapter 7. 액션스크립트의 고수 따라잡기 Section 32. 다양한 종류의 플래시 내장 객체 활용하기 ... 340 01. 문자열 다루기 ... 340 02. Key 객체와 Math 객체, 그리고 Mouse 객체 알아보기 ... 349 Key 객체 ... 349 Math 객체 ... 349 Mouse 객체 ... 349 03. 시스템과 관련된 객체 알아보기 ... 350 System 객체 ... 350 Stage 객체 ... 351 Section 33. 무비클립으로 충돌 감지하는 루틴 만들기 ... 353 01. 충돌 감지에 사용되는 함수 알아보기 ... 353 02. 충돌 감지 알고리즘을 활용한 간단한 게임 만들어 보기 ... 355 Section 34. 플래시와 외부 파일 연동시키는 기법 알아보기 ... 364 01. 외부 액션스크립트 파일 사용하기 ... 364 02. 외부의 텍스트 파일 사용하기 ... 366 텍스트 필드 동적으로 만들기 ... 366 외부 데이터 읽어오는 LoadVars 객체 ... 367 03. 플래시에서 XML 사용하기 ... 369 XML은 객체이다 ... 369 XML 객체와 메쏘드들 ... 371 XML을 잘하려면 속성을 먼저 파악해야 한다 ... 371 XML 예제 따라하기 ... 372 Section 35. 스마트 클립보다 발전된 컴포넌트 활용하기 ... 376 01. 컴포넌트의 종류와 특징 알아보기 ... 376 02. 사용자 컴포넌트 만들기 ... 382 Section 36. 객체 지향 기법을 사용하여 개구리 경주 게임 만들기 ... 385 01. 프레임 설계하기 ... 385 02. 게임 화면 구성하기 ... 387 03. 컴포넌트 만들기 ... 390 04. 사용자 입력 받는 인터페이스 만들기 ... 395 05. 게임 운영 액션 작성하기 ... 402 Appendix : 꼭 알아야 할 필수 액션스크립트 항목 01. 기본 액션과 무비클립 메쏘드 ... 409 02. 무비클립 제어를 위한 메쏘드 ... 420 03. 배열을 다루기 위한 메쏘드 ... 429 04. 사운드 객체를 위한 메쏘드 ... 435 05. 무비클립의 속성 열람 ... 443