Desenvolvendo Jogos 2D em HTML5

Vinicius Vecchi@vvecchi

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

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.

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

Cocos2D-X - Arquitetura

Cocos2D-HTML5 - Arquitetura

Javascript binding

Performance até 20x melhor do que no mobile browser

Mozilla Spidermonkey – Roda o javascript

Usa bibliotecas nativas para muitas das coisa pesadas

The magic

Preparando o Ambientehttp://www.cocos2d-x.org/download

Javascript IDE

Vim

Aptana

Jetbrains Webstorm

TextMate

Estrutura

Hierárquica

Adicionando Sprites

Entrada - Touch

Testando no Navegador

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)

Relaxe e aproveite!

Perguntas?

Obrigado!

Vinicius Vecchi @vvecchi

Naked Monkey Games @nakedmonkeyG www.nakedmonkey.com.br