2016.02.20 어쩌다보니 cocos2d x 사용하게 된 이야기 업로드용
16 likes2,605 views
cocos2d-x 메모리 사용과 기본개념, 유니티와 cocos2d-x와의 비교 cocos2d-x의 기원 2016.02.20 데브루키 발표자료
2016.02.20 어쩌다보니 cocos2d x 사용하게 된 이야기 업로드용
- 1. 어쩌다보니 Cocos2d-x 사용하게 된 이야기 작성자 : 쪼꼬두유 소속 : Netmarble N2(모두의 마블 카카오파트) 발표일 : 2016. 02. 20
- 3. 3 Cocos2d-x12 1 기원 기본적으로는 Cocos2d의 연장선상 Cocos2d는 기본적으로 IOS에서 사용하는 Objective-C 로 작성 Cocos2d-x는 범용성이 좋은 C++로 포팅해서 여러 플랫폼을 지원 하도록 만든 라이브러리형 엔진
- 4. 4 Cocos2d-x12 1 Python 설치 2 NDK 설치 3 SDK 설치 4 Cocos2d-x 설치
- 9. 9 Cocos2d-x12 Cocos2d-x 1 CCDirector Unity의 GameManager같은 애 기본적으로 Unity는 GameManager를 제공하지 않지만 Cocos2d-x 는 제공함 화면을 띄우거나 앱을 Pause 하거나 Resume등의 기능이 있다
- 10. 10 Cocos2d-x12 Cocos2d-x 1 CCScene Unity의 Scene과 비슷 하나의 Scene은 여러 개의 Layer를 참조
- 11. 11 Cocos2d-x12 Cocos2d-x 1 CCLayer Unity에서는 딱히 부르는 개념은 없는듯 하나의 묶음으로 묶어서 관리 함 Layer에 어떤 행동을 가하면 다 같이 적용 받음.
- 12. 12 Cocos2d-x12 Cocos2d-x 1 CCNode Unity의 GameObject 대부분의 클래스는 Node를 상속 받고 Node는 Ref 함수를 상속받아 메모리 관 리를 해준다. 1 Sprite 2 Label 3 MenuItem 4 AtlasNode 5 Camera 6 Light 7 ParticleSystem 8 Skybox 9 Sprite3D 10 Terrain 11 SpriteBatchNode
- 13. 13 Cocos2d-x12 1 기본좌표계 보통 다른 2d 엔진은 왼쪽 위가 기준점 Cocos2d-x는 왼쪽 아래 이유는 OpenGL 기반이기 때문 OpenGL은 왼쪽 아래가 기준점
- 14. 14 Cocos2d-x12 1 앵커 포인트(Anchor) 화면 출력 기본 기준점 Cocos2d-x의 default는 가운데 Node->setAnchorPoint(Point(x, y)) 이런식으로 사용
- 15. 15 Cocos2d-x12 1 Sprite & Texture Image는 두가지 방식으로 만들 수 있는 데 Texture방식과 Sprite방식으로 만들 수 있다. Texture는 불러온 이미지를 변경할 수 없지만 Sprite는 이미지를 변경할 수 있다.
- 16. 16 Cocos2d-x12 1 Label Text를 출력하기 위한 방법 SystemFont, 외부 폰트파일, BM폰트 (이미지폰트와 좌표정보를 가진 파일로 이루어짐), CharMap(이미지폰트)로 만들수 있다
- 17. 17 Cocos2d-x12 1 Menu Button을 Cocos2d-x에서는 메뉴라고 부르고 Menu는 Menu를 구성하는 MenuItem으로 이루어져 있다. MenuItem은 Label Sprite 등으로 만 들 수 있다.
- 18. 18 Cocos2d-x12 Cocos2d-x Menu 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 //메뉴 버튼 스프라이트 auto play_normal = Sprite::create("6/menu/play-0.png"); auto play_select = Sprite::create("6/menu/play-1.png"); auto help_normal = Sprite::create("6/menu/help-0.png"); auto help_select = Sprite::create("6/menu/help-1.png"); auto option_normal = Sprite::create("6/menu/option-0.png"); auto option_select = Sprite::create("6/menu/option-1.png"); auto quit_normal = Sprite::create("6/menu/quit-0.png"); auto quit_select = Sprite::create("6/menu/quit-1.png"); //메뉴 버튼 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto helpmenuItem = MenuItemSprite::create(help_normal, help_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto optionmenuItem = MenuItemSprite::create(option_normal, option_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto quitmenuItem = MenuItemSprite::create(quit_normal, quit_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); playmenuItem->setTag(TAG_MENUITEM_PLAY); helpmenuItem->setTag(TAG_MENUITEM_HELP); optionmenuItem->setTag(TAG_MENUITEM_OPTION); quitmenuItem->setTag(TAG_MENUITEM_QUIT); //메뉴 auto menu = Menu::create(playmenuItem, helpmenuItem, optionmenuItem, quitmenuItem, NULL); menu->alignItemsVerticallyWithPadding(20); this->addChild(menu);
- 19. 19 Cocos2d-x12 Cocos2d-x Menu 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 //메뉴 버튼 스프라이트 auto play_normal = Sprite::create("6/menu/play-0.png"); auto play_select = Sprite::create("6/menu/play-1.png"); auto help_normal = Sprite::create("6/menu/help-0.png"); auto help_select = Sprite::create("6/menu/help-1.png"); auto option_normal = Sprite::create("6/menu/option-0.png"); auto option_select = Sprite::create("6/menu/option-1.png"); auto quit_normal = Sprite::create("6/menu/quit-0.png"); auto quit_select = Sprite::create("6/menu/quit-1.png"); //메뉴 버튼 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto helpmenuItem = MenuItemSprite::create(help_normal, help_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto optionmenuItem = MenuItemSprite::create(option_normal, option_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto quitmenuItem = MenuItemSprite::create(quit_normal, quit_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); playmenuItem->setTag(TAG_MENUITEM_PLAY); helpmenuItem->setTag(TAG_MENUITEM_HELP); optionmenuItem->setTag(TAG_MENUITEM_OPTION); quitmenuItem->setTag(TAG_MENUITEM_QUIT); //메뉴 auto menu = Menu::create(playmenuItem, helpmenuItem, optionmenuItem, quitmenuItem, NULL); menu->alignItemsVerticallyWithPadding(20); this->addChild(menu);
- 20. 20 Cocos2d-x12 Cocos2d-x Menu 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 //메뉴 버튼 스프라이트 auto play_normal = Sprite::create("6/menu/play-0.png"); auto play_select = Sprite::create("6/menu/play-1.png"); auto help_normal = Sprite::create("6/menu/help-0.png"); auto help_select = Sprite::create("6/menu/help-1.png"); auto option_normal = Sprite::create("6/menu/option-0.png"); auto option_select = Sprite::create("6/menu/option-1.png"); auto quit_normal = Sprite::create("6/menu/quit-0.png"); auto quit_select = Sprite::create("6/menu/quit-1.png"); //메뉴 버튼 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto helpmenuItem = MenuItemSprite::create(help_normal, help_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto optionmenuItem = MenuItemSprite::create(option_normal, option_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto quitmenuItem = MenuItemSprite::create(quit_normal, quit_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); playmenuItem->setTag(TAG_MENUITEM_PLAY); helpmenuItem->setTag(TAG_MENUITEM_HELP); optionmenuItem->setTag(TAG_MENUITEM_OPTION); quitmenuItem->setTag(TAG_MENUITEM_QUIT); //메뉴 auto menu = Menu::create(playmenuItem, helpmenuItem, optionmenuItem, quitmenuItem, NULL); menu->alignItemsVerticallyWithPadding(20); this->addChild(menu);
- 21. 21 Cocos2d-x12 Cocos2d-x Menu 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 //메뉴 버튼 스프라이트 auto play_normal = Sprite::create("6/menu/play-0.png"); auto play_select = Sprite::create("6/menu/play-1.png"); auto help_normal = Sprite::create("6/menu/help-0.png"); auto help_select = Sprite::create("6/menu/help-1.png"); auto option_normal = Sprite::create("6/menu/option-0.png"); auto option_select = Sprite::create("6/menu/option-1.png"); auto quit_normal = Sprite::create("6/menu/quit-0.png"); auto quit_select = Sprite::create("6/menu/quit-1.png"); //메뉴 버튼 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto helpmenuItem = MenuItemSprite::create(help_normal, help_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto optionmenuItem = MenuItemSprite::create(option_normal, option_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); auto quitmenuItem = MenuItemSprite::create(quit_normal, quit_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); playmenuItem->setTag(TAG_MENUITEM_PLAY); helpmenuItem->setTag(TAG_MENUITEM_HELP); optionmenuItem->setTag(TAG_MENUITEM_OPTION); quitmenuItem->setTag(TAG_MENUITEM_QUIT); //메뉴 auto menu = Menu::create(playmenuItem, helpmenuItem, optionmenuItem, quitmenuItem, NULL); menu->alignItemsVerticallyWithPadding(20); this->addChild(menu);
- 22. 22 Cocos2d-x12 Cocos2d-x Menu 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 void MenuScene::menuCallback(Ref* sender) { auto item = (MenuItem*)sender; switch (item->getTag()) { //Help 버튼 case TAG_MENUITEM_HELP: CCLOG("Help Button Click"); break; //Option 버튼 case TAG_MENUITEM_OPTION: CCLOG("Option Button Click"); break; //Play 버튼 case TAG_MENUITEM_PLAY: //안묶으면 에러남 { auto GameScene = TransitionCrossFade::create(3.0, GameScene::createScene()); Director::getInstance()->replaceScene(GameScene); } break; //종료버튼 case TAG_MENUITEM_QUIT: Director::getInstance()->end(); } }
- 23. 23 Cocos2d-x12 Cocos2d-x Menu auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this)); create(Node* normalSprite, Node* selectedSprite, const ccMenuCallback& callback) CC_CALLBACK_N은 menuCallBack에 자동으로 넘어가는 매개변수의 개수에 따라 N이 정해짐 bool onTouchBegan(Touch* touch, Event* unused_event);
- 25. 25 Cocos2d-x12 Cocos2d-x 메모리 관리 Sprite Node Ref 1 Object-C의 메모리 관리 objc의 메모리 관리는 기본적으로 레퍼런스 카운팅 방식이다. 모든 objc의 클래스는 NSObject를 상속받는다. retain, release를 적절히 써서 레퍼런스 카운팅 쌍을 맞춰주면 적절 히 메모리가 관리된다. autorelease를 사용하면 NSAutoreleasePool에 생성된 객체가 등록된다. 이후 NSAutoreleasePool이 해제되면 풀에 등록된 모든 객체에 대해서 release를 수행한다. 2 C++의 메모리 관리 C++에는 기본적으로는 저런기능이 존재하지 않는다. new로 객체를 생성하고 delete로 객체를 해제한다. (물론 이제는 표 준이된 std::shared_ptr, 일부컴파일러에서는 std::tr1::shared_ptr라는 이름으로 레퍼런스 카운팅이 되긴 한다.) 하지만 cocos2dx는 cocos2d를 거의 비슷하게 베끼 려보니까 cocos2dx를 보면 CCObject라는 클래스로 objc에 있는 메모리 모델을 비슷하게 만들어놧다.
- 26. 26 Cocos2d-x12 Cocos2d-x 메모리 관리 Ref Class
- 27. 27 Cocos2d-x12 Cocos2d-x 메모리 관리 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this));
- 28. 28 Cocos2d-x12 Cocos2d-x 메모리 관리 auto playmenuItem = MenuItemSprite::create(play_normal, play_select, CC_CALLBACK_1(MenuScene::menuCallback, this));
- 32. 32 Cocos2d-x12 Cocos2d-x Assertion Failed 잘못된 주소 참조라든지 포인터의 범위를 넘어갔다든지 하는.. 논리적인 문제일 가능성이 많습니다. 그 말은.. 코딩하시는 과정중에 미쳐 생각을 못했거나 함수의 인 자로 잘못된 값을 넣어 줬다든지 하는 거의 코딩하는 사람의 실수 입니다.
- 33. 33 Cocos2d-x12 Cocos2d-x Assertion Failed 1.프로그램을 실행하시구요 어썰션 페일이 나면 2.다시 시도를 누르세요. 그러면 디버거는 에러가 난곳에 커서를 가져다 주는데요. 어썰션 처리가 되어 있는곳은 프로그래머가 코딩해주지 않은 부분이 많으므로 콜스택으로 거슬 러 올라 가면서 의심되는 부분을 찾습니다. 콜스택의 단축키는 alt+7 입니다. 3. 어썰션 처리가 되어 있는 부분에서 alt+7 을 누르고 4.최근항목부터 오래된 항목으로 거슬러 올라가는데 5.프로그래머가 코딩해준 부분을 더블클릭해줍니다.(콜스택을 보고 있으면 많이 본 부분이 자신이 코딩해준 부분입니다.) 6.화살표가 가리키고 있는 윗줄 또는 그 윗줄에서 얼마 가지 않아 의심되는 부분이 나올겁니다. 7.포인터나 메모리 연산등을 잘 살펴 보세요. http://www.devpia.com/MAEUL/Contents/Detail.aspx?BoardI D=50&MAEULNo=20&no=501484&ref=501475
- 36. 흔한 결론 13
- 38. Q&A 13
- 39. THANK YOU 14