Curso de Programação com JavaScript e Three.js Completo from Udemy

Three.js é uma biblioteca JavaScript/API cross-browser usada para criar e mostrar gráficos 3D animados em um navegador web. Three.js usa WebGL. O código-fonte é hospedado em um repositório no GitHub.

Three.js permite a criação de animações 3D aceleradas de GPU usando a linguagem JavaScript como parte de um website sem depender de extensões de browsers proprietárias. Isto é possível graças ao advento do WebGL.

Bibliotecas de alto nível como Three.js ou GLGE, SceneJS, PhiloGL ou um número de outras bibliotecas tornam possível ao autor animações de computador 3D complexas que mostram no browser sem o esforço necessário para uma aplicação stand-alone tradicional ou um plugin.

Three.js inclui os seguintes recursos:

Efeitos: Anaglifo, olhos cruzados e barreira paralaxe.
Cenários: adiciona e remove objetos em tempo de execução; névoa
Câmeras: perspectiva e ortográfico; controladores: trackball, FPS, path e mais
Animação: armaduras, cinemática direta, cinemática inversa, animação por vértice e quadro-chave
Luzes: ambiente, direção, luzes de ponto e local; sombras: cast e receive
Materiais: Lambert, Phong, smooth shading, texturas e mais
Sombreadores: acesso a todas as capacidades do OpenGL Shading Language (GLSL): lens flare, depth pass e extensa biblioteca de pós-processamento
Objetos: malhas, partículas, sprites, linhas, fitas, ossos e mais - tudo com nível de detalhe
Geometria: plana, cubo, esfera, toro, texto 3D e mais; modificadores: lathe, extrude e tubo
Carregadores de dados: binário, imagem, JSON e cenário
Utilidades: completa configuração de tempo e funções matemáticas 3D incluindo tronco de bases paralelas, matriz, quaterniões, UVs e mais
Exporta e importa: utilidades para criar arquivos JSON compatíveis com Three.js de dentro: Blender, openjs, WebGL Inspector, Three.js Inspector

Three.js roda em todos os browsers suportados pelo WebGL 1.0.

Three.js é disponível sob a licença MIT.

What's inside

Syllabus

Curso Completo

Introdução

Fundamentos do THREE JS

Carregando o Modelo 3D da Boneca

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Uses Three.js, a cross-browser JavaScript library/API, which simplifies the creation and display of animated 3D graphics in a web browser using WebGL

Enables the creation of GPU-accelerated 3D animations using JavaScript, allowing for complex computer animations within a browser without relying on proprietary browser extensions

Covers effects like Anaglyph, cameras with trackball and FPS controllers, animation techniques, various light types, materials with smooth shading and textures, and access to GLSL capabilities

Includes utilities for exporting and importing, allowing for the creation of Three.js compatible JSON files from Blender, OpenJS, WebGL Inspector, and Three.js Inspector

Requires learners to have access to software such as Blender, OpenJS, WebGL Inspector, and Three.js Inspector, which may not be readily available to all learners

Reviews summary

Curso programação javascript three.js

Dados dos reviews não fornecidos. Não foi possível gerar o resumo baseado nas opiniões dos alunos. Para uma análise completa, as avaliações dos estudantes são essenciais.

Dados dos reviews não foram fornecidos.

"Não foi possível analisar os reviews para identificar os pontos fortes e fracos mencionados pelos alunos sem os dados de avaliação completos."

"A geração de um resumo e notas detalhadas requer o conteúdo das avaliações e a sua distribuição de notas."

"Esta análise não pôde ser concluída pois os dados de entrada necessários (reviews e distribuição) não estavam presentes no pedido."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Curso de Programação com JavaScript e Three.js Completo with these activities:

Revisar Fundamentos de JavaScript

Show steps

Refresque seus conhecimentos de JavaScript para garantir uma base sólida antes de começar a trabalhar com Three.js.

Browse courses on JavaScript

Show steps

Revise os conceitos básicos de JavaScript, como variáveis, tipos de dados, funções e objetos.
Pratique a escrita de código JavaScript simples para reforçar sua compreensão.
Explore recursos online e tutoriais para aprimorar suas habilidades em JavaScript.

Ler 'JavaScript Eloquent'

Show steps

Leia este livro para obter uma compreensão mais profunda de JavaScript, o que facilitará o aprendizado de Three.js.

View Putting Knowledge to Work on Amazon

Show steps

Leia os capítulos iniciais sobre os fundamentos da linguagem JavaScript.
Faça os exercícios propostos no livro para praticar os conceitos aprendidos.
Consulte o livro como referência durante o curso para esclarecer dúvidas sobre JavaScript.

Seguir tutoriais de Three.js

Show steps

Siga tutoriais online para aprender os conceitos básicos de Three.js e como criar cenas 3D simples.

Show steps

Encontre tutoriais online que abordem os fundamentos de Three.js.
Siga os tutoriais passo a passo, prestando atenção aos exemplos de código.
Experimente modificar o código dos tutoriais para entender melhor como funciona.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Criar uma cena 3D simples

Show steps

Comece um projeto simples para aplicar os conhecimentos adquiridos no curso e experimentar com Three.js.

Show steps

Planeje uma cena 3D simples com alguns objetos básicos, como um cubo, uma esfera e um plano.
Crie a cena usando Three.js, adicionando os objetos e configurando a câmera e a iluminação.
Experimente com diferentes materiais e texturas para personalizar a aparência dos objetos.
Adicione interatividade à cena, permitindo que o usuário controle a câmera ou os objetos.

Compartilhar projetos no GitHub

Show steps

Compartilhe seus projetos Three.js no GitHub para mostrar seu trabalho e colaborar com outros desenvolvedores.

Show steps

Crie uma conta no GitHub, se ainda não tiver uma.
Crie um repositório para o seu projeto Three.js.
Envie o código do seu projeto para o repositório.
Escreva um arquivo README para descrever o seu projeto e como executá-lo.

Ler 'Three.js Cookbook'

Show steps

Consulte este livro para obter soluções práticas para problemas comuns ao trabalhar com Three.js.

View Putting Knowledge to Work on Amazon

Show steps

Identifique um problema específico que você está enfrentando em seu projeto Three.js.
Procure no Three.js Cookbook por uma solução para o seu problema.
Adapte o código do livro para o seu projeto.

Contribuir para projetos Three.js

Show steps

Contribua para projetos open source relacionados a Three.js para aprimorar suas habilidades e aprender com outros desenvolvedores experientes.

Show steps

Encontre um projeto open source relacionado a Three.js no GitHub.
Leia a documentação do projeto e entenda como ele funciona.
Identifique um bug ou uma funcionalidade que você possa implementar.
Envie um pull request com suas alterações.

Career center

Learners who complete Curso de Programação com JavaScript e Three.js Completo will develop knowledge and skills that may be useful to these careers:

Desenvolvedor Front-End

Um desenvolvedor front-end implementa interfaces de usuário para websites e aplicações web. Este curso pode ajudar a adicionar elementos 3D interativos aos projetos front-end. O conhecimento de Three.js pode permitir que o desenvolvedor crie interfaces mais ricas e dinâmicas, melhorando a experiência do usuário. A habilidade de manipular objetos, animações e efeitos visuais é fundamental para criar interfaces que se destacam pela inovação e pelo apelo visual. Um desenvolvedor front-end que participa deste curso estará mais preparado para implementar funcionalidades 3D complexas em seus projetos.

See salaries and explore the career path for Desenvolvedor Front-End

Desenvolvedor de Jogos

Um desenvolvedor de jogos cria jogos para diversas plataformas. Este curso pode ser útil para construir jogos web com gráficos 3D. O conhecimento de Three.js pode permitir o desenvolvimento de jogos com animações 3D aceleradas por GPU diretamente no navegador. A compreensão dos recursos do Three.js, desde efeitos visuais até a manipulação de objetos e geometria, fornece as ferramentas para criar jogos mais ricos e dinâmicos. Ao participar deste curso, o desenvolvedor de jogos estará mais preparado para implementar funcionalidades 3D complexas em seus projetos.

See salaries and explore the career path for Desenvolvedor de Jogos

Designer de Interação

