친구들아 도와줘! - 다양한 툴을이용해서 Cocos2d-x 생산성 높이기

넥슨코리아 라이브개발본부

함동기

강연자 소개

자체엔진

Cocos2d-iPhone,Cocos2d-x

Unity

Cocos2d-x 소개

Cross Platform Open Source Light weight & Fast running Simple Easy to Learn APIs

출처: http://cocos2d-x.org/product

Zhe Wang is the founder of cocos2d-x.

Unity vs Cocos2d-x

Unity vs Cocos2d-x

• 발표 방향

• Unity의 기본 기능, 그리고 애셋 스토어의 툴들은 강력하다.

• Cocos2d-x도 잘 찾아보면 이에 못지않다.

• 대신 찾아드립니다.

Unity vs Cocos2d-x

• 발표 순서

1. 특정 기능의 Unity 툴을 간단히 소개

2. 이에 맞서는 Cocos2d-x 툴 소개

3. 툴에서 작업한 결과물을 프로젝트에 적용하는 방법

4. 1.2.3 반복

Unity vs Cocos2d-x

Unity Cocos2d-x

애니메이션 툴 Transform Hierarchy Spine

맵 에디터 proTile Map Editor Tiled

물리 에디터 Colider 2D (built in) PhysicsEditor

스프라이트 툴 Sprite Editor (built in) TexturePacker

UI 에디터 NGUI, 2D Toolkit CocoStudio

플레이 영상 공유 EveryPlay Kamcord

Component

There is no explicit 2D skeletal animation built in to Unity Currently(4.3). But, you can do basically

the same thing using the Transform Hierarchy

애니메이션 툴 – Spine

Unity

Spine 홈페이지

동영상

동영상

동영상

맵 툴 – Tiled

Unity3D: proTile Map Editor

Tiled 홈페이지

• 자체 구현했던 타일맵 시스템• 이 때 Tiled를 썼었더라면..

물리 에디터 – PhysicsEditor

OK Low Many

PhysicsEditor: Collision Shapes (충돌면)를손쉽게만들어주는툴

동영상

동영상

스프라이트 툴 – TexturePacker

TexturePacker홈페이지

Zwoptex홈페이지

UI 에디터 – CocoStudio

CocoStudio 홈페이지

출처: https://www.facebook.com/groups/cocos2d.korea/

출처: http://www.tairan.com/archives/4676

/ / Load UI resources

UILayer * ul = UILayer :: Create (); this -> addChild ( ul , 0 , 100 ); ul -> addWidget ( CCUIHELPER -> createWidgetFromJsonFile ( "ChaosFight_1/ChaosFight_1.json"));

/ / Create a load change password interface ulPwd as a class member properties for reuse

ulPwd = UILayer :: Create (); ulPwd -> addWidget ( CCUIHELPER -> createWidgetFromJsonFile ( "ChaosFightPassword_1/ChaosFightPassword_1.json" )); this -> addChild ( ulPwd );

github.com/chukong/CocoStudioSamples

github.com/chukong/CocoStudioSamplesBasedOnCocos2d-x3.0

플레이 영상 공유 – Kamcord

Unity3D: EveryPlay

Kamcord 홈페이지

적용 예: 팝업 창

적용 예: 영상 편집

One more thing...

Cocos Code IDE

Cocos Code IDE