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

Weitere ähnliche Inhalte

Andere mochten auch

게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출hongsungbock
 
3D Engine (ICON 2007)
3D Engine (ICON 2007)3D Engine (ICON 2007)
3D Engine (ICON 2007)SeongWan Kim
 
C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2진상 문
 
Silverlight vs flash
Silverlight vs flashSilverlight vs flash
Silverlight vs flash권 태혁
 
Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Thisisone Lee
 
GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체Mark Choi
 
[C++ lab] 9. 디버깅 테크닉
[C++ lab] 9. 디버깅 테크닉[C++ lab] 9. 디버깅 테크닉
[C++ lab] 9. 디버깅 테크닉MinGeun Park
 
알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비SeungMin Yang
 
Digital lighting and rendering
Digital lighting and renderingDigital lighting and rendering
Digital lighting and renderingJaeHong Park
 
[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp진현 조
 
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 [KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 JiUng Choi
 
이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예zupet
 
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정funmeate
 
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2진상 문
 
Chapter 2, 선형 변환과 행렬 2/2
Chapter 2, 선형 변환과 행렬 2/2Chapter 2, 선형 변환과 행렬 2/2
Chapter 2, 선형 변환과 행렬 2/2Thisisone Lee
 
게임개발사원이되자
게임개발사원이되자게임개발사원이되자
게임개발사원이되자Yggdrasil610
 
02.선형변환과 행렬
02.선형변환과 행렬02.선형변환과 행렬
02.선형변환과 행렬JaeHong Park
 
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)khuhacker
 
KGC 2007 소프트웨어 렌더러 개발
KGC 2007  소프트웨어 렌더러 개발KGC 2007  소프트웨어 렌더러 개발
KGC 2007 소프트웨어 렌더러 개발SeongWan Kim
 

Andere mochten auch (20)

게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출게임 개발자로서의 가치 창출
게임 개발자로서의 가치 창출
 
3D Engine (ICON 2007)
3D Engine (ICON 2007)3D Engine (ICON 2007)
3D Engine (ICON 2007)
 
C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2C# 뉴비를 위한 맛보기 2
C# 뉴비를 위한 맛보기 2
 
투영 공식
투영 공식투영 공식
투영 공식
 
Silverlight vs flash
Silverlight vs flashSilverlight vs flash
Silverlight vs flash
 
Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2Chapter 2, 선형 변환과 행렬 1/2
Chapter 2, 선형 변환과 행렬 1/2
 
GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체GameMath-Chapter 13 발사체
GameMath-Chapter 13 발사체
 
[C++ lab] 9. 디버깅 테크닉
[C++ lab] 9. 디버깅 테크닉[C++ lab] 9. 디버깅 테크닉
[C++ lab] 9. 디버깅 테크닉
 
알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비알고리즘 스터디 NP-완비
알고리즘 스터디 NP-완비
 
Digital lighting and rendering
Digital lighting and renderingDigital lighting and rendering
Digital lighting and rendering
 
[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp[조진현]Kgc2012 c++amp
[조진현]Kgc2012 c++amp
 
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록 [KGC2014] 울프나이츠 엔진 프로그래밍 기록
[KGC2014] 울프나이츠 엔진 프로그래밍 기록
 
이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예이권일 Sse 를 이용한 최적화와 실제 사용 예
이권일 Sse 를 이용한 최적화와 실제 사용 예
 
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
 
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2
Project Anarchy(Vision Engine)으로 게임 툴 만들기! part2
 
Chapter 2, 선형 변환과 행렬 2/2
Chapter 2, 선형 변환과 행렬 2/2Chapter 2, 선형 변환과 행렬 2/2
Chapter 2, 선형 변환과 행렬 2/2
 
게임개발사원이되자
게임개발사원이되자게임개발사원이되자
게임개발사원이되자
 
02.선형변환과 행렬
02.선형변환과 행렬02.선형변환과 행렬
02.선형변환과 행렬
 
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)
2015년 제2회 동아리 해커 세미나 - 게임개발과 게임에서의 빅데이터 (9기 박경재)
 
KGC 2007 소프트웨어 렌더러 개발
KGC 2007  소프트웨어 렌더러 개발KGC 2007  소프트웨어 렌더러 개발
KGC 2007 소프트웨어 렌더러 개발
 

Ccx03.기본기능 실습

  • 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
  • 5. 실습: 스프라이트  이전 실습 화면에 스프라이트 추가  ‘grossini.png’  ‘grossinis_sister1.png’  ‘grossini.png’의 자식으로 추가  ‘grossinis_sister2.png’  ‘grossini.png’의 자식으로 추가 스프라이트 5
  • 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)