O documento discute o framework Cocos2D para desenvolvimento de jogos 2D em HTML5. Apresenta as vantagens da biblioteca Cocos2D-HTML5 para criar jogos multiplataforma usando Javascript e descreve brevemente a arquitetura e funcionalidades como adicionar sprites, entrada de toque e testar jogos no navegador.

1. Desenvolvendo
Jogos 2D em
HTML5
Vinicius Vecchi
@vvecchi

2. COCOS2D
 Criada em 2008 em python
 Em seguida portada para iOS e objective-c
 Cocos2d-x port em c++ da cocos2d-iphone
 Cocos2d-html5 port para javascript

3. COCOS2D
 Open-source
 Comunidade ativa
 Várias ferramentas e editores
 Cross-Platform
 Mesmo código pode rodar em várias plataformas móveis e desktops.

4. Coco2D – Qual?
 Cocos2D-X
 C++
 Com maior suporte a diferentes plataformas
 Rápida e leve
 Cocos2D-HTML5
 Desenvolvimento Rápido (Javascript)
 Multi plataforma (em navegadores)
 Javascript Binding

5. Cocos2D-X - Arquitetura

6. Cocos2D-HTML5 - Arquitetura

7. Javascript binding
 Performance até 20x melhor do que no mobile browser
 Mozilla Spidermonkey – Roda o javascript
 Usa bibliotecas nativas para muitas das
coisa pesadas

8. The magic

9. Preparando o Ambiente
http://www.cocos2d-x.org/download

10. Javascript IDE
 Vim
 Aptana
 Jetbrains Webstorm
 TextMate

11. Estrutura

12. Hierárquica

13. Adicionando Sprites

14. Entrada - Touch

15. Testando no Navegador

16. EXECUTANDO O PROJETO
 cocos run –p ios
 Executa seu programa num simulator.
 Você pode abrir o projeto do xcode a partir da pasta
framework/runtime-src
 Cocos run –p android
 Executa seu programa num device android(pode ser simulator)
 Os projetos de windows e android estão naquela pasta também
(Infelizmente ainda não portaram máquina virtual de para windows
phone)

17. Relaxe e aproveite!
Perguntas?

18. Obrigado!
 Vinicius Vecchi
 @vvecchi
 Naked Monkey Games
 @nakedmonkeyG
 www.nakedmonkey.com.br