Transcript 조각 퍼즐 게임 만들기

•조각 퍼즐 게임 만들기
•처리 과정
•조각 퍼즐로 만들 이미지 준비
•[가져오기] 명령으로 준비된 이미지를 불러들이고 [분리] 명령을 적용
•이미지를 격자에 맞춰 일정 크기로 조각
•조각난 이미지들을 무비 클립 심볼로 변환
•무비 클립 심볼의 편집 모드에서 이미지를 단추 심볼로 변환
•[startDrag], [stopDrag] 액션을 적용하고 이벤트 설정
•1 단계 : 이미지 조각 나누기
•조각 그림 맞추기에 필요한 400x300 사이즈의 이미지 준비
•새 문서를 만들고 [문서 속성] 대화상자에서 크기를 500 X 330으로 설정
•[보기] > [격자] > [격자 편집] 명령 선택
•[격자] 대화상자에서 격자 표시항목만 체크
•가로, 세로 길이는 각각 100px로 설정
•[파일] > [가져오기] 명령으로 준비된 이미지 불러오기
•불러들인 이미지를 화면에 맞게 조정
•스테이지에 위치한 이미지를 선택하고 이미지를 조각내기 위해서 [수정] > [분
리] 명령 적용
•[분리] 명령이 적용된 이미지 위에 선 도구를 사용하여 격자와 일치하는 직선
을 그려 그물망 모양을 제작
•화살표 도구로 쪼개진 이미지의 일부분을 선택하고 [삽입] > [심볼로 변환] 명
령으로 무비 클립 심볼을 제작, 심볼의 이름은 순서대로 m01, m02…
•이미지의 다른 부분을 선택하기 쉽게 만들어진 무비 클립 심볼은 스테이지에서 삭
제
•다른 쪼개진 이미지들도 무비 클립 심볼로 모두 제작
•2 단계 : 드래그 액션 적용하기
•라이브러리 창에 등록된 m01’ 무비 클립 심볼 아이콘을 더블 클릭해
서 심볼을 편집 모드로 이동
•이미지를 선택하고 [심볼로 변환] 명령으로 단추 심볼로 제작
•이름을 b01로 설정, 비헤이비어 유형은 단추로 체크
•나머지 무비 클립 심볼들도 각각의 심볼 편집 모드로 들어가 포함된 이미지를
단추 심볼로 제작
•‘mo1’ 무비 클립 심볼 편집 모드로 이동하고 액션 패널을 열어둠
•편집 모드 안에는 위 과정에서 만든 단추 심볼이 있는데 이 심볼을 선택하
고 액션 패널에서는 [액션] > [무비 클립 제어] 항목의 [startDrag] 선택
•
이벤트 항목을 선택하고 ‘누르기’로 체크하면 on(release)부분이 on(pass)로 바뀜
•다음 행에 [stopDrag]액션 적용
•[액션] > [무비 클립 제어] 항목의 [stopDrag] 액션 더블 클릭
•이벤트 항목은 on(release) 그대로 나둠
•라이브러리에 등록된 ‘m02’ 무비 클립 심볼을 더블 클릭해서 심볼 편집 모드로 이
동하고 단추 심볼에 위와 같은 액션 적용
•나머지 무비 클립 심볼도 각각의 편집 모드로 이동해서 위의 과정처럼 처리
•[편집] > [문서 편집] 명령으로 문서 편집 모드로 이동하고 라이브러리 창에 등록
된 모든 무비 클립 심볼을 스테이지에 올려 놓는다.
•[파일] > [제작 미리보기] > [Flash] 명령으로 완성된 무비 미리 보기