Repolode
Enviar
jonobr1

jonobr1/two.js

API de dibujo 2D para la web, independiente del renderizador, que representa la misma escena con WebGL, Canvas 2D o SVG.

Ver en GitHubSitio web
Estrellas
8,699
Forks
469
Issues abiertos
31
Último commit
hace 4 días

¿Qué es?

Two.js es una biblioteca de JavaScript para crear gráficos bidimensionales en navegadores modernos. Permite definir formas, texto y grupos mediante una sola API, y representar la misma escena con WebGL, Canvas 2D o SVG sin cambiar el código de dibujo.

La biblioteca se basa en un scenegraph, que permite agrupar, transformar y animar objetos mediante un ciclo de actualización por fotograma. Se puede incluir con una compilación minificada mediante una etiqueta script, instalar desde npm o importar como módulos ES6 en proyectos que usan bundlers, como React o webpack.

Two.js también puede ejecutarse sin interfaz gráfica en Node.js junto con el paquete node-canvas, lo que permite representar una escena y guardarla como archivo PNG en un servidor.

Funciones clave

  • 01Representa la misma escena con WebGL, Canvas 2D o SVG.
  • 02Ofrece un scenegraph con grupos, transformaciones y actualizaciones por fotograma.
  • 03Está disponible como compilación para etiquetas script, paquete npm y módulos ES6.
  • 04Permite la representación sin interfaz gráfica en Node.js mediante node-canvas.
  • 05Permite crear compilaciones personalizadas que incluyan solo los renderizadores necesarios.

Casos de uso

  • Crear animaciones 2D interactivas o gráficos en movimiento para la web.
  • Dibujar ilustraciones vectoriales que necesiten alternar entre SVG y la salida en canvas.
  • Generar imágenes PNG de escenas 2D en un servidor.
  • Añadir gráficos 2D ligeros a React u otras aplicaciones de frontend basadas en bundlers.

Inicio rápido

  1. 1

    Instálala con npm

    npm install --save two.js
  2. 2

    Incluye la biblioteca minificada en tu HTML

    <script src="js/two.min.js"></script>

Antes de usarlo

  • La importación de la biblioteca completa carga todos los módulos, por lo que todavía no hay tree shaking.

Temas

#2d-graphics#canvas#svg#webgl#animation#scenegraph#javascript#vector-graphics#2d#bitmap-graphics

Preguntas frecuentes

¿Qué es two.js?
API de dibujo 2D para la web, independiente del renderizador, que representa la misma escena con WebGL, Canvas 2D o SVG. Two.js es una biblioteca de JavaScript para crear gráficos bidimensionales en navegadores modernos. Permite definir formas, texto y grupos mediante una sola API, y representar la misma escena con WebGL, Canvas 2D o SVG sin cambiar el código de dibujo.
¿two.js es gratuito? ¿Qué licencia tiene?
two.js es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿two.js sigue mantenido?
Mantenimiento activo. El último commit de two.js fue el 3 nov 2026.
¿Para qué puedo usar two.js?
Crear animaciones 2D interactivas o gráficos en movimiento para la web. Dibujar ilustraciones vectoriales que necesiten alternar entre SVG y la salida en canvas. Generar imágenes PNG de escenas 2D en un servidor. Añadir gráficos 2D ligeros a React u otras aplicaciones de frontend basadas en bundlers.
¿Cómo se instala two.js?
Instálala con npm: npm install --save two.js Incluye la biblioteca minificada en tu HTML: <script src="js/two.min.js"></script>
¿Dónde consigo two.js?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/jonobr1/two.js

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

Proyectos relacionados

tsparticles / tsparticles

Una biblioteca ligera de TypeScript, con pocas dependencias, para crear animaciones personalizables de partículas, confeti y fuegos artificiales en el navegador, con wrappers para los principales frameworks.

Frontend y UI#particles#animation#canvas
9,1 mil+15 esta semana956TypeScriptMITActualizado hace 11 horas