플래시 MX & 액션스크립트 길라잡이

소개

머리말
베타테스터 추천의 글
이 책을 보는 방법
부록 CD-ROM 사용하기
따라하다 안 될 때는 이렇게!
책에서 다루지 않은 내용을 알고 싶을 때


Chapter 1 플래시 MX와의 첫 만남

Section 1 플래시에 대하여
1. 플래시란?
2. 플래시 애니메이션의 특징
1. 폭넓은 활용 범위와 풍부한 기능
2. 웹에서 사용하기 적합한 적은 파일 용량
3. 액션스크립트를 이용한 뛰어난 상호 작용

Section 2 플래시 MX 설치, 실행, 종료
1. 플래시 MX를 설치하기 위한 시스템 사양
2. 플래시 MX 평가판 설치하기
3. 플래시 MX 실행하고 종료하기

Section 3 새로워진 플래시 MX 살펴보기
1. 플래시 MX의 새로운 기능
1. 비디오(동영상 파일) 지원
2. 속성 관리자(프로퍼티 인스펙터)의 도입과 효율적인 패널 관리
3. 이름이 있는 앵커의 사용과 이미지와 사운드 파일의 동적 로딩
4. 미리 만들어진 인터페이스 구성 요소와 새로운 템플릿의 지원
5. 자유 변형 도구와 픽셀 물리기
6. 다국어 및 다양한 미디어 환경 지원
7. XML 및 서버 데이터와의 효과적인 연동
2. 플래시 MX의 향상된 기능
1. 타임라인과 라이브러리, 컬러 믹서 기능 향상
2. 매크로미디어사의 다른 제품과 연동하는 기능의 향상
3. 액션스크립트(ActionScript) 편집기와 함수의 개선
3. 플래시 MX의 화면 구성
1. 플래시 MX의 세 가지 작업 모드
2. 플래시 MX의 전체 화면 구성 살펴보기
3. 스테이지(Stage) 및 작업 영역
4. 타임라인(Timeline)
5. 툴박스
4. 플래시 MX의 메뉴
1. File 메뉴
2. Edit 메뉴
3. View 메뉴
4. Insert 메뉴
5. Modify 메뉴
6. Text 메뉴
7. Control 메뉴
8. Window 메뉴
9. Help 메뉴
익스텐션 알아보기

Section 4 플래시를 사용하기 위한 기본 지식
1. 플래시의 파일 포맷에 대한 이해
2. 플래시 문서의 기본적인 작업 환경 설정하기
3. 플래시의 작업 환경(Preferences) 대화 상자 살펴보기
1. [General] 탭
2. [Editing] 탭
3. [Clipboard] 탭
4. [Warnings] 탭
5. [ActionScript Editor] 탭


Chapter 2 플래시 MX 내 것으로 길들이기

Section 1 드로잉 툴로 그림 그리기
1. 컴퓨터 그래픽 표현 방식의 이해
2. 드로잉 툴의 기본 사용법
1. 드로잉 툴의 사용법
2. 프로퍼티 인스펙터를 이용한 오브젝트의 속성 설정
3. 직선 툴 사용하기
4. 원형 툴과 사각형 툴 사용하기
5. 외곽선만 있는 도형 그리기
6. 외곽선 없는 도형 그리기
7. 모서리가 둥근 사각형 그리기
3. 선택 툴과 올가미 툴 사용하기
1. 선택 툴 사용하기
2. 마우스의 커서 모양에 따른 선택 툴의 사용
3. 올가미 툴 사용하기
4. 펜 툴과 부분 선택 툴 사용하기
1. 펜 툴 사용하기
2. 부분 선택 툴 사용하기
5. 연필 툴과 브러시 툴 사용하기
1. 연필 툴 사용하기
2. 브러시 툴 사용하기
3. 잠금 기능 이해하기
6. 자유 변형 툴과 지우개 툴 사용하기
1. 자유 변형 툴 사용하기
7. 지우개 툴 사용하기
8. 잉크병 툴, 페인트통 툴, 스포이드 툴 사용하기
9. 페인트통 툴 사용하기
1. 페인트통 툴의 옵션
10. 스포이드 툴 사용하기
11. 그라디언트 사용하기
1. 컬러 믹서 패널에서 그라디언트 색상 편집하기
12. 텍스트 툴로 글자 입력 및 꾸미기
1. 텍스트 프로퍼티 인스펙터
2. 텍스트 툴 사용하기

Section 2 오브젝트 속성과 쓰임
1. 오브젝트 속성의 이해
2. 텍스트와 이미지를 이용한 그래픽 만들기


