Desenvolva Jogos Com HTML5 Canvas E JavaScript Casa Do Codigo

Casa do Código

Introdução
Se você chegou até este livro, é porque está interessado em desenvolver jogos. Aqui focarei no desenvolvimento de jogos para a web, usando a tecnologia Canvas, presente na especificação do HTML5 e suportada por todos os maiores browsers modernos, em suas versões mais atualizadas. Pretendo mostrar que desenvolver jogos é uma tarefa na realidade simples, e que não exige grandes curvas de aprendizados com frameworks monstruosos — o básico oferecido pelo ambiente do navegador é o suficiente para começar!
Tudo o que você precisará é de um browser atualizado e um bom editor de textos. Em ambiente Windows, é muito comum o uso do Notepad++
(http://notepad-plus-plus.org) . Caso você use Linux, é bem provável que sua distribuição já venha com um editor que suporte coloração de sintaxe para várias linguagens (GEdit, KWrite, etc.). No entanto, eu recomendo veementemente o uso do Brackets (http://brackets.io) , que foi onde eu criei os códigos.
É multiplataforma (funciona em Windows, Linux, Mac OS X) e realiza autocompletar em código JavaScript de forma bastante eficiente.
O jogo que você vai criar já está disponível na web. Você pode jogá-lo a qualquer momento em: http://gamecursos.com.br/livro/jogo Estarei sempre presente e atuante no seguinte grupo do Google Groups, como forma de interagir com meus leitores: http://groups.google.com/forum/#!forum/livro-jogos-html5-canvas Por fim, todos os códigos e imagens estão disponíveis em (embora eu aconselhe você a digitar os códigos e usar os prontos no download apenas para referência em caso de dúvidas): http://github.com/EdyKnopfler/games-js/archive/master.zip i

Casa do Código

Bom estudo!

ii

Casa do Código

Sumário

Sumário
1

2

3

Fundamentos

1

1.1

Introdução ao HTML5 Canvas . . . . . . . . . . . . . . . . . .

3

1.2

Começando a desenhar . . . . . . . . . . . . . . . . . . . . . .

6

1.3

Animações com requestAnimationFrame . . . . . . . . . . . .

22

1.4

Orientação a objetos com