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