플래시 CC 무작정 따라하기

(1)

플래시 CC 무작정 따라하기

다섯째마당 – 액션 스크립트의 활용

(2)

액션스크립트 시작하기

: ActionScript :

080

Actions 패널 표시하기

Timeline 패널에서 레이어 이름을 ‘Actions’

로 수정하고 1프레임을 선택한 다음 마우 스 오른쪽 버튼을 클릭하여 Actions를 실 행

* 〔Window〕 → Actions 를 실 행 하 여 Actions 패널을 표시 가능

액션스크립트 설정하기

〔Edit〕 → Preference를 실행하여 Preferences 대화 상자가 표시되면 ‘Code Editor’를 선택하고 Editing Options 항목에서 Font를 지정하고 <OK>

버튼을 클릭

(3)

코드 조각으로 액션스크립트 맛보기

: Code Snippets :

081

무비클립 심볼 등록하기

객체를 선택하고 〔Modify〕 → Convert to Symbol 을 실행하여 Convert to Symbol 대화상자가 표시 되면 Type을 ‘Movie Clip’으로 지정한 다음 <OK>

버튼을 클릭

인스턴스 이름 입력하기

Properties 패널에서 Instance Name에 ‘jewel’을 입 력하고 〔Window〕 → Code Snippets를 실행

코드 조각 이용하기

Code Snippets 패널이 표시되면 ActionScript → Event Handlers → Mouse Click Event를 더블클릭 하여 선택

(4)

타임라인 제어하기

: Timeline Control :

082

액션스크립트 입력하기

추가한 키프레임에서 키를 눌러 Actions 패널이 표시되면 해당 프레임(25프레임)에서 멈추라는 코드인 ‘stop( );’을 입력

키프레임 추가하기

‘Actions’ 레이어에서 25프레임을 선택하고

〔Insert〕 → Timeline → Blank KeyFrame을 실행

(5)

객체 속성 익히기

: Object Properties :

083

심볼 회전하기

‘ Actions’ 레 이 어 의 1 프 레 임 을 선 택 하 고

〔Window〕 → Actions를 실행하여 Actions 패널이 표시되면 ‘mymc.rotation = 90;’을 입력

심볼 크기 조정하기

‘Actions’ 레이어의 1프레임을 선택하고 F9키 를 눌러 Actions 패널이 표시되면 다음과 같이 심볼 크기를 조절하는 코드를 수정

(6)

이벤트 기초 알아보기

: Event :

085

액션스크립트 입력하기

‘Actions’ 레이어의 1프레임을 선택하고 〔Window〕 → Actions를 실행하여 Actions 패널이 표시되면 다음과 같 이 이벤트 관련 코드를 작성

테스트 무비 실행하기

〔Control〕 → Test를 실행하여 결과를 확인

(7)

이벤트로 타임라인 제어하기

: Timeline Event :

086

타임라인 멈추기

‘Actions’ 레이어의 1프레임을 선택하고 F9 키를 눌러 Actions 패널이 표시되면 다음과 같이 타임라인을 멈추 는 코드를 작성

메인 타임라인 제어하기

리스너 함수 myCallback의 내용을 바꿔 메인 타임라인을 제어하기 위해 ‘Actions’ 레이어의 1프레임을 선택하고 F9 키를 눌러 Actions 패널이 표시되면 다음과 같이 코드를 추가하여 플레이 헤드가 위치한 프레임에서 멈추도록 지 정

(8)

버튼 이벤트 만들기

: URLRequest, navigateToURL :

087

버튼 이벤트 입력하기

〔Window〕 → Actions를 실행 후 Actions 패널이 표시되면 다음과 같이 버튼을 클릭하면 사이트 로 이동하는 코드를 작성

배열 이용하기

두 번째 버튼에는 몇 개의 URL을 저장하여 무 작위로 URL이 연결되도록 다음과 같이 코드를 추가

(9)

장면 이동하기

: prevScene, nextScene :

088

액션스크립트 입력하기

〔Window〕 → Actions를 실행 후 Actions 패널이 표시되면 ‘stop( );’을 입력하여 각각의 장면이 마 지막 프레임에서 멈추도록 설정

액션스크립트 입력하기

이번에는 ‘Actions’ 레이어의 1프레임을 선택하고 F9 키를 누른 뒤, Actions 패널이 표시되면 양쪽 버 튼을 클릭하여 Scene의 이동을 제어하기 위해 다 음의 코드를 입력

(10)

무비클립 회전하기

: Event.ENTER_FRAME :

089

엔터 프레임 이벤트 입력하기

〔Window〕 → Actions를 실행하여 Actions 패널 이 표시되면 다음의 조작 버튼을 클릭해 바람 개비를 회전시키고 멈추는 코드를 입력

회전 속도 변경하기

회전 속도를 변경하기 위해 ‘Actions’ 레이어 의 1프레임을 선택한 다음 F9키를 눌러 Actions 패널을 표시하고 다음과 같이 코드를 수정