동국대 앱창작터 3일차:Cocos2d-X 기본기능 (실습)

926 views

Published on

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

Published in: Technology
  • Be the first to comment

동국대 앱창작터 3일차:Cocos2d-X 기본기능 (실습)

  1. 1. 동국대학교 앱창작터 모바일게임과정II:Cocos2d-X 3일차: 기본기능 실습문제
  2. 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. 실습: 레이블  화면 상에 3개의 문자열을 표시  GameStart  캐릭터맵 사용(A Damn Mess.ttf)  폰트 크기 : 32  Settings  폰트 이름 : Arial Rounded MT bold  폰트 크기 :32  Help  비트맵폰트 사용(markerFelt.fnt) 모바일게임과정II:Cocos2d-X 3
  4. 4. 실습: 레이블 모바일게임과정II:Cocos2d-X 4
  5. 5. 실습: 스프라이트  이전 실습 화면에 스프라이트 추가  ‘grossini.png’  ‘grossinis_sister1.png’  ‘grossini.png’의 자식으로 추가  ‘grossinis_sister2.png’  ‘grossini.png’의 자식으로 추가 스프라이트 5
  6. 6. 실습: 스프라이트 스프라이트 6
  7. 7. 실습: 메뉴  메뉴 만들기  기존에 만든 레이블을 활용  alignItemsVertically() 적용  CCMenuItemLabel 사용  GameStart  Settings  Help
  8. 8. 실습: 액션  스프라이트에 액션 부여하기  ‘grossini.png’ 스프라이트  Sequence : Move -> Delay(0.5) -> Rotate -> Delay(0.5) -> Move(Reverse) -> Delay(0.5)  위에서 정의한 Sequence를 RepeatForever로 무한 반복 액션 8
  9. 9. 실습: 트랜지션  메뉴 선택시 다른 씬으로 이동(pushScene)  GameStart : 전환효과 CCTransitionFade  Settings : 전환효과 CCTransitionPageTurn  Help : 전환효과 CCTransitionSlideInR  각 하위 씬들은 이전 씬으로이동할 수 있도록 메뉴 작성  Back 버튼(popScene)
  10. 10. 실습: 애니메이션  GameStart버튼으로 이동한 화면에 애니메이션 생성  주어진 이미지로 스프라이트 시트를 작성(grossini-aliases.plist, grossini-aliases.png)  캐릭터 애니메이션 구현: 프레임 간격 0.5 초  무한 반복 스프라이트 시트 10
  11. 11. 실습: 사운드&터치  이전에 생성한 애니메이션을 활용  화면상의 위치를 터치하면  터치한 곳으로 캐릭터 이동  효과음 재생(touch.wav)

×