Aprenda Three.Js e Shaders do Zero

Domine a Arte de Construir Websites Imersivos e Criativos

Bem-vindo ao meu curso abrangente sobre ThreeJs e Shaders, onde você embarcará em uma jornada para aprender como construir websites 3D cativantes. Ao longo deste curso, mergulharemos nas profundezas do Three.js e Shaders, descobrindo os segredos por trás da criação de experiências web impressionantes.

Visão Geral do Curso

Este curso está dividido em três seções principais, cada uma focada em um aspecto diferente do Three.js e Shaders.

Seção de Introdução

Nesta seção, abordaremos tudo o que você precisa saber sobre a biblioteca Three.js. Começando do básico, aprenderemos como criar e animar objetos dentro de uma cena. Exploraremos várias técnicas, como adicionar luzes, sombras e partículas para melhorar o apelo visual de seus websites.

Seção de Shaders

Prepare-se para se surpreender enquanto mergulhamos no mundo dos shaders. Começaremos do zero, guiando você pelo processo de dominar os shaders. A paciência é fundamental enquanto você aprende as complexidades dos shaders, mas os resultados valerão a pena. Liberte sua criatividade e descubra as infinitas possibilidades que os shaders oferecem.

Seção de Projetos

Nesta seção, revelaremos alguns dos segredos por trás de projetos bem-sucedidos. Você terá acesso a todo o código necessário para recriar os projetos. A pasta de recursos contém o código inicial para cada aula, bem como o código final uma vez que a lição seja concluída. Se você tiver alguma dúvida ou precisar de esclarecimentos sobre qualquer tópico, sinta-se à vontade para perguntar na seção de perguntas dedicada. Estou aqui para ajudá-lo em cada etapa do caminho.

O Que Você Vai Aprender

Ao final deste curso, você terá adquirido uma ampla gama de habilidades e conhecimentos, incluindo: - Instalar e importar a biblioteca Three.js em seus projetos - Compreender os fundamentos do Three.js por meio de demonstrações e código de exemplo - Explorar a cena, câmera e renderizador do Three.js - Criar sua primeira cena no Three.js - Mover e animar objetos dentro da cena - Utilizar Webpack, Node.js e servir módulos ES6 para clientes do navegador - Aproveitar o poder do pacote Gsap - Dimensionar uma cena 3D para ser responsiva em diferentes telas de exibição - Trabalhar com várias geometrias, como Box, Sphere, Plane, Torus e TorusKnot - Revelar os segredos por trás de projetos selecionados - Compreender diferentes materiais, como Basic, Normal, Lambert, Phong, Standard e Matcap - Utilizar Bumpmaps e Displacement Maps - Explorar painéis Dat GUI - Dominar iluminação e sombras - Navegar através de OrbitControls - Criar cenas impressionantes usando partículas - Carregar modelos com OBJ, GLTF, DRACO, FBX e mais - Utilizar Raycaster para selecionar objetos 3D na cena com o mouse - Criar animações personalizadas e exportar do Blender - Aprender shaders GLSL para criar websites imersivos e criativos - Compreender shaders de vértice e fragmento em detalhes - Explorar funções embutidas, ruídos e importação de texturas em seus shaders - Explicar técnicas de pós-processamento - E muito mais... Junte-se a mim nesta empolgante jornada para se tornar um especialista em Three.js e Shaders. Matricule-se agora e desbloqueie o potencial para construir websites imersivos e criativos. Nos vemos no curso! Instrutor: Ahmad