동국대 앱창작터 모바일게임 과정 2:Cocos2d-X 3일차 과정

1. 동국대학교 앱창작터 모바일게임과정II:Cocos2d-X
3일차: 기본기능 실습문제

2. 사전 작업
 실습에 사용할 리소스 다운로드
 https://dl.dropboxusercontent.com/u/69147082/3%EC%9
D%BC%EC%B0%A8_%EC%8B%A4%EC%8A%B5%EB%A6%AC%EC
%86%8C%EC%8A%A4.zip
 Cocos2d-x 프로젝트 생성
 Resources 폴더에 다운받은 리소스 추가
 HelloWorld.cpp 수정
모바일게임과정II:Cocos2d-X 2

3. 실습: 레이블
 화면 상에 3개의 문자열을 표시
 GameStart
 캐릭터맵 사용(A Damn Mess.ttf)
 폰트 크기 : 32
 Settings
 폰트 이름 : Arial Rounded MT bold
 폰트 크기 :32
 Help
 비트맵폰트 사용(markerFelt.fnt)
모바일게임과정II:Cocos2d-X 3

4. 실습: 레이블
모바일게임과정II:Cocos2d-X 4

5. 실습: 스프라이트
 이전 실습 화면에 스프라이트 추가
 ‘grossini.png’
 ‘grossinis_sister1.png’
 ‘grossini.png’의 자식으로 추가
 ‘grossinis_sister2.png’
 ‘grossini.png’의 자식으로 추가
스프라이트 5

6. 실습: 스프라이트
스프라이트 6

7. 실습: 메뉴
 메뉴 만들기
 기존에 만든 레이블을 활용
 alignItemsVertically() 적용
 CCMenuItemLabel 사용
 GameStart
 Settings
 Help

8. 실습: 액션
 스프라이트에 액션 부여하기
 ‘grossini.png’ 스프라이트
 Sequence : Move -> Delay(0.5) -> Rotate -> Delay(0.5) ->
Move(Reverse) -> Delay(0.5)
 위에서 정의한 Sequence를 RepeatForever로 무한 반복
액션 8

9. 실습: 트랜지션
 메뉴 선택시 다른 씬으로 이동(pushScene)
 GameStart : 전환효과 CCTransitionFade
 Settings : 전환효과 CCTransitionPageTurn
 Help : 전환효과 CCTransitionSlideInR
 각 하위 씬들은 이전 씬으로이동할 수 있도록 메뉴
작성
 Back 버튼(popScene)

10. 실습: 애니메이션
 GameStart버튼으로 이동한 화면에 애니메이션 생성
 주어진 이미지로 스프라이트 시트를 작성(grossini-aliases.plist,
grossini-aliases.png)
 캐릭터 애니메이션 구현: 프레임 간격 0.5 초
 무한 반복
스프라이트 시트 10

11. 실습: 사운드&터치
 이전에 생성한 애니메이션을 활용
 화면상의 위치를 터치하면
 터치한 곳으로 캐릭터 이동
 효과음 재생(touch.wav)