키보드로 무비 클립 심볼 제어하기

키보드로 무비 클립 심볼 제어하기

처리 과정 • 무비 클립 심볼에서 자체적인 애니메이션으로 만들 이미지 준비 • 새로운 무비 클립 심볼을 만들고 준비된 이미지들을 불러들여 프레임 별 애니메이션을 제작 • 무비 클립 심볼의 인스턴스 이름 설정 • 단추 심볼을 만들어 히트 영역 프레임에만 키프레임 추가 • 단추 심볼에 무비 클럽 심볼의 속성을 제어하는 [SetProperty] 액션 추가

1 단계 : 애니메이션 무비 만들기 • 움직이는 모습을 연속적으로 촬영한 듯한 여러 장의 이미지 준비

새 문서를 만들고 [삽입] > [새 심볼] 명령 선택 • 이름을 ‘나비’라고 입력하고 비헤이비어 유형을 ‘무비 클립’으로 체크

‘나비’ 무비 클립 심볼 편집 모드로 이동 • [파일] > [가져오기] 명령 선택 • [가져오기] 대화상자에서 연속되는 이미지들의 파일 이름 중 가장 첫 번째 파일을 선택하고 열기 단추 클릭

연속되는 파일의 첫 이름을 가져오는 경우 이미지를 프레임 별로 불러 올 것인지 묻는 대화 상자가 나타남 [예] 단추를 클릭 • 불러들인 연속된 이미지는 프레임 별로 하나씩 놓이게 됩니다. • [편집] > [무비 편집] 명령으로 무비 편집 모드로 이동

라이브러리에서 방금 제작한 무비 클립 심볼을 스테이지로 드래그 • 이 심볼을 선택하고 인스턴스 이름 항목에 ‘nabi’라고 입력

새로운 레이어 추가, 사각형 도구로 조그만 사각형 제작

그린 사각형을 선택하고 [삽입] > [심볼로 변환] 명령을 선택 • 이름을 지정하고 비헤이비어 유형을 단추로 설정

사각형의 단추 심볼을 더블 클릭해서 심볼 편집 모드로 이동 • ‘업’ 영역의 키프레임을 ‘히트’ 영역으로 드래그

[편집] > [무비 편집] 명령으로 무비 편집 모드로 이동

2 단계 : 액션 스크립트 사용하기 • 사각형의 단추 심볼을 선택하고 액션 패널에서 [무비 클립 제어]의 [SetProperty] 항목 더블 클릭

속성 항목의 팝업 단추를 눌러 ‘_x (X의 위치)를 선택

대상 항목의 입력란을 클릭하면 아래 [대상 패스 삽입] 아이콘이 활성화 됨 • 이 아이콘을 눌러서 ‘nabi’인스턴스 이름을 더블 클릭

값 항목을 클릭하고 [함수] > [수학 함수]의 [getProperty] 액션을 더블클릭

getProperty 액션의 괄호 안에는 인스턴스 이름과 속성이 들어가고 5픽셀씩 X축 방향으로 이동하기 위해 괄호 밖에 ‘+5’를 넣어 줌

on(release) 항목을 클릭하면 위 부분에 이벤트가 나타남 • ‘키 누름’ 항목을 체크하고 옆 공란의 키보드 공란에 키보드의 오른쪽 방향키를 누름 • ‘놓기’ 항목은 해제

방금 작성한 3행의 구문을 하나씩 클릭해서 모두 선택 • 마우스 오른쪽 단추를 눌러 [복사] 명령 선택

세번째 행을 선택하고 마우스 오른쪽 단추를 눌러 붙여 넣기 명령을 실행

on(release) 항목을 클릭하고 윗부분에 이벤트가 나타나는 이벤트에서 왼쪽 방향키를 눌러 <Left>를 설정하고 값에 ‘getProperty(root.nabi,_x)-5 입력

다시 붙여넣기를 시도하고 이벤트와 속성을 설정 • 속성은 _y(Y위치)로 설정해서 +5 값을 갖도록 설정

또 다시 붙여넣기를 시도하고 이벤트와 속성을 설정 • 속성은 _y(Y위치)로 설정해서 +5 값을 갖도록 설정 • 완성된 무비를 저장하고 제작 미리보기로 완성된 무비를 미리 보기

키보드로 무비 클립 심볼 제어하기

키보드로 무비 클립 심볼 제어하기

Presentation Transcript