Uma biblioteca JavaScript 3D que facilita criar e renderizar cenas 3D no navegador com WebGL e WebGPU.
BabylonJS/Babylon.js
Engine de jogos 3D e renderização em JavaScript/TypeScript que roda no navegador com WebGL, WebGPU e WebXR.
Alternativa open source a:Unity WebGL
- Estrelas
- 26,217
- Forks
- 3,711
- Issues abertas
- 23
- Último commit
- há 3 horas
O que é?
Babylon.js é uma engine 3D de código aberto para criar jogos, cenas interativas e visualizações que rodam no navegador. Escrita em TypeScript e distribuída como um framework JavaScript com suporte completo a tipagem, pode ser instalada pelo npm, carregada de uma CDN para experimentos ou incluída no bundle de uma aplicação maior.
A engine oferece um grafo de cena com câmeras, luzes, meshes e criadores de formas integrados, além de importar arquivos de cena glTF e .babylon. Entre os recursos de renderização estão WebGL, WebGPU e WebXR para realidade virtual e aumentada, e a engine também expõe Web Audio para áudio. Um playground público e uma coleção de exemplos permitem testar chamadas da API no navegador antes de escrever código.
A documentação do projeto aborda a configuração, os pacotes ES6 do npm para tree shaking e um conjunto de exportadores para 3ds Max, Maya e Blender. A CDN é voltada ao aprendizado e a pequenos experimentos, não ao uso em produção.
Recursos principais
- 01Renderiza cenas 3D com suporte a WebGL, WebGPU e WebXR.
- 02Importa arquivos de cena glTF e .babylon.
- 03Oferece criadores de meshes, câmeras, luzes e materiais integrados.
- 04Disponibiliza pacotes npm com tipagens TypeScript e módulos ES6 para tree shaking.
- 05Inclui um playground online e vários exemplos para aprender a API.
Casos de uso
- Criar jogos 3D ou experiências interativas que rodam no navegador.
- Criar visualizações web e visualizadores de produtos com modelos 3D.
- Desenvolver aplicações WebXR para headsets de VR e AR.
- Prototipar ideias 3D rapidamente no playground online antes de escrever um projeto.
Início rápido
- 1
Instale o Babylon.js pelo npm
npm install babylonjs --save - 2
Importe o Babylon.js no seu código
import * as BABYLON from 'babylonjs'; - 3
Crie um mecanismo, uma cena e um loop de renderização usando o exemplo de uso do README
Antes de usar
- O CDN não foi feito para uso em produção, então você precisa hospedar os pacotes por conta própria em aplicativos reais.
Em coleções
Tópicos
Perguntas frequentes
- O que é Babylon.js?
- Engine de jogos 3D e renderização em JavaScript/TypeScript que roda no navegador com WebGL, WebGPU e WebXR. Babylon.js é uma engine 3D de código aberto para criar jogos, cenas interativas e visualizações que rodam no navegador. Escrita em TypeScript e distribuída como um framework JavaScript com suporte completo a tipagem, pode ser instalada pelo npm, carregada de uma CDN para experimentos ou incluída no bundle de uma aplicação maior.
- Babylon.js é gratuito? Qual é a licença?
- Babylon.js é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
- Babylon.js ainda é mantido?
- Manutenção ativa. O último commit de Babylon.js foi em 22 de out. de 2026.
- Para que posso usar Babylon.js?
- Criar jogos 3D ou experiências interativas que rodam no navegador. Criar visualizações web e visualizadores de produtos com modelos 3D. Desenvolver aplicações WebXR para headsets de VR e AR. Prototipar ideias 3D rapidamente no playground online antes de escrever um projeto.
- Como instalar Babylon.js?
- Instale o Babylon.js pelo npm: npm install babylonjs --save Importe o Babylon.js no seu código: import * as BABYLON from 'babylonjs'; Crie um mecanismo, uma cena e um loop de renderização usando o exemplo de uso do README
- Onde consigo Babylon.js?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/BabylonJS/Babylon.js
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma biblioteca rápida de renderização 2D para a web que desenha gráficos, sprites e texto com WebGL e WebGPU.
Framework .NET para criar jogos 2D e 3D multiplataforma em C#, reimplementando o XNA Framework descontinuado pela Microsoft.
Um fork gratuito e de código aberto do Blender, focado em dar continuidade ao Blender Game Engine para criar jogos e experiências 3D interativos.
Coleção de componentes auxiliares e hooks prontos para criar cenas 3D com react-three-fiber.
Um wrapper React para a biblioteca postprocessing que permite aplicar efeitos de pós-processamento a cenas do react-three-fiber de forma declarativa, usando componentes JSX.