Um designer de interação cria protótipos e designs que focam na usabilidade e experiência do usuário de produtos digitais. Este curso pode ser importante para gerar elementos 3D interativos. Dominar a animação 3D com Three.js permite que o designer crie protótipos mais realistas e envolventes, demonstrando melhor a funcionalidade e a estética de um produto. O entendimento das câmeras, controladores e animações, ajuda a estruturar interações visuais mais intuitivas e agradáveis. Um designer de interação que participa deste curso estará mais capacitado para criar experiências digitais que se destacam pela inovação e pelo apelo visual.

See salaries and explore the career path for Designer de Interação

Desenvolvedor Web

Um desenvolvedor web cria e mantém sites. Este curso pode ajudar a construir uma base em gráficos 3D para web, uma habilidade cada vez mais procurada para criar experiências de usuário interativas e imersivas. O conhecimento de Three.js permite que o desenvolvedor trabalhe com animações 3D aceleradas por GPU diretamente no navegador. A compreensão dos recursos do Three.js, desde efeitos visuais como anaglifos até a manipulação de objetos e geometria, fornece as ferramentas necessárias para criar interfaces web mais ricas e dinâmicas. Ao participar deste curso, o desenvolvedor web estará mais preparado para implementar funcionalidades 3D complexas em seus projetos.

See salaries and explore the career path for Desenvolvedor Web

Artista 3D

Um artista 3D modela, texturiza e renderiza objetos e ambientes 3D para diversas aplicações. Este curso pode ajudar a criar modelos 3D interativos para a web. A familiaridade com Three.js pode permitir que o artista apresente seu trabalho de forma mais dinâmica e acessível, sem depender de softwares proprietários. A habilidade de carregar e manipular dados, juntamente com o conhecimento de materiais e sombreadores, fornece as ferramentas necessárias para otimizar modelos 3D para a web e criar experiências visuais impressionantes. Este curso pode dar ao artista 3D uma vantagem competitiva no mercado de trabalho, ampliando suas habilidades para além do software de modelagem tradicional.

See salaries and explore the career path for Artista 3D

Animador

Um animador cria sequências de imagens para filmes, televisão ou jogos. Este curso pode ajudar a criar animações 3D interativas para a web. A familiaridade com Three.js pode permitir que o animador crie animações que podem ser integradas em sites e aplicações web, expandindo o alcance do seu trabalho. O conhecimento de animação por vértice e quadro-chave, bem como a habilidade de manipular câmeras e controladores, são importantes para criar animações envolventes e realistas. Um animador que participa deste curso estará mais preparado para explorar novas oportunidades no mercado de animação digital.

See salaries and explore the career path for Animador

Visualizador de Dados

Um visualizador de dados transforma dados brutos em gráficos e visualizações compreensíveis. Este curso pode ajudar a criar visualizações de dados 3D interativas para a web. A familiaridade com Three.js pode permitir que o visualizador crie representações 3D de dados que são mais envolventes e informativas. O conhecimento de objetos, geometria e materiais é essencial para criar visualizações que comunicam efetivamente padrões e insights. Um visualizador de dados que participa deste curso estará mais capacitado para apresentar dados de forma inovadora e impactante.

See salaries and explore the career path for Visualizador de Dados

Engenheiro de Realidade Virtual

Um engenheiro de realidade virtual desenvolve aplicações e experiências imersivas. Este curso pode ajudar a criar protótipos de ambientes virtuais para a web. A experiência em Three.js pode permitir que o engenheiro crie visualizações 3D interativas e acessíveis, facilitando a prototipagem e o teste de conceitos de VR. O conhecimento de câmeras, controladores e animações é importante para criar interações realistas e envolventes. Um engenheiro de realidade virtual que participa deste curso estará melhor preparado para explorar as possibilidades da VR e criar experiências inovadoras.

See salaries and explore the career path for Engenheiro de Realidade Virtual

Designer de Produto

Um designer de produto cria e melhora produtos físicos e digitais. Este curso pode ajudar a criar protótipos de produtos 3D interativos para a web. A experiência em Three.js pode permitir que o designer crie visualizações 3D realistas e envolventes de produtos, facilitando a comunicação e a validação de ideias. O conhecimento de objetos, geometria e materiais é essencial para criar protótipos que representam com precisão as características do produto. Um designer de produto que participa deste curso estará melhor preparado para inovar e criar produtos de sucesso.