Chapter 3 플래시 애니메이션, 기초를 튼튼히!

Section 1 심볼 이해하기
1. 심볼의 개념과 종류
1. 심볼이란?
2. 심볼의 종류
2. 심볼을 만드는 두 가지 방법
1. Convert to Symbol 명령으로 그래픽 심볼 제작하기
2. New Symbol 명령으로 무비클립 심볼 제작하기
3. 버튼 심볼 만들기
1. 마우스에 반응하는 롤오버 버튼 만들기
2. 가상 버튼 만들기
4. 심볼 편집하기
1. 심볼 편집 모드로 전환하는 방법 1 : Edit Symbol & Edit Selected
2. 심볼 편집 모드로 전환하는 방법 2 : Edit in Place
3. 심볼 편집 모드로 전환하는 방법 3 : 심볼 팝업 버튼
4. 심볼 편집 모드로 전환하는 방법 4 : 라이브러리 윈도우
5. 심볼의 사용과 인스턴스
1. 심볼 반복 사용하기
2. 심볼과 인스턴스
3. 심볼 교체하기(Swap Symbol)

Section 2 라이브러리 이해하고 활용하기
1. 라이브러리(Library) 패널의 구성과 기능
2. 라이브러리 패널 다루기
1. 외부 파일의 라이브러리 가져오기
2. 자신만의 라이브러리를 프로그램에 추가하기
3. 심볼의 속성 변경
4. 심볼 복제
3. 공유 라이브러리 기능 사용하기
1. 심볼에 공유를 설정하는 방법
2. Linkage Properties 대화 상자
3. 심볼에 공유를 설정해 다른 무비에서 사용하기
4. 새로운 무비에서 공유 아이템 사용하기

Section 3 타임라인과 프레임
1. 타임라인(Timeline)이란 ?
2. 타임라인 패널의 구성과 기능
3. 프레임과 키프레임
1. 프레임의 모습에 따른 주요 작업 상태 구분하기
2. 프레임 팝업 메뉴와 단축키
4. 타임라인에서 프레임 작업하기
1. 프레임 삽입하기
2. 프레임 삭제 및 수정하기
5. 플래시 애니메이션 만들기(CITY NIGHT)
Distribute to Layers로 텍스트 애니메이션 쉽게 작업하기

Section 4 레이어의 개념과 사용 방법
1. 레이어의 개념과 쓰임
2. 레이어 팝업 메뉴와 레이어 속성 대화 상자
1. 레이어 팝업 메뉴
2. 레이어 속성 대화 상자
3. 레이어 다루기
1. 레이어 및 레이어 폴더 삽입 및 삭제
2. 순서 변경
3. 레이어 이름 바꾸기
4. 레이어 보이기 및 숨기기
5. 외곽선으로 보기
6. 잠금 및 잠금 해제
4. 레이어 폴더 및 가이드 레이어
1. 레이어 폴더 사용하기
2. 가이드 레이어 사용하기
5. 플래시 애니메이션 만들기(FLASH EFFECT)

Section 5 프레임 단위 애니메이션과 트위닝 애니메이션
1. 프레임 단위(Frame by Frame) 애니메이션
2. 트위닝 애니메이션1 : 모션 트위닝(Motion Tweening)
1. 위치 이동 모션 트위닝 애니메이션 만들기
2. 크기 변형 모션 트위닝 애니메이션 만들기
3. 색상 변화 모션 트위닝 애니메이션 만들기
4. 가속도 설정하기
3. 트위닝 애니메이션2 : 셰이프 트위닝(Shape Tweening)
1. 텍스트 몰핑 효과 만들기
2. 도형의 모양이 노란 사각형에서 빨간 원으로 바뀌게 만들기
4. 가이드 라인을 이용한 모션 트위닝 애니메이션
5. 마스크 애니메이션 만들기
6. 플래시 애니메이션 만들기(DOG & HEN)


Chapter 4 플래시 무비 Publish하기

Section 1 플래시 무비 Publish하기
1. Publish란?
2. 완성된 플래시 무비 Publish하기
플래시 무비 최적화하기

Section 2 Publish Settings 설정하기
1. Format 탭 설정하기
2. Flash 포맷의 Publish 설정하기
3. HTML 포맷의 Publish 설정하기
4. GIF 포맷의 Publish 설정하기
5. JPEG 포맷의 Publish 설정하기
6. PNG 포맷의 Publish 설정하기
7. QuickTime 포맷의 Publish 설정하기
8. 실행 파일(*.exe) 만들기

