Repolode
Enviar
mrdoob

mrdoob/three.js

Uma biblioteca JavaScript 3D que facilita criar e renderizar cenas 3D no navegador com WebGL e WebGPU.

Ver no GitHubSite
Estrelas
116,683
Forks
36,715
Issues abertas
392
Último commit
há 11 horas

O que é?

Three.js é uma biblioteca JavaScript 3D de uso geral, projetada para ser fácil de usar e leve em diferentes navegadores. Ela oferece cenas, câmeras, geometrias, materiais e renderizadores para que os desenvolvedores criem conteúdo 3D sem precisar escrever código WebGL de baixo nível diretamente.

As versões principais incluem renderizadores WebGL e WebGPU, enquanto renderizadores SVG e CSS3D estão disponíveis como addons. Um exemplo mínimo cria uma cena, uma câmera e um cubo, e depois o anima com um loop de renderização.

O projeto é publicado no npm como o pacote "three" e também pode ser carregado diretamente no navegador. Exemplos oficiais, documentação e um manual estão disponíveis no site do projeto.

Recursos principais

  • 01Grafo de cena com câmeras, geometrias, materiais e malhas
  • 02Renderizadores WebGL e WebGPU na versão principal
  • 03Renderizadores SVG e CSS3D disponíveis como addons
  • 04Disponível no npm e utilizável diretamente no navegador

Casos de uso

  • Criar visualizações 3D interativas ou visualizadores de produtos na web
  • Desenvolver jogos para navegador ou cenas 3D animadas
  • Desenvolver experiências WebXR para dispositivos de AR e VR

Início rápido

  1. 1

    Faça um shallow clone do repositório para reduzir o tamanho do download

    git clone --depth=1 https://github.com/mrdoob/three.js.git
  2. 2

    Importe THREE em um arquivo JavaScript e crie uma cena, uma câmera e um renderizador WebGL, conforme mostrado no exemplo de uso do README

  3. 3

    Abra a página em um navegador para ver o cubo girando

Antes de usar

  • Um clone completo do repositório com todo o histórico ocupa cerca de 2 GB.

Tópicos

#webgl#webgpu#3d#graphics#javascript#webxr#rendering#augmented-reality#canvas#html5

Perguntas frequentes

O que é three.js?
Uma biblioteca JavaScript 3D que facilita criar e renderizar cenas 3D no navegador com WebGL e WebGPU. Three.js é uma biblioteca JavaScript 3D de uso geral, projetada para ser fácil de usar e leve em diferentes navegadores. Ela oferece cenas, câmeras, geometrias, materiais e renderizadores para que os desenvolvedores criem conteúdo 3D sem precisar escrever código WebGL de baixo nível diretamente.
three.js é gratuito? Qual é a licença?
three.js é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
three.js ainda é mantido?
Manutenção ativa. O último commit de three.js foi em 20 de out. de 2026.
Para que posso usar three.js?
Criar visualizações 3D interativas ou visualizadores de produtos na web Desenvolver jogos para navegador ou cenas 3D animadas Desenvolver experiências WebXR para dispositivos de AR e VR
Como instalar three.js?
Faça um shallow clone do repositório para reduzir o tamanho do download: git clone --depth=1 https://github.com/mrdoob/three.js.git Importe THREE em um arquivo JavaScript e crie uma cena, uma câmera e um renderizador WebGL, conforme mostrado no exemplo de uso do README Abra a página em um navegador para ver o cubo girando
Onde consigo three.js?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/mrdoob/three.js

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados