Voltar para o início

Theo Andrade, desenvolvedor criativo em Belo Horizonte

Three.js para designers

Leve suas ideias de interface para o 3D no navegador, escrevendo pouco código.

11 aulas em 4 módulos, 4h 31min de vídeo. Nota 4,8 em 298 avaliações.

Sobre o curso

Você vai construir quatro cenas completas, do cubo girando a uma galeria interativa com câmera, luz e shaders simples. Cada aula começa com o resultado e desmonta o código até ele ficar óbvio.

Não precisa saber matemática além da escola. Precisa saber o básico de HTML, CSS e um pouco de JavaScript.

Ao final, você vai conseguir

  • Montar cena, câmera e luz do zero
  • Importar modelos glTF e trocar materiais
  • Animar com scroll e com o mouse
  • Escrever seu primeiro shader de fragmento

Conteúdo

Intermediário. 11 aulas, 4h 31min no total. As aulas abertas podem ser vistas antes da compra.

  1. Módulo 1Fundamentos da cena3 aulas, 1h 2min
    • Renderer, cena e câmera em 20 linhasAula aberta17 min
    • Geometria, material e malha21 min
    • Luz e sombra sem sofrimento24 min
  2. Módulo 2Movimento3 aulas, 1h 1min
    • O loop de animação14 min
    • Molas e suavização19 min
    • Interação com scroll e arraste28 min
  3. Módulo 3Modelos e texturas2 aulas, 48 min
    • Do Blender para o glTF22 min
    • Texturas de canvas geradas em código26 min
  4. Módulo 4Shaders3 aulas, 1h 40min
    • O que acontece em cada pixel25 min
    • Gradientes, ruído e distorção31 min
    • Projeto final: galeria em fita de filme44 min

A turma conversa aqui

Cada curso tem um fórum próprio, com 1.755 alunos e cerca de 72 conversas novas por semana. Theo responde dúvidas e comenta os trabalhos da turma.

  • Raycast não pega o objeto depois de escalar o grupo

    Bruna K.há 40 minutos

    14
  • Galeria da turma: projetos finais de setembro

    Theo AndradeCriadorhá 3 dias

    88
  • WebGPU já vale a pena em produção?

    Igor M.há 5 dias

    26

O fórum abre junto com o acesso às aulas.

Quem ensina

Theo Andrade

Desenvolvedor criativo em Belo Horizonte, @theoandrade.dev

Desenvolve sites interativos para marcas e museus. Antes de programar, trabalhou seis anos como designer gráfico, por isso ensina pensando em quem vem do Figma.

R$ 597,00

ou 12x de R$ 49,75

Comprar curso