See salaries and explore the career path for Designer de Produto

Arquiteto

Um arquiteto planeja e projeta edifícios e espaços. Este curso pode ser útil para criar visualizações arquitetônicas 3D interativas para a web. A experiência em Three.js pode permitir que o arquiteto crie apresentações de projetos mais envolventes e acessíveis, facilitando a comunicação com clientes e o público em geral. O conhecimento de objetos, geometria e materiais é essencial para criar visualizações realistas e detalhadas. Um arquiteto que participa deste curso estará melhor preparado para apresentar seus projetos de forma inovadora e impactante.

See salaries and explore the career path for Arquiteto

Designer Gráfico

Um designer gráfico cria elementos visuais para comunicar mensagens. Este curso pode ajudar a criar gráficos 3D animados para a web. O conhecimento de Three.js pode permitir que o designer crie animações 3D aceleradas por GPU diretamente no navegador. A compreensão dos recursos do Three.js, desde efeitos visuais até a manipulação de objetos e geometria, fornece as ferramentas para criar gráficos mais ricos e dinâmicos. Ao participar deste curso, o designer gráfico estará mais preparado para implementar funcionalidades 3D complexas em seus projetos.

See salaries and explore the career path for Designer Gráfico

Consultor de Realidade Aumentada

Um consultor de realidade aumentada assessora empresas na implementação de soluções de RA. O curso pode ser útil para criar protótipos de aplicações de RA para a web. O conhecimento de Three.js ajuda a criar visualizações 3D interativas e acessíveis, facilitando a prototipagem e o teste de conceitos de RA. O entendimento das câmeras, controladores e animações é relevante para criar interações realistas e envolventes. Um consultor de realidade aumentada que participa deste curso estará mais preparado para explorar as possibilidades da RA e criar soluções inovadoras.

See salaries and explore the career path for Consultor de Realidade Aumentada

Especialista em Marketing Digital

Um especialista em marketing digital cria e gerencia campanhas de marketing online. Este curso pode ser útil para criar anúncios e apresentações de produtos 3D interativos. O conhecimento de Three.js pode permitir que o especialista crie experiências de marketing mais envolventes e memoráveis. A habilidade de criar animações 3D aceleradas por GPU diretamente no navegador é importante para gerar conteúdo que se destaca da concorrência. Um especialista em marketing digital que participa deste curso estará mais capacitado para criar campanhas mais eficazes e inovadoras.

See salaries and explore the career path for Especialista em Marketing Digital

Cientista de Dados

Um cientista de dados analisa grandes conjuntos de dados para extrair insights. Este curso pode ajudar a criar visualizações de dados 3D interativas para a web. A familiaridade com Three.js pode permitir que o cientista crie representações 3D de dados que são mais envolventes e informativas. O conhecimento de objetos, geometria e materiais é essencial para criar visualizações que comunicam efetivamente padrões e insights. Um cientista de dados que participa deste curso estará mais capacitado para apresentar dados de forma inovadora e impactante.

See salaries and explore the career path for Cientista de Dados

Professor de Computação Gráfica

Um professor de computação gráfica ensina os princípios e técnicas de criação de imagens e animações por computador. O curso com JavaScript e Three.js pode ser útil para aprimorar o currículo do professor, oferecendo uma abordagem prática e moderna para o ensino de gráficos 3D. O conhecimento de Three.js permite que o professor demonstre a criação de animações 3D aceleradas por GPU diretamente no navegador. A compreensão dos recursos do Three.js, desde efeitos visuais até a manipulação de objetos e geometria, fornece as ferramentas para preparar os alunos para o mercado de trabalho. Ao participar deste curso, o professor estará mais preparado para oferecer um ensino atualizado e relevante.

See salaries and explore the career path for Professor de Computação Gráfica

Curso de Programação com JavaScript e Three.js Completo

What's inside

Syllabus

Traffic lights

Save this course

Reviews summary

Curso programação javascript three.js

Activities

Career center

Reading list

Share

Similar courses