Aprenda Three.JS com Projetos Interativos

Um Guia Abrangente para Iniciantes no Desenvolvimento de Aplicativos Web Three.JS

Este curso conciso é projetado para pessoas que são novas no Three.JS e desejam adquirir uma base sólida nos fundamentos do desenvolvimento de aplicativos web Three.JS. Ao longo deste curso, os alunos terão a oportunidade de se envolver em projetos práticos, trabalhando ao lado de um instrutor experiente para obter experiência prática em Three.JS. O curso abrange uma ampla gama de tópicos básicos em Three.JS, incluindo a criação de uma cena básica do Three.JS, adição de uma câmera de perspectiva, ajuste da posição da câmera, implementação do renderizador WebGL, modificação do plano de fundo do renderizador, atualização do tamanho do renderizador, criação de uma esfera usando geometria de esfera, carregamento de imagens com carregador de texturas, mapeamento de imagens como texturas para materiais, adição de luz ambiente e luz direcional à cena, animação da rotação da esfera, utilização do carregador glTF para carregar modelos glTF, controle do movimento da câmera com controles de órbita, visualização de modelos glTF de ângulos diferentes com câmera ortográfica, adição de efeitos de pós-processamento com compositor de efeitos e passagem de renderização, incorporação de efeitos dinâmicos com passagem de imagem posterior e passagem de falha, aplicação de passagem de tela de pontos para efeito pontilhado em preto e branco, obtenção de um efeito semelhante a um filme antigo com passagem de filme, criação de um efeito em escala de cinza usando passagem de meio-tom, adição de efeito de pixelização com passagem de sombreador, desenvolvimento de um aplicativo web de configurador de canecas, implementação de código para alterar a cor da caneca, aplicação de texturas à caneca usando carregador de texturas, remoção da cor aplicada antes de aplicar uma textura, remoção da textura aplicada antes de aplicar uma cor, limitação do zoom com controles de órbita, limitação do ângulo de rotação polar com controles de órbita, criação de mapas de ambiente de 360 graus usando imagens de skybox com câmera de cubo e carregamento de 6 imagens de skybox com carregador de textura de cubo. Além do Three.JS, os alunos também aprenderão vários tópicos de JavaScript, como lidar com ouvintes de eventos para redimensionamento da janela, arrastar e soltar e rolagem do mouse para ampliar e reduzir, gerenciar arquivos de imagem, criar ícones de cores e criar ícones de textura. Ao final deste curso, os alunos terão adquirido as habilidades e conhecimentos necessários para configurar arquivos HTML e CSS com confiança, criar uma cena básica do Three.JS com câmera e renderizador, desenvolver elementos interativos como esferas e texturas, adicionar luzes para aprimorar a cena, animar a cena, lidar com a entrada do usuário, carregar modelos glTF, aplicar efeitos de pós-processamento, criar um configurador de canecas, controlar a câmera usando controles de órbita e utilizar câmera de cubo para criar imagens impressionantes de 360°. Embarque nesta emocionante jornada de aprendizado e desbloqueie o potencial do desenvolvimento de aplicativos web Three.JS hoje mesmo!