Use o código e tenha 10% de desconto!

Desenvolva jogos com HTML5 Canvas e JavaScript

Éderson Cássio

Conteúdo

O mercado dos jogos está cada vez mais forte e sendo adotado nos navegadores, com os jogos feitos em HTML5 através da nova especificação de Canvas. Com conhecimento de HTML5 e um pouco de JavaScript, é possível criar jogos extremamente poderosos e com um alto grau de entretenimento. Os tão conhecidos jogos "viciantes".

Nesse livro, Éderson Cássio mostra como você pode usar as tecnologias tradicionais da web para criar jogos 2D. Você vai aprender a movimentar sprites, tratar colisão e eventos do teclado de forma especial para os jogos, aprender boas práticas para evitar que seu jogo sofra de lentidão e muitas outras técnicas divertidas e interessantes. E no final do livro, você ainda publica seu próprio jogo e o integra com as redes sociais, para seus amigos acessarem.

 

Sumário

  • 1 Fundamentos
  • 1.1 Introdução ao HTML5 Canvas
  • 1.2 Começando a desenhar
  • 1.3 Animações com requestAnimationFrame
  • 1.4 Orientação a objetos com JavaScript
  • 2 O loop de animação
  • 2.1 Introdução e sprites
  • 2.2 Teste para a classe Animacao
  • 2.3 Desenvolva a classe Animacao
  • 2.4 Implemente a classe Bola
  • 3 A interação com o jogador — leitura apurada do teclado
  • 3.1 EventListeners e os eventos keydown e keyup
  • 3.2 Detectando se uma tecla está ou não pressionada
  • 3.3 Efetuando disparos — detectando somente o primeiro keydown
  • 4 Folhas de sprites — spritesheets
  • 4.1 Conceito e abordagem utilizada
  • 4.2 Carregando imagens e fazendo recortes (clipping)
  • 4.3 Animações de sprite — a classe Spritesheet
  • 4.4 Controle o herói pelo teclado e veja sua animação
  • 5 Detecção de colisões
  • 5.1 Colisão entre retângulos
  • 5.2 Teste da classe Colisor
  • 5.3 A classe Colisor
  • 5.4 Criando um sprite colidível
  • 5.5 Melhorando o código
  • 6 Iniciando o desenvolvimento do jogo
  • 6.1 Animação de fundo com efeito parallax
  • 6.2 Controle da nave na horizontal e na vertical
  • 6.3 Efetuando disparos
  • 7 Criando inimigos
  • 7.1 Primeiro teste com nave e inimigos
  • 7.2 A classe Ovni
  • 7.3 Adicionando fundo em parallax
  • 7.4 Adicionando colisão
  • 7.5 Estamos experimentando lentidão!
  • 7.6 Excluindo os objetos desnecessários
  • 8 Incorpore animações, sons, pausa e vidas extras ao jogo
  • 8.1 Organizando o código
  • 8.2 Animação cronometrada
  • 8.3 Animando a nave com spritesheets
  • 8.4 Criando explosões
  • 8.5 Pausando o jogo
  • 8.6 Sons e música de fundo
  • 8.7 Tela de loading
  • 8.8 Vidas extras
  • 8.9 Pontuação (score)
  • 8.10 Tela de Game Over
  • 9 Publique seu jogo e torne-o conhecido
  • 9.1 Hospede-o em um serviço gratuito
  • 9.2 Linkando com as redes sociais

veja mais detalhes

Autor

Éderson Cássio

Trabalho com desenvolvimento de software desde 2007, tanto autônomo como em empresas, tendo criado aplicações comerciais em linguagens e ambientes variados: Delphi, Java, PHP, Lazarus. Em 2009 comecei a trabalhar com web, e o advento do HTML5 levou-nos (a mim e pessoas conhecidas que trabalham na área) à ideia de criar uma escola de programação focada em jogos. A escola iniciou suas atividades em 2012 e está dando seus primeiros passos no ensino à distância. Depois de algum tempo, resolvi pegar todo o material gerado (apostilas, slides, códigos) e condensá-lo na forma de um pequeno livro, o Desenvolva Jogos com HTML5 Canvas e JavaScript.

Dados do produto

Número de páginas:
214
ISBN:
978-85-66250-38-1

Compartilhe!

Compartilhe no Facebook Compartilhe no Twitter