Section 3 실전을 위한 Publish 테크닉
1. 배경이 투명한 무비 만들기
2. 브라우저 창 크기에 따라 무비 크기가 변하게 만들기


Chapter 5 FLASH MX 액션스크립트의 세계로

Section 1 액션스크립트 프로그래밍 시작을 위한 준비
1. 액션스크립트로 표현의 다양성을 연출한다.
1. www.flight404.com
2. www.natzke.com
3. www.praystation.com
4. www.uncontrol.com
2. 액션스크립트와 관련 있는 정보 공유 사이트
1. Macromedia 한국 디자이너/개발자 센터 (http://www.macromedia.com/kr/desdev)
2. Macromedia 한국 뉴스 그룹 (news://forums.macromedia.com/macromedia.general.korea)
3. FLASHMX-CODERS Forum (http://www.shinstudio.com/forum)
3. 효율적인 작업 화면 구성하기
4. 편리해진 [Actions] 패널 살펴보기
1. [Actions] 패널
2. [Actions] 패널 팝업 메뉴 사용하기
3. 편집 모드 전환하기
4. Normal mode에서 작업하기
5. Expert mode에서 작업하기
5. [Actions] 패널의 다양한 기능
1. 구문 검사(Check Syntax) 기능
2. 자동 서식(Auto Format) 기능
3. Code Hints 기능
4. [Reference] 패널 사용하기
Code Hint 사용하기
6. [Actions] 패널의 편집 환경 설정하기

Section 2 액션스크립트 프로그래밍을 위한 기본 개념들
1. 선언문
2. 연산자
3. 내장 클래스와 내장 객체
4. 전역 함수와 전역 속성
5. 객체의 메소드와 속성
1. 내장 객체의 메소드와 속성을 사용하는 방법
2. 내장 클래스로부터 만들어진 객체 인스턴스의 메소드와 속성을 사용하는 방법
3. 무비클립, 버튼 객체 인스턴스의 메소드와 속성을 사용하는 방법
6. 무비클립
7. 이벤트
8. 액션스크립트를 작성할 수 있는 세 가지 대상
1. 프레임에 액션스크립트 작성하기
2. 버튼 인스턴스에 액션스크립트 작성하기
3. 무비클립 인스턴스에 액션스크립트 작성하기
9. 사용이 권장되지 않는 액션스크립트 명령어

Section 3 액션스크립트 코드를 구성하는 기본 요소
1. Dot Syntax
2. 코드블록
3. 세미콜론( ; )
4. 함수 호출 연산자/그룹 연산자
5. 대문자 소문자 사용 규칙
6. 주석(Comments)
7. 상수(Constants)
액션스크립트 코드를 외부 액션스크립트 파일로 만들고 재사용하기

Chapter 6 액션스크립트 프로그래밍 문법

Section 1 변수 만들고 사용하기
1. 변수 만들기
2. 변수에 데이터 저장하기
3. 변수 사용하기
1. 1번 프레임에서 선언한 변수를 10번 프레임에서도 사용할 수 있습니다
2. 무비클립의 타임라인에 선언한 변수는 해당 타임라인 영역에서만 유효합니다
4. 전역 변수 만들고 사용하기
1. 전역 변수 만들고 사용하기

Section 2 데이터 다루기
1. 원시 데이터와 복합 데이터
2. 데이터형의 종류
3. 데이터형 변환

Section 3 연산자
1. 연산자 우선 순위
2. 수학 연산자
3. 비트 연산자
4. 대입 연산자
5. 복합 대입 연산자
6. 비교 연산자
7. 논리 연산자
8. 기타 연산자

Section 4 선언문(조건문, 반복문)
1. if / else / else if 선언문
2. switch 선언문
3. while 선언문
4. do-while 선언문
5. for 선언문
6. break 선언문
7. continue 선언문
8. for ... in 선언문

Section 5 사용자 정의 함수
1. 사용자 정의 함수 만들고 호출하기
2. 함수에 정보 전달하기
3. return 선언문
4. 함수 리터럴
5. 전역 함수 만들기

Section 6 이벤트 처리하기
1. 버튼 이벤트
2. 무비클립 이벤트
3. 이벤트 핸들러 메소드
4. 이벤트 리스너(Event Listener)


Chapter 7 액션스크립트 활용하기

Section 1 무비클립1 : 무비클립의 내장 속성 활용하기
1. 무비클립의 내장 속성 요약
2. _alpha 속성으로 반짝이는 무비클립 만들기
3. _x 속성을 이용해서 무비클립을 움직이게 만들기
4. _x 속성을 이용해서 움직이는 배경 화면 만들기
5. _visible 속성으로 무비클립 인스턴스 감추기
6. _rotation 속성으로 무비클립 회전시키기
7. _xmouse와 _ymouse로 마우스를 따라 다니는 무비클립 만들기
8. _droptarget 속성으로 무비클립 중첩 감지하기
9. _currentframe으로 효율적인 작업하기
10. _width와 _xscale, _height와 _yscale의 차이점 이해하기
11. _framesloaded, _totalframes 속성으로 프리로딩 Scene 만들기
Section 2 무비클립2 : 무비클립의 내장 메소드 활용하기
1. 무비클립의 내장 메소드 요약
2. duplicateMovieClip()으로 무비클립 복제하기
1. 무비클립 인스턴스를 복제하면서 동적으로 속성과 변수 값 설정하기
3. attachMovie()로 무비클립 복제하기
1. 라이브러리의 심볼을 연결(Linkage)하는 방법
2. attachMovie() 메소드 사용 형식
3. 라인 아트(Line Art) 무비 만들기
4. createEmptyMovieClip()으로 비어 있는 무비클립 인스턴스 만들기
5. createTextField()로 텍스트필드 만들기
1. 액션스크립트로 텍스트필드 만들기
6. removeMovieClip()로 복제된 무비클립 제거하기
1. 스크립트로 복제된 무비클립 인스턴스 제거하기
7. startDrag(), stopDrag()로 무비클립 Drag&Drop 기능 만들기
8. swapDepths()로 무비클립 인스턴스의 계층 위치 바꾸기
9. setMask()로 마스크 효과 만들기
1. 마스크 효과 적용하기
10. hitTest()로 스냅(Snap) 효과 만들기
1. 무비클립 충돌 체크하기
11. getURL() 메소드 이해하기
1. getURL()을 이용해서 링크 만들기
2. getURL()을 이용해서 자바스크립트의 alert 명령어를 실행시키기
3. getURL()을 이용해서 HTML 문서에 있는 자바스크립트의 함수 호출하기
12. loadMovie()로 이미지-플래시 무비 갤러리 만들기
13. getBytesLoaded(), getBytesTotal()으로 프리로딩 Scene 만들기
Section 3 무비클립3 : 무비클립의 드로잉 메소드 활용하기
1. 무비클립의 드로잉 메소드 요약
2. 라인과 도형 드로잉의 기초 moveTo()와 lineTo() 메소드 이해하기
1. moveTo(), lineTo() 메소드로 사각형 도형 드로잉하기
3. 마우스로 라인 드로잉하기
1. 마우스로 라인 드로잉하기
4. beginFill() 메소드로 도형 색칠하기
1. beginFill() 메소드로 도형 색칠하기
5. beginGradientFill() 메소드로 도형 색칠하기
1. beginGradientFilll() 메소드로 사각형 도형을 그라디언트 색상으로 칠하기
6. 마우스로 사각형 도형 드로잉하기
1. 제작 원리
2. 마우스로 사각형 도형 드로잉하기
7. curveTo() 메소드로 원형 도형 드로잉하기
1. curveTo() 메소드 이해하기
2. curveTo() 메소드로 원형 도형 드로잉하기

Section 4 버튼 인스턴스를 액션스크립트로 제어하기
1. 이제는 버튼도 무비클립처럼 다룬다
2. tabIndex 속성으로 버튼 포커스 이동 순서 제어하기
3. useHandCursor 속성으로 버튼 영역에서 마우스 포인터 모양 제어하기
4. tabEnabled 속성으로 탭()에 의한 포커스 이동 제어하기
5. 버튼 이벤트 핸들러 메소드로 버튼 액션 만들기
Anchor 기능으로 웹 브라우저의 History 버튼 사용하기

Section 5 사운드 제어하기
1. Sound 클래스 이해하기
2. 동적으로 무비에 사운드 추가하기
3. 배경 음악 반복 재생시키기
1. onSoundComplete 이벤트 핸들러 메소드를 사용하는 방법
2. start() 메소드를 사용하는 방법
4. 볼륨 조절기 만들기
5. 연주 진행 표시기 만들기
6. 뮤직 플레이어 만들기
7. 사운드 on/off 기능 만들기

Section 6 Color 객체로 구현하는 효과
1. Color 객체 이해하기
2. 무비클립 인스턴스의 색상 제어하기

Section 7 Key 객체로 구현하는 효과
1. Key 객체 이해하기
2. 키보드로 무비클립 인스턴스 제어하기

Section 8 Date 객체와 getTimer() 전역 함수로 구현하는 효과
1. Date 객체 이해하기
2. 화면에 오늘 날짜와 요일을 표시하기
3. getTimer() 전역 함수로 카운트다운 기능 만들기
4. 경과한 시간을 분과 초 단위로 표현하기
5. 디지털 시계 만들기
6. 아날로그 시계 만들기

Section 9 Math 객체로 구현하는 효과
1. Math 객체 이해하기
2. Math.atan2() 메소드로 마우스를 향해 움직이는 무비클립 만들기
Section 10 배열을 사용한 데이터 처리 기법
1. 복합 데이터를 다룰 수 있는 배열(Array) 객체 이해하기
2. sort() 메소드로 숫자 데이터를 오름차순, 내림차순으로 정렬하기
3. 중첩 배열로 마우스의 이동 경로 기록하기

Section 11 String 객체로 구현하는 효과
1. String 객체 이해하기
2. indexOf() 메소드로 이메일 주소 유효성 검사하기
3. substring() 메소드로 타이핑 뉴스 보드 만들기

Section 12 콤포넌트 활용하기
1. 내장 콤포넌트 Flash UI Components의 종류와 사용 방법
2. CheckBox 콤포넌트 사용하기
1. 체크박스 콤포넌트로 체크박스 만들기
3. ComboBox 콤포넌트 사용하기
1. ComboBox 콤포넌트로 셀렉트 메뉴 만들기
4. ListBox 콤포넌트 사용하기
5. PushButton 콤포넌트 사용하기
6. RadioButton 콤포넌트 사용하기
1. 라디오버튼 콤포넌트 사용하기
7. ScrollBar 콤포넌트 사용하기
1. 스크롤바 콤포넌트와 텍스트필드 연결하기
8. ScrollPane 콤포넌트 사용하기
1. 스크롤팬 콤포넌트와 무비클립 연결하기
9. Extention Manager로 콤포넌트 추가하기
1. 확장 콤포넌트 다운로드 하기
2. Extention Manager 설치
3. 확장 콤포넌트 추가하기

Section 13 텍스트필드와 콤포넌트로 회원 가입 양식 만들기
1. 텍스트필드로 '회원 가입 폼' 만들기
2. '스크롤바' 콤포넌트로 '회원 가입 폼' 꾸미기
3. '라디오버튼' 콤포넌트로 '회원 가입 폼' 꾸미기
4. 'PushButton' 콤포넌트로 '회원 가입 폼' 꾸미기

Section 14 자바스크립트와 연동하기
1. fscommand() 내장 함수 이해하기
2. 플래시 무비에서 팝업 윈도우 만들기
3. 자바스크립트로 메뉴 URL 관리하기

Section 15 외부 데이터와 연동하기
1. 외부 데이터를 로딩하는 LoadVars 클래스 사용 방법
1. LoadVars 클래스를 사용해서 외부 데이터를 로딩하기
2. 유효한 텍스트 데이터 문서 만들기
3. 텍스트 데이터 문서를 이용해서 공지 사항 보드 만들기
4. 유효한 XML 데이터 문서 만들기
XML 문서 분석하기
5. XML 데이터 문서를 이용해서 텍스트 메뉴 만들기
1. XML 데이터 로딩하기
2. 로딩된 XML 데이터 가공하기
3. createTextField() 메소드를 이용해서 동적으로 생성되는 메뉴 만들기

Section 16 비디오 파일 사용하기
1. 사용할 수 있는 비디오 파일 포맷
2. 비디오 파일 불러 오기
3. 비디오 파일 제어하기
prototype을 이용해서 클래스로부터 상속되는 메소드 만들기


부 록

Section 1 톡톡 튀는 나만의 플래시 게시판 만들기
1. 웹 서버 준비하기(www.brinkster.com에서 NT 계정 만들기)
2. 웹 서버에 게시판 설치하기
1. dbConnect.asp 파일 수정하기
2. 게시판 구성 파일 업로드하기
3. board.mdb 데이터베이스 파일 업로드하기

Section 2 템플릿 활용하기
1. 플래시 MX 템플릿에는 어떤 것들이 있나?
2. PhotoSlideshow 템플릿으로 포토 갤러리 만들기
3. Presentation 템플릿으로 프리젠테이션 무비 만들기
4. Menus 템플릿으로 드롭다운 트리 메뉴 만들기
5. 사용자 정의 템플릿 만들기

Section 3 Key 객체의 Key code 색인
1. Key 객체의 문자 및 숫자의 키 코드
2. Key 객체의 숫자 패드의 키 코드
3. Key 객체의 Function key의 키코드
4. Key 객체의 특수 문자 및 기타 기능 키의 키코드

찾아보기