Three.js Intermediário com Shaders

Crie um Globo 3D Interativo com Shaders Personalizados do ThreeJS

Bem-vindo ao curso de ThreeJS Intermediário com Shaders, onde você aprenderá como criar um globo 3D interativo com shaders personalizados do ThreeJS. Meu nome é Benjamin Scott e sou um Engenheiro Full-Stack experiente com mais de uma década de experiência em desenvolvimento web. Ao longo da minha carreira, colaborei com instituições renomadas como a Universidade de Oxford, o Campeonato de Esportes e agências renomadas como Visionary Creators. O objetivo deste curso é equipá-lo com as habilidades para escrever seus próprios shaders personalizados do ThreeJS usando GLSL e demonstrar como incorporar esses shaders em uma cena prática do ThreeJS. Além disso, você aprenderá como posicionar dinamicamente pontos de dados no globo com base na latitude e longitude de vários países. Há uma escassez de recursos abrangentes sobre esse tópico, então decidi abordá-lo neste curso. Durante este curso, você adquirirá conhecimento nas seguintes áreas: - Shaders de vértice - Shaders de fragmento - Importando Shaders com Plugins Vite - Compreendendo Normais - Utilizando Uniformes - Trabalhando com Atributos - Explorando Varyings - Implementando Nuvens de Pontos e Partículas - Importando Dados em Massa - Animando Malhas Retangulares - Adicionando Funcionalidade de Clique e Arraste - Garantindo Responsividade da Cena - Incorporando Ouvintes de Eventos de Toque E muito mais! Se você está comprometido em elevar suas habilidades em ThreeJS, os shaders são o próximo passo lógico após se familiarizar com o framework. Permita-me guiá-lo através da produção completa de uma cena 3D que você pode utilizar efetivamente para um site real. O que você aprenderá: - Criar e compreender a composição e configuração de shaders do ThreeJS - Importar texturas para o seu shader para construir um globo - Desenvolver shaders de vértice e fragmento - Incorporar shaders em um projeto vite - Compreender termos 3D complexos, como normais, atributos, varyings e UVs - Desenhar pontos de dados interativos em um globo usando latitude e longitude - Importar e interpretar dados em massa dentro de uma cena - Animar malhas geradas com GSAP - Adicionar funcionalidade de clique e arraste ao globo - Dimensionar uma cena 3D para tamanhos de tela menores - Implementar ouvintes de eventos móveis