[2023] Programação de Jogos Clássicos 2D em JavaScript com ThreeJS
Aprenda JavaScript do zero e crie 9 jogos 2D e 3D, aprenda Three.js e aprimore suas habilidades!

Aprenda JavaScript do zero e crie 9 jogos 2D e 3D, aprenda Three.js e aprimore suas habilidades!

O desenvolvimento de jogos é atualmente uma indústria significativa e em rápido crescimento, à medida que as gerações passam seu tempo com essa forma moderna de entretenimento. O conhecimento da linguagem JavaScript e a popularidade dos navegadores da web nos oferecem enormes possibilidades de alcançar jogadores em potencial. É por isso que este curso foi criado, para ensinar você a criar jogos baseados em jogos clássicos 2D e apresentar a você os gráficos 3D usando o Three.js. Além disso, o curso inclui uma introdução ao JavaScript do zero, caso você não esteja familiarizado com essa linguagem. Este curso é uma excelente introdução ao desenvolvimento de jogos, pois você criará os seguintes 9 projetos:

- Flappy Duck - Uma versão polonesa do famoso jogo de sucesso.
- Snake - Um jogo conhecido e amado da era dos telefones parecidos com tijolos.
- Jogo da Velha - Um jogo popular da infância jogado com papel e caneta, agora considerado quase um artefato colecionável.
- Quiz - O melhor jogo para noites de inverno, com respostas, perguntas e pontos, emoção garantida, quase como colher cogumelos!
- Ping Pong - Um jogo de sucesso dos anos 70, cujo poder nem se compara aos termômetros eletrônicos de hoje.
- Memória - Um pouco como o Tinder, onde você procura pares para ganhar pontos, apenas as fotos não são de anos atrás.
- Tetriada - Famoso jogo de blocos caindo, um sucesso jogado por dinossauros antes dos smartphones serem inventados e apenas três canais estarem disponíveis na TV.
- Quebra Tijolos - Um jogo conhecido onde você destrói tijolos rebatendo uma bola com uma raquete, a melhor maneira de alcançar a catarse!
- Jogo de Pilha - Um jogo 3D Three.js onde você empilha blocos que chegam um após o outro para criar a torre mais alta.

Além disso, você aprenderá a biblioteca Three.js do zero, que permite gerar gráficos 3D no canvas usando JavaScript. Você não precisa conhecer gráficos 3D! Passo a passo, você aprenderá:

- Criando geometria 3D: cubos, esferas, cones, cilindros, planos, texto 3D baseado em fontes, geometria personalizada com cores de vértices aleatórios, etc.
- Cena 3D: noções básicas de gráficos 3D, câmera, sistema de coordenadas, transformações 3D - translação e rotação, escala de objetos, etc.
- Agrupando objetos e sua rotação, também com base em uma curva 3D, por exemplo, girando a lua ao redor de um planeta que gira ao redor do sol.
- Materiais e texturas - carregando texturas, canal alfa, sombreamento estilo desenho animado, mapas normais, mapas de cubo e skyboxes.
- Luzes e sombras dinâmicas - usando iluminação na cena junto com sombras dinâmicas para dar vida ao seu jogo.
- Carregando modelos 3D com animação, por exemplo, de arquivos Blender ou OBJ ou GLTF - você verá onde encontrar modelos de código aberto para seus jogos, como exportá-los do Blender e carregá-los na cena Three.js. Além disso, usando o mixer de animação, você reproduzirá animações salvas no modelo de acordo com suas necessidades.
- Raycaster, tween.js, animações personalizadas de keyframe - você usará o raycaster para apontar para objetos na cena usando o mouse. Além disso, você criará suas próprias animações na cena usando a biblioteca Tween.js. No final, você criará animações muito avançadas de geometria, escala, transparência, posição e rotação na forma de keyframes e sua interpolação.
- Cannon.js - você se familiarizará com a biblioteca de simulação de física em JavaScript, que dará vida às suas cenas 3D.
- Jogo de Pilha - você aplicará os conhecimentos adquiridos para criar um jogo 3D baseado em Three.js.

Além disso, o curso inclui uma seção dedicada à programação moderna em JavaScript, ou seja, ES6, pois a usaremos várias vezes ao criar os jogos, dividindo-os em módulos, classes, etc. Fiz todos os esforços para tornar os vídeos acessíveis e compreensíveis, e fontes adicionais para cada etapa da criação de aplicativos individuais são fornecidas abaixo dos vídeos.

Observação: Você deve conhecer HTML, CSS básico e JavaScript antes de fazer este curso. Convido você calorosamente!

O que você aprenderá:

- Use o ES6 para criar jogos em JavaScript. Se você não está familiarizado com o JS moderno, não se preocupe, há uma seção separada dedicada a isso.
- Escreva jogos simples como Jogo da Velha, Snake, Quiz, mas também jogos mais avançados como Tetriada ou Memória.
- Aprenda uma biblioteca popular para criar gráficos 3D interativos no navegador, ou seja, Three.js, e use luzes, sombras e outros efeitos.
- Familiarize-se com a biblioteca de simulação de física 3D, Cannon.js, para tornar suas cenas mais realistas com reações a colisões, etc.
- Veja como o canvas pode ser usado para pintar elementos de jogos.
- Aprimore suas habilidades e portfólio com jogos interativos em JavaScript.
- Carregue modelos 3D prontos, como personagens com animações, no Three.js e reproduza-os na cena, tudo em um navegador de computador ou smartphone!