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 e documentos.
Prática
Desenvolvimento das nossas habilidades por meio 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 2D.
Exemplos
Exemplos intuitivos para facilitar a assimilação de ideias.
Tecnologias
Apenas um web browser e um editor de código será o suficiente para iniciarmos, sem necessidade de bibliotecas ou engines.
HTML e CSS
Linguagens fundamentais para construção de websites elegantes.
JavaScript Puro
Linguagem de programação popular usada em todos os navegadores.
Canvas API
Tecnologia que nos permite desenhar e trabalhar com animações no navegador.
Inteligência Artificial
Ferramenta essencial para aumentar a produtividade do programador.
Web Browser
O navegador fornece um ambiente robusto para desenvolvimento e testes.
Editor de Código
Software crucial para escrever, editar e organizar código de forma eficiente.
Conteúdo de Aprendizado
Estudaremos uma variedade de temas, desde matemática e lógica até aspectos artísticos, como desenho e animação.
Arte da Programação
Compreenda conceitos vitais através de exemplos e exercícios.
Introdução ao Canvas
Conheça o Canvas HTML, elemento no qual faremos nossos desenhos.
Sistema de Coordenadas
Entenda como funciona o sistema de coordenadas do Canvas.
Desenho de Objetos
Aprenda como desenhar os mais diversos tipos de objetos no Canvas.
Animação e Interação
Descubra como animar personagens e responder às ações de um jogador.
Game Loop e Lógica
Saiba como trabalhar e gerenciar a lógica do game e construir um game loop.
Relógio e Tempo
Explore o conceito de tempo e sua importância dentro dos vídeo-games.
Recursos Avançados
Esteja ciente sobre recursos avançados e outras tecnologias significativas.
Projetos Práticos
Elabore projetos completos usando clean code e boas práticas de desenvolvimento.
Material Didático
Tenha contato com um material visual de apoio ao aprendizado.
Games Desenvolvidos
Conheça os games que vamos construir e desenvolver durante esta grande aventura lúdica.
A Jornada de Ismael
Nesta jornada aprenderemos a manipular imagens e trabalhar com animações.
Alpha Wings
Neste projeto vamos explorar o conceito de eventos e tempo.
Conway's Game of Life
Interessante experiência no mundo da matemática e lógica.
Elder Dragon
Aqui iremos aperfeiçoar nossa habilidade com animações e tempo!
Shadow Templar
Nosso primeiro Platformer 2D usando um sistema de grid, colisões e gravidade.
Sistema de Coordenadas
Nesta aventura entenderemos o sistema de coordenadas.
Snake
Desenvolveremos este clássico primordial do universo dos games.
Tetris
Aprimoraremos nossa lógica construindo este tradicional puzzle game.
Projeto Final
Para concluir com chave de ouro, vamos construir por etapas um Protótipo de um Role-Playing Game.
Setup
Começamos definindo a estrutura base geométrica e física do game.
Sprites
Aplicamos os sprites para conceder uma estética visual bonita ao game.
Spells
O herói precisará de habilidades mágicas poderosas para se defender.
Minimap
O mapa é um utensílio essencial para ajudar o aventureiro na sua trajetória.
Enemies
O corajoso personagem deve estar preparado para enfrentar inimigos.
NPCs
Nossos aliados vão nos ajudar com dedicação nesta difícil missão.
Items
Os artefatos ancestrais servem para potencializar nosso herói.
Menu
Aqui implementamos o menu iniciar e o sistema de pause da interface visual.
Visual Effects
Os efeitos visuais visam tornar o nosso game mais bonito e dinâmico.
Sound Effects
Finalizamos nosso game com efeitos sonoros e refinamentos.
Material Completo
Acesse e estude o conteúdo teórico do curso, explore e realize testes com os códigos e exemplos.
Tecnologias
Documento explicativo sobre as tecnologias usadas no projeto.
Fundamentos
Conteúdo técnico introdutório sobre a linguagem de programação JavaScript.
Exercícios
Lista de exercícios para o estudante praticar suas habilidades.
Material Didático
Material ilustrado que busca facilitar o domínio dos conceitos estudados.
Exemplos Práticos
Exemplos que apresentam as ideias exploradas de forma simplificada.
Games Construídos
Código-fonte de todos os games desenvolvidos durante a jornada.
Jornada Retrô
Material bônus com o panorama do desenvolvimento de games retrô.
Grimório Mágico
Guia especial de maestria da arte dos games 2D no estilo clássico.
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!