Palestra para o evento GameDays´15

1. Desenvolvimento de jogos com Cocos2d-x
GameDays´15

2. Sobre
• Rafael Martins
• LudeoLabs. Skyzone Entertainment, Electronic Arts e Hive
Digital
• E-mail: ra.martins13@gmail.com
• Portfolio: www.mobilegamedeveloper.com.br
GameDays´15

3. O que é Cocos2d-x?
• Uma engine open source 2d otimizada com
OpenGL
• 400.000+ desenvolvedores
• Inicialmente criada por Ricardo Quesada em
2008 (Cocos2D)
• Portada por Zhe Wang em 2010 para c++
GameDays´15

4. Vantagens
• Rápida prototipação
• Comunidade Experiente
• Não são necessários conhecimentos sólidos em
OpenGL
• Abstração de camadas de sistemas operacionais
• Performance
GameDays´15

5. Pontos Negativos
• Interface visual
• Curva de aprendizado para não-programadores
• Plugins dinâmicos
GameDays´15

6. Que empresas usam?
GameDays´15

7. Showcase
• Badland
• Castle Clash
• Family Guy: The Quest for Stuff
• Marvel Avengers Alliance
• Angry Bird Fight
• Clash of Kings
• Star Wars: Tiny Death Star
• Final Fantasy Record
• Diamond Dash
GameDays´15

8. Instalação
• Framework:
http://www.cocos2d-x.org/download
• Python 2.7.5
• Apache Ant
• Visual Studio 2012+
• Xcode 5+
• Android SDK
• Android NDK (r9d ou r10e)
• Windows Phone 8 SDK
GameDays´15

9. Versões
Cocos2d-x V3.8.1 (c++, lua)
Cocos2d-x V2.2.6 (c++, lua)
Cocos2d-JS (javascript)
GameDays´15

10. Plataformas
• Android
• iOS
• Windows Phone 8+
• Windows 7/8/10
• Linux
• Mac OS
• HTML5
• Tizen
• Bada
• Blackberry
GameDays´15

11. Módulos
• Graphics
• Audio
• Events
• Schedulers/Callbacks
• Input
• GUI
• Data Structure
• Network
• Physics
• Memory Management
• File Stream, I/O
• Debugging
GameDays´15

12. Gráficos / Animações
• Node
▫ Scene
▫ Layer
▫ Sprite
▫ Menu
• Actions
GameDays´15

13. Gráficos / Animações
GameDays´15
LayerScene Sprite

14. Gráficos / Animações
GameDays´15
• Ordens para um Node
• Modifica atributos do objeto
• Chamando uma ação
▫ sprite->runAction(Blink::create(2.0f, 10));
• Algumas ações:
▫ Posição (x,y)
 MoveBy, MoveTo, JumpBy
▫ Escala
 ScaleBy, ScaleTo
▫ Visibilidade
 Show, Hide, Blink
▫ Opacidade
 FadeIn, FadeOut, FadeTo

15. Audio
• SimpleAudioEngine
auto audio = SimpleAudioEngine::getInstance();
• Música: Play, Stop, Resume, Pause, Volume
audio->playBackgrundMusic(“music.mp3”, false);
audio->stopBackgroundMusic();
audio->resumeBackgroundMusic();
Audio->pauseBackgroundMusic();
Audio->setBackgroundMusicVolume(5.0f);
GameDays´15

16. Audio
• Efeitos Sonoros (SFX)
audio->playEffect(“music.mp3”, false, 1.0f, 1.0f, 1.0f);
audio->stopEffect();
audio->resumeEffect();
audio->resumeAllEffects();
Audio->pauseEffect();
• Preload
audio->preloadEffect(“effect.mp3”);
audio->preloadBackgroundMusic(“music.mp3”);
audio->unloadEffect();
GameDays´15

17. Input
• Touch
• Keyboard
• Accelerometer
• Gamepad
GameDays´15

18. Input - Touch Event
• Registrando eventos
• .h
void onTouchesBegan(const std:vector<Touch*>& touches, Event* pEvent);
void onTouchesEnded(const std:vector<Touch*>& touches, Event* pEvent);
void onTouchesMoved(const std:vector<Touch*>& touches, Event* pEvent);
• .cpp (init)
auto listener = EventListenerAllAtOnce::create();
listener->onTouchesBegan = CC_CALLBACK_2(GameScene::onTouchesBegan, this);
listener->onTouchesMoved = CC_CALLBACK_2(GameScene::onTouchesMoved, this);
listener->onTouchesEnded = CC_CALLBACK_2(GameScene::onTouchesEnded, this);
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);
GameDays´15

19. Input - Outros
• Keyboard
void onKeyReleased(EventKeyboard::KeyCode keyCode, Event *pEvent);
void onKeyPressed(EventKeyboard::KeyCode keyCode, Event *pEvent);
• Acelerômetro
this->setAccelerometerEnabled(true);
• Gamepad
o 3rd Party
o Implementação própria
o Joysticks virtuais
GameDays´15

20. Schedulers / Callbacks
• Schedulers são responsáveis por ativar os Callbacks
• Agenda funcões frame a frame ou periodicamente
• Loop principal
scheduleUpdate();
• Agendando uma função específica
schedule(schedule_selector(Enemy::move, 3.0f));
GameDays´15

21. Criando um projeto
• Linha de comando:
c:cocos2dx_root> cocos new MeuJogo -p
br.com.meujogo -l cpp -d Projetos
-p = nome do pacote
-l = linguagem
-d = pasta
GameDays´15

22. Estrutura do projeto
• Classes
• Resources
GameDays´15

23. Inicialização
• Entry Point
▫ Classes/AppDelegate.cpp
• Resources
▫ fonts
▫ Ui
▫ Objects
▫ Iphone6/objects
▫ Android/ui
GameDays´15
AppDelegate
SplashScene

24. Serviços
• SDKBox
• NextPeer
• Google Game Services
• Game Center
• Game Analytics
• Facebook
• Kamcord
GameDays´15

25. SDKBox
In-App Purchase
Analytics
Ads / Videos
Social
Rate / Age Check
GameDays´15

26. SDKBox
• Instalação
c:cocos2dx_rootprojetosdkbox import [modulo]
• Cópia automática de classes e recursos
• Arquivo JSON para configuração de módulos
GameDays´15

27. Ferramentas
• TexturePacker
• Physics Editor
• SpriteKit
• Tiled
GameDays´15

28. Tiled
• Principais componentes:
 TMXTiledMap
 TMXLayer
 TMXObjectGroup
TMXTiledMap* map = TMXTiledMap::create(“map1.tmx”);
addChild(map);
GameDays´15

29. Texture Packer
• Gerador de Spritesheets
• Arquivo Plist
• Armazenando texturas no cache
SpriteFrameCache::getInstance()->addSpriteFramesWithFile(“sprites.plist”,
“sprites.png");
• Criando uma sprite a partir do cache
Sprite* playerSprite = Sprite::createWithSpriteFrameName(“player_idle.png”);
GameDays´15

30. Links
• Cocos2d-x
http://www.cocos2d-x.org/
• TexturePacker
https://www.codeandweb.com/texturepacker
• Tiled
http://www.mapeditor.org/
• SDKBox
http://www.cocos2d-x.org/sdkbox
GameDays´15

31. Q & A
GameDays´15

32. Obrigado!
GameDays´15