Lógica de programação II: pratique com desenhos, animações e um jogo

Conteúdo Detalhado

1. Desenhando gráficos com Canvas

   • Desenhando em uma página
   • A API de canvas
   • O primeiro desenho
   • Resolução de uma imagem
   • Configurando a cor com fillStyle()
   • Desenhando linhas com lineTo()
   • Desenhando retângulos
   • Criando polígonos quaisquer com beginPath(), move() e fill().
   • Criando curvas com arc()

2. Extraindo funções

   • Criando funções
   • Reutilizando código
   • Relembrando loops
   • Configurando o tipo de desenho com strokeStyle e strokeRect
   • Desenhando diversos retângulos

3. Interagindo com o usuário

   • Eventos e callback
   • Capturando coordenadas do clique com on_click
   • Coordenadas absolutas e relativas de uma página html com o uso do offset
   • Capturando qual botão do mouse foi pressionado

4. Movendo elementos: animações simples

   • Movimentando objetos na tela
   • A função setTimeout()
   • Mais gráficos

5. Nosso primeiro jogo

   • Três círculos combinados, um alvo!
   • Denhando um alvo
   • Gerando posições aleatória para nosso alvo
   • Atualizando a posição do alvo na tela
   • A lógica de colisão