Repolode
Enviar
mrdoob

mrdoob/three.js

Una biblioteca 3D de JavaScript que facilita crear y renderizar escenas 3D en el navegador con WebGL y WebGPU.

Ver en GitHubSitio web
Estrellas
116,683
Forks
36,715
Issues abiertos
392
Último commit
hace 11 horas

¿Qué es?

Three.js es una biblioteca 3D de JavaScript de propósito general, diseñada para ser fácil de usar y ligera en distintos navegadores. Proporciona escenas, cámaras, geometrías, materiales y renderizadores para que los desarrolladores puedan crear contenido 3D sin escribir directamente código WebGL de bajo nivel.

Las compilaciones principales incluyen renderizadores WebGL y WebGPU, mientras que los renderizadores SVG y CSS3D están disponibles como addons. Un ejemplo mínimo crea una escena, una cámara y un cubo, y luego lo anima con un bucle de renderizado.

El proyecto se publica en npm con el paquete "three" y también se puede cargar directamente en el navegador. En su sitio web se alojan ejemplos oficiales, documentación y un manual.

Funciones clave

  • 01Grafo de escena con cámaras, geometrías, materiales y mallas
  • 02Renderizadores WebGL y WebGPU en la compilación principal
  • 03Renderizadores SVG y CSS3D disponibles como addons
  • 04Disponible en npm y utilizable directamente en el navegador

Casos de uso

  • Crear visualizaciones 3D interactivas o visores de productos en la web
  • Desarrollar juegos para navegador o escenas 3D animadas
  • Desarrollar experiencias WebXR para dispositivos de AR y VR

Inicio rápido

  1. 1

    Haz un shallow clone del repositorio para reducir el tamaño de la descarga

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

    Importa THREE en un archivo JavaScript y crea una escena, una cámara y un renderizador WebGL, como se muestra en el ejemplo de uso del README

  3. 3

    Abre la página en un navegador para ver el cubo giratorio

Antes de usarlo

  • Una copia completa del repositorio con todo el historial ocupa unos 2 GB.

Temas

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

Preguntas frecuentes

¿Qué es three.js?
Una biblioteca 3D de JavaScript que facilita crear y renderizar escenas 3D en el navegador con WebGL y WebGPU. Three.js es una biblioteca 3D de JavaScript de propósito general, diseñada para ser fácil de usar y ligera en distintos navegadores. Proporciona escenas, cámaras, geometrías, materiales y renderizadores para que los desarrolladores puedan crear contenido 3D sin escribir directamente código WebGL de bajo nivel.
¿three.js es gratuito? ¿Qué licencia tiene?
three.js es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿three.js sigue mantenido?
Mantenimiento activo. El último commit de three.js fue el 20 oct 2026.
¿Para qué puedo usar three.js?
Crear visualizaciones 3D interactivas o visores de productos en la web Desarrollar juegos para navegador o escenas 3D animadas Desarrollar experiencias WebXR para dispositivos de AR y VR
¿Cómo se instala three.js?
Haz un shallow clone del repositorio para reducir el tamaño de la descarga: git clone --depth=1 https://github.com/mrdoob/three.js.git Importa THREE en un archivo JavaScript y crea una escena, una cámara y un renderizador WebGL, como se muestra en el ejemplo de uso del README Abre la página en un navegador para ver el cubo giratorio
¿Dónde consigo three.js?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/mrdoob/three.js

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados