Não foi possível carregar a disponibilidade de retirada.
Desenvolva jogos HTML5 com canvas
Aprenda a manipular imagens, processar texto e desenhar com HTML5 CANVAS
O HTML5 CANVAS é uma ferramenta poderosa que nos permite, entre outras coisas, processar imagens, criar filtros, manipular texto, desenhar e realizar animações, tudo através da linguagem JavaScript. Com o canvas do HTML5, suas aplicações podem ser visualizadas em qualquer dispositivo móvel, incluindo o iPhone e o iPad!
Vamos aprender desde a criação de uma tag muito básica, desenhar linhas, retângulos e curvas de Bezier, tanto cúbicas quanto quadráticas, arcos e círculos. Vamos revisar como criar gradientes lineares e radiais, carregar padrões de imagem e criar sombras. Antes de criar jogos, vamos criar uma aplicação para desenhar no canvas e outra para carregar imagens e aplicar filtros e efeitos como o flip horizontal.
O que você vai aprender
O aluno irá aplicar as propriedades e métodos básicos do HTML5 Canvas
Criar gradientes lineares e radiais, além de carregar imagens para usar como padrões em círculos, retângulos, etc.
Aplicar seus conhecimentos fundamentais para desenhar com o mouse no canvas
Carregar um arquivo externo no canvas e aplicar diferentes filtros, como preto e branco, filtros de cor, flip horizontal, entre outros.
Exibir declarações no canvas, além de alterar propriedades e aplicar certos efeitos visuais
Entender os princípios básicos de animação no canvas e criar a animação clássica de uma bola quicando
Criar um jogo de memória simulando cartas
Usar o jogo de memória anterior e utilizar imagens
Aplicar seus conhecimentos básicos para criar um jogo da forca para encontrar uma palavra secreta
Usando um algoritmo de classificação ponderada para diferentes movimentos, criar um jogo simples de tic-tac-toe ou três em linha com canvas
Criar um jogo do tipo Simon onde o usuário deve repetir uma sequência sonora e visual
Gerar uma sequência de cores aleatória e o usuário deve deduzir com base nas pistas que damos a eles em 10 tentativas
Criar um jogo clássico de caixa de números com Canvas
Usar o algoritmo de caixa de números para criar um quebra-cabeça usando uma imagem
Criar um jogo Space Invaders com animações, tiros e detecção de colisão
Mover um objeto em relação ao ponteiro do mouse, mover objetos em direção ao centro e fazer tiros angulados
