Como criar um Jogo de Shooting usando HTML5 Canvas e JavaScript

Este curso online gratuito cobre todas as etapas envolvidas na criação de um jogo web de tiro usando HTML5, Canvas e JavaScript. Ela começa com uma demonstração do processo de criação do projeto, e como Canvas é usado para desenhar retângulos, círculos e caminhos. Isto é seguido por demonstrações sobre elementos animadores usando o quadro de animação, adicionando a capacidade de mover elementos com entrada de usuário, bem como configurar as condições para movimento e tiro.

O segundo tempo começa com uma explicação de detecção de colisão, e como ele pode ser usado para detectar quando um jogador é atingido. Isso é seguido por tutoriais sobre a criação de um sistema de pontuação, assim como a capacidade de reajuste do jogo. O material dá demonstrações detalhadas de como a lógica oponente poderia ser criada, e como garantir que os movimentos e os disparos pareçam naturais. Ele conclui com um recap de código e um tutorial sobre como o jogo pode ser totalmente automatizado.

Além de ensinar o processo de criação de um web game dinâmico, este curso abrange uma gama de tópicos úteis no desenvolvimento web usando JavaScript e HTML. Os conceitos incluem detecção de colisão, animações utilizando o quadro de animação, traçar caminhos e formas usando Canvas, objetos criados dinamicamente, bem como manipulação de DOM JavaScript. Desenvolvedores web novos e experientes encontrarão o curso útil. Comece agora, e aprenda a criar um jogo web-shooting a partir do zero, usando HTML5, Canvas e JavaScript em apenas três horas.