Desenvolvimento de Games 2D com JavaScript
Projeto educativo que propõe o ensino da programação através da construção de vídeo-games 2D.
Teoria
Conhecimento teórico através do material didático ilustrado.
Prática
Desenvolvimento das nossas habilidades através da ação criativa.
Exercícios
Exercícios para desafiar a nossa compreensão dos assuntos.
Projetos
Construção de projetos para integrar e concretizar o aprendizado.
Interdisciplinar
São estudados conceitos de matemática, física, programação e gráficos.
Exemplos
Exemplos intuitivos para facilitar a compreensão de ideias.
Tecnologias
Apenas um web browser e um editor de códigos será o suficiente para iniciarmos, sem necessidade de bibliotecas ou engines pesadas.
JavaScript Puro
Linguagem de programação popular usada em todos os navegadores.
Conteúdo
Canvas HTML
Tecnologia que nos permite desenhar e trabalhar com animações no navegador.
Conteúdo
Conteúdo de Aprendizado
Aprenderemos sobre uma variedade de temas, desde a parte matemática e lógica até a questão artística de desenhos e animações.
Introdução ao Canvas HTML
Conheça o Canvas, espaço no qual faremos nossos desenhos.
Explorar
Sistema de Coordenadas
Entenda como funciona o sistema de coordenadas do Canvas.
Explorar
Desenho de Objetos no Canvas
Aprenda como desenhar os mais diversos tipos de objetos no Canvas.
Explorar
Animação e Interação do Usuário
Descubra como animar personagens e responder às ações de um jogador.
Explorar
Game Loop e Lógica do Game
Saiba como trabalhar a lógica do game e construir um game loop.
Explorar
Relógio e Tempo
Explore o conceito de tempo dentro dos vídeo-games.
Explorar
Recursos Avançados
Esteja ciente sobre recursos avançados e tecnologias impactantes.
Explorar
Projetos Práticos
Elabore projetos completos usando clean code e boas práticas.
Explorar
Material Didático
Tenha contato com um material visual de apoio ao aprendizado.
Explorar
Games Desenvolvidos
Conheça os games que vamos construir e desenvolver durante esta grande aventura.
A Jornada de Ismael
Nesta jornada aprenderemos a manipular imagens e trabalhar com animações.
Código-Fonte
Alpha Wings
Neste projeto vamos explorar o conceito de eventos e tempo.
Código-Fonte
Conway's Game of Life
Interessante experiência no mundo da matemática e lógica.
Código-Fonte
Elder Dragon
Aqui iremos aperfeiçoar nossa habilidade com animações e tempo!
Código-Fonte
Shadow Templar
Nosso primeiro Platformer 2D usando um sistema de grid, colisões e gravidade.
Código-Fonte
Sistema de Coordenadas
Nesta aventura entenderemos o sistema de coordenadas.
Código-Fonte
Snake
Desenvolveremos este clássico dos games primordiais.
Código-Fonte
Material Didático
Acesse e estude o conteúdo teórico do curso, explore e realize testes com os códigos e exemplos.
Ver Detalhes
Aulas Particulares
O material do curso é gratuito e open-source, entretanto, há a opção de aulas particulares para explicações e dúvidas.
Entre em contato e apoie o projeto!
WhatsApp
Email