PART 1 액션스크립트(프로그램 언어) 개념 Section 1 액션 스크립트 소개 1. 액션스크립트란? ... 26 2. 액션스크립트로 할 수 있는 일 ... 27 플래시를 배울 때 알아두면 좋은 사이트들 ... 28 3. 액션스크립트 에디터 사용법 ... 29 액션 패널 ... 29 액션 도구 상자 ... 30 스크립트 네비게이터 ... 31 스크립트 창 ... 31 스크립트 윈도우 툴바 ... 31 4. 액션스크립트 환경 설정 세부 항목 ... 33 5. 액션스크립트 1.0과 2.0의 차이점 ... 34 6. 첫 번째 액션스크립트 시작 ... 34 Section 2 플래시 8에 추가된 새로운 기능 Section 3 이벤트와 함수 이야기 특별부록 PDF 파일 부록CD2＼PDF＼이벤트와 함수 이야기.pdf 1. 이벤트란? ... 1 2. 이벤트 처리 방법 4가지 ... 2 버튼과 무비클립 이벤트 핸들러 사용(on 핸들러 및 onClipEvent핸들러) (플래시 5이상) ... 2 이벤트 핸들러 사용 (플래시 MX이상) - 콜백형식이라고도 함 ... 5 이벤트 리스너 사용 (플래시 MX이상) ... 9 구성 요소(콤포넌트) 이벤트 처리 ... 12 3. 이벤트 핸들러안에서 this의 범위 ... 15 부록CD2＼동영상＼1부＼이벤트 안에서 this의 의미.wmv 4. 함수이야기 ... 18 함수 선언(또는 정의) ... 18 함수 호출(invocation) ... 19 함수 확장 - 인자(arguments and parameters) ... 19 함수 종료 및 리턴 값 ... 21 함수 안에서 var의 의미는? ... 23 콜백의 의미 ... 23 부록CD2＼동영상＼1부＼함수의 이해.wmv 꼭 알아야 할 함수 setInterval( ) ... 23 Section 4 스크립팅 핵심 기초(CORE) 특별부록 PDF 파일 부록CD2＼PDF＼스크립팅 핵심 기초(CORE).pdf 1. 데이터 ... 1 플래시 데이터 타입(Type) ... 1 데이터 유형 확인 ... 2 2. 변수란? ... 2 변수의 생성 ... 2 변수에 데이터 저장 ... 2 변수 이름을 만들때 주의할 점 ... 3 변수의 소멸(범위) ... 3 3. 연산자 ... 3 산술 연산 ... 4 비교 연산 ... 4 논리 연산 ... 5 항등 연산 ... 6 대입 연산 ... 6 접미사 연산자 ... 7 4. 반복문(loop) ... 7 for 문 ... 7 for~in 문 ... 8 while 문 ... 8 do~while 루프 ... 10 반복문 탈출 ... 10 break 문 ... 10 continue 문 ... 11 5. 조건문 ... 11 if 문 ... 11 if~else 문 사용 ... 11 if~else if 문 사용 ... 12 switch ... 12 6. String 클래스 ... 13 String 클래스의 메소드와 속성 ... 13 String 객체 생성 ... 14 꼭 알아야 할 메소드와 속성 ... 14 7. 배열 클래스 ... 20 array 클래스의 메소드와 속성 ... 20 배열 생성 방법 ... 20 꼭 알아야 할 메소드 ... 21 PART 2 액션스크립트 Classes Section 1 클래스와 객체의 이해 1. 클래스와 객체(인스턴스) ... 44 2. 액션스크립트 클래스의 종류 ... 46 클래스의 종류 ... 45 미리 정의된 클래스 분류 ... 47 Section 2 무비클립 클래스 이야기 1. 무비클립이란? ... 50 메소드 와 속성을 어떻게 이해하면 쉬울까? ... 51 dot 표현방법 ... 53 2. 무비클립 속성 ... 54 위치를 조절하는 속성(_x, _y) ... 57 부록CD2＼동영상＼1부＼액션에서와 저작환경의 기준점 알기.wmv 크기를 조절하는 속성(_width와 Height) ... 63 배율을 조절하는 속성(_xscale, _yscale) ... 66 회전하는 속성(_rotation) ... 71 무비클립 투명도와 표시 여부를 결정하는 속성(_alpha, _visible) ... 72 frame의 정보를 알 수 있는 속성(_currentframe, _totalframes) ... 77 무비클립의 이름을 알아내는 속성(_name) ... 79 마우스 좌표 알아내는 속성(_xmouse, _ymouse) ... 82 활용 예제1 : 마우스의 움직임에 따라 장면 전환하기 ... 85 활용 예제2 : 벽 튀기기 ... 87 활용 예제3 : 무비클립 진행 사항 알아보기(진행바) ... 94 3. 무비클립 메소드 ... 101 메소드의 기능별 구분 ... 104 4. 타임라인 제어 ... 105 간단한 무비클립 타임라인 제어 ... 105 부록CD2＼동영상＼1부＼영상 파일을 import 한 후 무비클립으로 사용하기.wmv 타임라인 조작만을 가지고 만드는 갤러리 ... 108 알파를 사용한 잔잔한 전환 효과 ... 110 사진 반복되게 하기 ... 111 모션 트위닝을 이용한 화면 전환 ... 113 무비클립의 타임라인 제어 ... 114 2개의 버튼을 하나로 사용하기 ... 126 활용 예제4 : 썸네일 이동 갤러리 ... 129 활용 예제5 : 타임라인 속도 조절하기 ... 140 Special point1 경로의 이해 ... 145 활용 예제6 마우스를 따라 상하 좌우 움직이는 무비 ... 146 활용 예제7 계속 흐르는 이미지 ... 146 Special point2 무비클립, 이름, 변수 쉽게 구분하는 방법은? ... 147 5. 무비클립 끌기(DRAG) 와 놓기(DROP) ... 147 드래그 시작 ... 148 드래그 정지 ... 151 포스트잇 효과 ... 151 드래그의 범위 설정 ... 155 스크롤바 제작 ... 158 향상된 스크롤바 제작 ... 162 여러 스크롤바 한꺼번에 사용하기 ... 163 활용 예제8 : 스크롤바를 사용한 응용 예제 ... 165 부록CD2＼동영상＼2부＼라이브러리에서 복제해 쓰는 것과 스테이지에서 복제하는 것의 차이점.wmv 6. 무비클립의 관리 개념(깊이) ... 168 getDepth() 사용해 깊이 알아보기 ... 169 swapDepths() 사용 예 ... 173 활용 예제 9 : 마스크와 swapDepth()를 이용한 갤러리 ... 178 7. 충돌감지(hitTest) ... 181 hitTest 기초학습 1 ... 182 hitTest 기초학습 2 ... 184 hitTest 기초학습 3 ... 186 활용 예제 10 : 조각 맞추기 ... 189 활용 예제 11 : 휴지통에 드래그하면 서서히 없어지는 무비클립 ... 191 활용 예제 12 : 타임라인을 이용한 메뉴 만들기1 ... 191 활용 예제 13 : 타임라인을 이용한 메뉴 만들기2 ... 191 8. 복제와 제거 ... 192 복제의 개념 ... 192 무비클립 복제(duplicateMovieClip) ... 194 무비클립 복제(attachMovie) ... 199 다양한 이벤트와 함께하는 복제 ... 200 마우스 트레일러 ... 202 복제하면서 콜백함수 붙이는 법 배우기 ... 204 영상클립을 복제에 사용해 보자 ... 211 Affter effect를 서용해 불꽃놀이 영상 만드는 법 ... 217 String과 복제를 사용해 TYPO 효과 맘껏 내기 ... 218 마우스로 타이포 그리기 ... 226 마우스의 속도를 스케일로 적용하기 ... 230 복제의 기본적인 패턴 알기 ... 233 활용 예제 14 : 복제를 이용한 눈 내리고 눈 쌓이는 효과 ... 240 활용 예제 15 : 복제를 이용한 매트릭스 타이포 효과 ... 240 활용 예제 15 : 디버거 사용법 ... 241 Secrton 3 EASING(부드러운 모션) 1. 일정한 간격을 가지는 움직임 ... 242 2. 감속 움직임(일명 부드러운 움직임) ... 242 3. 진동 움직임 ... 244 4. 움직임 응용 ... 246 마우스 따라 움직이기 ... 249 클릭한 지점으로 움직이기 ... 250 무비클립 스스로 움직이기 ... 252 움직임의 종료와 함수 사용 ... 256 prototype은 무엇인가? ... 258 복제하면서 부드러운 움직임 주기 ... 259 바네이 메뉴 만들기 ... 262 버튼을 통해 좌우로 부드럽게 움직이는 메뉴 ... 255 setInterval() 함수를 이용한 자동 슬라이드 ... 270 슬라이딩 종합예제 ... 279 hitTest를 이용한 메뉴 슬라이딩 ... 279 스크롤바를 이용한 메뉴 슬라이딩 ... 282 활용 예제 16 : 부드러운 움직임을 이용한 갤러리 제작 ... 284 활용 예제 17 : 드로잉 메소드를 이용한 라인작업과 움직임 ... 284 5. Tween class ... 284 Tween 클래스 기초 ... 287 Tween 클래스를 사용한 확장 축소 ... 289 Tween으로 구현한 버튼을 통해 좌우로 움직이는 메뉴 ... 290 Tween 자동 반복 ... 293 Section 4 Sound 이야기 1. Sound 클래스 메소드의 종류와 설명 ... 296 2. Sound 클래스에서 객체 생성 ... 297 사운드 import하여 사용하는 기본적인 방법 ... 298 3. 사운드를 플래시 안으로 가져와 라이브러리에 놓고 사용하는 방법 ... 299 4. 사운드를 밖에 놓고 무비 재생시 불러들이는 방법 ... 303 사운드를 밖에 놓고 무비 재생시 불러들이는 방법 ... 304 5. 사운드 종료 및 음소거 ... 306 6. 사운드 정지 후 재생 방법 ... 309 7. 사운드 정지(mute) ... 311 8. 사운드 진행상황 알아보기 ... 314 9. 볼륨을 조절하는 방법 ... 316 10. 좌우 스피커의 양을 설정하는 방법 ... 319 11. 재생이 끝난 후 어떤 일을 하고 싶을 때 ... 321 12. 사운드 미세 조정 ... 323 활용 예제 18 : 배경음악 자동 변경하기 ... 327 활용 예제 19 : 이퀄라이져 On & Off ... 330 활용 예제 20 : 쥬크박스 ... 330 Section 5 color 이야기 1. Color 클래스 메소드의 종류와 설명 ... 332 객체 생성 방법 ... 332 2. getRGB()／setRGB() ... 333 3. 플래시에서 색상 표현 방법 ... 333 4. 컬러 변환 ... 340 5. 컬러 오브젝트 사용하여 색칠공부 하기 ... 341 6. getTransform()／setTransform() ... 342 getTransform()／setTransform() 응용 ... 345 스크롤바를 이용한 Advanced Effect 패널 ... 347 인버트 효과 주기 ... 350 Section 6 비디오 이야기 1. 비디오 활용 방법 ... 354 플래시에서 영상파일을 조작하는 두가지방법 ... 354 2. FLV 파일로 변환해 외부에서 사용 하는 법 ... 354 FLV 파일 만드는 방법 ... 354 3. 다양한 방법의 FLV 사용 ... 360 FLV Playback 콤포넌트를 이용해 FLV 재생하기 ... 361 스킨 바꾸어 보기 ... 363 한 개의 FLV PlayBack 컴포넌트에서 여러 개 FLV 재생되게 하기 ... 365 FLV Playback 콤포넌트와 FLV PLayback Custom UI 컨트를 이용하기 ... 368 FLVPlayback 클래스 ... 374 4. 나만의 스킨으로 비디오 플래이어 만들어보자 ... 378 FLV 재생하기 ... 378 재생 시간과 전체 시간 구하기 ... 380 볼륨 MUTE 기능 ... 384 사운드 볼륨바 기능 ... 386 Pause 기능 만들기 ... 387 스트림 상황 체크하기 ... 388 seek bar 제작하기 ... 390 여러 개의 영상을 한 화면에서 보기 ... 392 5. 큐 포인트 ... 396 큐 포인트란 ... 396 큐 포인트 3가지 형태 ... 396 큐 포인트 삽입과 활용방법 ... 397 액션스크립트 큐 포인트 삽입하기 ... 402 큐 포인트 제거 방법 ... 404 큐 포인트 사용해 자막처리 하기 ... 404 연속 재생 방법 ... 410 6. 알파효과 적용 ... 411 알파 효과 ... 411 애프터 이팩트에서 Color key 작업하기 ... 419 알파효과 적용된 FLV → SWF로 가져와 사용하기 ... 419 Section 7 Date 객체 이야기 1. Date 객체 메소드 ... 424 2. Date 객체 생성 방법 ... 425 3. 꼭 알아야 할 메소드 살펴보기 ... 425 4. 날짜와 요일을 나타내기 ... 427 5. 디지털 시계 ... 428 6. 꼴라주로 만든 시계 ... 435 7. 아날로그 시계 만들기 ... 439 8. 날짜 계수하기 ... 439 날짜 계수하기 ... 441 D-day 표시해 주기 ... 442 Section 8 기타 객체 1. Key Object ... 444 Key Object의 메소드 속성 이벤트 ... 444 키보드 이벤트 처리방법 ... 448 Key 오브젝트를 이용한 무비클립 이동하기 ... 452 키보드 인터렉션 ... 453 2. PrintJob 클래스 ... 453 PrintJob 클래스의 메소드 속성과 이벤트 ... 453 플래시에서 약도(오시는 길)를 출력해 보자 ... 455 마우스로 영역 설정해 출력하기 ... 456 3. 마우스 객체 ... 458 마우스를 숨기는 방법 ... 459 마우스를 나타내는 방법 ... 459 휠 마우스를 사용하는 방법 ... 459 PART 3 플래시 밖으로, 그리고 ALL FLASH Section 1 외부파일 사용하기 1. SWF와 그림 파일 불러오기 ... 464 외부 이미지 불러보기 ... 464 액션만으로 무비클립 만들어 이미지 불러오기 ... 470 외부이미지 불러 멋진 갤러리 만들기 ... 471 경로 이야기(_lockroot) ... 475 2. Transitions 패키지를 이용한 장면 전환 ... 479 TransitionManager클래스의 메소드 속성 이벤트 ... 479 전환의 종류 ... 481 easing 전환과 메소드 ... 488 Tween과 Transition 클래스를 사용한 포토갤러리 만들기 ... 489 Transition 클래스를 사용한 overlap 효과 갤러리 만들기 ... 491 다양한 효과 적용해 보기 ... 499 자동으로 사진 넘기기 ... 502 3. MovieClipLoader 클래스를 사용해 보자 ... 503 MovieClipLoader의 이벤트와 메소드 ... 504 MovieClipLoader사용법 ... 505 onLoadInit 이벤트 사용해 로드 후이미지 중앙에 뛰우기 ... 509 프리로딩 만들기(onLoadProgress) ... 513 4. 내가 만드는 전환 효과 ... 518 5. 텍스트 파일 불러오기 ... 518 LoadVars 객체 ... 519 LoadVars 객체 생성 ... 520 텍스트 데이터 불러오기(load) ... 520 서버에 데이터 보내기(send) ... 521 데이터 보내고 받기(sendAndLoad) ... 522 onLoad 이벤트 필요한 이유 ... 522 한글처리 문제 ... 524 개행처리 문제 ... 525 공지사항 만들기 ... 528 외부파일에서 불러올 사진 세팅하기 ... 531 텍스트필드 객체 다루어 보기 ... 533 Section 2 ALL FLASH 사이틀 만들기(이 장은 전체가 영상 강의입니다) 1. ALL FLASH 사이트 개념 ... 536 2. 일반 HTML 구조 사이트 ... 536 3. ALL FLASH 사이트 ... 537 4. loadMovieNum()과 loadMovie() 차이 ... 537 5. preLoading 제작 원리 ... 539 6. 샘플 ALL FLASH 사이트 설명 ... 540 7. 샘플 ALL FLASH 사이트 전체 구조도 ... 542 8. 샘플 ALL FLASH 사이트 각 레벨에 로드되는 무비 설명과 레벨 정의 ... 543 Section 3 플래시 8 새로운 기능 1. Blending Modes(블렌드 모드) ... 550 2. Filter ... 551 BlurFilter ... 555 BlurFilter 효과 ... 556 바네이 메뉴에 블러 필터 효과 넣기 ... 560 외부이미지 불러와 블러 필터 적용 ... 562 타이포에 블러 필터 적용 ... 565 3. BitnapData 사용하기 ... 566 비트맵 데이터 클래스의 속성과 메소드 ... 566 비트맵 객체 만들기 ... 567 비트맵 객체 생성 ... 568 뛰어난 기능 - Draw() 메소드 - 스냅샷 ... 572 외부에서 불러온 이미지 비트맵으로 사용하기 ... 574 4. 비트맵 객체를 사용한 다양한 활용 예제 ... 577 비디오 클립을 스냅 샷해 보자 ... 577 웹 캠을 스냅 샷 하기 ... 579 캠을 이용한 방범 감시 시스템 제작 ... 582 비트맵의 색상정보 추출하기 ... 587 픽셀 디졸브의 이해 ... 589 픽셀 디졸브를 이용한 갤러리 ... 592 5. 플래시에서 파일 DOWNLOAD／UPLOAD ... 596 Download()구현 ... 597 File UPLOAD 구현 ... 600 Section 4 플래시 - 자바스크립트와 연동 특별 부록 PDF 파일 부록CD2＼PDF＼플래시 - 자바스크립트와 연동.pdf 1. 자바스크립트 ... 1 자바스크립트의 역사 ... 1 자바스크립트의 역할 ... 1 자바스크립트의 특징 ... 2 자바스크립트 사용법 ... 2 이벤트와 이벤트 핸들러의 이해 ... 3 객체지향의미 ... 4 자바스크립트의 객체 모델 ... 5 2. windows 객체 ... 5 window. open()함수 ... 7 간단한 창 띄우기 ... 9 다양한 옵션을 적용해 창 띄우기 ... 10 창 한 개 이상 띄우기 ... 13 페이지 접속하자마자 창 띄우기 ... 14 부모창과 자식 창사이 인식 ... 15 자식창을 클릭하면 자식창은 사라지고 부모창 이동 ... 15 window. close()함수 ... 17 창 이동하기(moveTo() moveBY()) ... 17 창 흔들기 ... 18 창 사이즈 변경하기(resizeTo() resizeBy()) ... 19 창을 내 맘대로 조절(move, resize 동시에 사용) ... 20 창을 특정 지점으로 이동시키기 ... 21 완성된 창 움직임(위치와 크기) ... 30 3. 플래시에서 자바스크립트와 통신 ... 33 alert경고창 메시지를 띄워보는 간단한 연동 ... 34 플래시에서 getURL 사용(이전 버전에서 주로 사용한 방식) ... 35 Publish한 HTML 페이지 살펴보기 ... 39 ExternalInterface 클래스 사용해 자바스크립트 호출하기 ... 40 플래시에서 창 오픈하기 ... 42 플래시에서 창 이동하기 ... 44 플래시에서 HTML 배경색 바꾸기 ... 47 플래시에서 창 사이즈 맘대로 조절하기 ... 51 자바스크립트의 resizeTo() 메소드 사용시 꼭 알아두어어야 할 사항 ... 56 활용 예제 21 : 창이 조절 되는 갤러리 ... 56 4. 자바스크립트(HTML문서)에서 플래시함수 호출 ... 66 자바스크립트에서 SWF 함수 호출하기 ... 67 HTML에서 SWF의 타임라인 조작하기 1 ... 71 HTML에서 SWF의 타임라인을 조작하기 2(매개변수 활용) ... 74 두 개 이상의 다른 부라우저 창이 서로 통신하기 ... 77 두 개의 SWF가 서로 통신하기 ... 82 두 개 이상의 다른 브라우저 창 제어하기 ... 83 플래시 위에 제로보드(게시판) 올리기 ... 83 제로보드 설치와 스킨 변경 방법 ... 91