Repolode
Enviar
sparkjsdev

sparkjsdev/spark

Un renderer de 3D Gaussian Splatting para THREE.js que permite combinar escenas de splats con mallas convencionales en una misma escena.

Ver en GitHub
Estrellas
3,879
Forks
581
Issues abiertos
111
Último commit
hace 18 días

¿Qué es?

Spark es una biblioteca de renderizado que incorpora 3D Gaussian Splatting a THREE.js. Se integra en el pipeline de renderizado de THREE.js, de modo que los objetos de splats y los basados en mallas se pueden dibujar en una misma escena con el orden correcto, y también es posible renderizar varios objetos de splats juntos.

La biblioteca carga los formatos de splats más comunes, como PLY (comprimido y sin comprimir), SPZ, SPLAT, KSPLAT y SOG. Está diseñada para WebGL2 y busca funcionar en una amplia variedad de dispositivos, incluidos móviles de baja potencia. Los splats se pueden transformar individualmente, cambiar de color, desplazar o animar con esqueletos; además, un shader graph permite crear o editar splats en la GPU.

Spark se instala mediante npm o se carga desde una CDN con un import map. El proyecto también incluye ejemplos, herramientas para comprimir archivos PLY a SPZ y un sitio de documentación.

Funciones clave

  • 01Se integra en el pipeline de THREE.js para que splats y mallas compartan una misma escena
  • 02Admite los formatos PLY (incluida la variante comprimida), SPZ, SPLAT, KSPLAT y SOG
  • 03Renderiza varios objetos de splats juntos con el orden correcto
  • 04Está diseñado para WebGL2 y funciona en una amplia variedad de dispositivos, incluidos los móviles
  • 05Admite transformaciones por splat, edición de color, desplazamiento y animación con esqueletos
  • 06Incluye un shader graph en la GPU para crear y editar splats

Casos de uso

  • Mostrar escenas de fotogrametría o capturas 3D en una página web creada con THREE.js
  • Combinar escaneos de splats con elementos basados en mallas o interfaces de usuario en una experiencia 3D interactiva
  • Animar o cambiar el color de objetos capturados en el navegador
  • Ofrecer visores de splats a usuarios de móviles a través de la web

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm install @sparkjsdev/spark
  2. 2

    O copia el ejemplo de HTML del README en un archivo index.html y ábrelo en un navegador

Antes de usarlo

  • Para compilar desde el código fuente, es necesario instalar Rust y ejecutar un paso de compilación de WebAssembly por separado.

Temas

#3d-rendering#gaussian-splatting#threejs#webgl#javascript#graphics

Preguntas frecuentes

¿Qué es spark?
Un renderer de 3D Gaussian Splatting para THREE.js que permite combinar escenas de splats con mallas convencionales en una misma escena. Spark es una biblioteca de renderizado que incorpora 3D Gaussian Splatting a THREE.js. Se integra en el pipeline de renderizado de THREE.js, de modo que los objetos de splats y los basados en mallas se pueden dibujar en una misma escena con el orden correcto, y también es posible renderizar varios objetos de splats juntos.
¿spark es gratuito? ¿Qué licencia tiene?
spark es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿spark sigue mantenido?
Mantenimiento activo. El último commit de spark fue el 20 oct 2026.
¿Para qué puedo usar spark?
Mostrar escenas de fotogrametría o capturas 3D en una página web creada con THREE.js Combinar escaneos de splats con elementos basados en mallas o interfaces de usuario en una experiencia 3D interactiva Animar o cambiar el color de objetos capturados en el navegador Ofrecer visores de splats a usuarios de móviles a través de la web
¿Cómo se instala spark?
Instala el paquete desde npm: npm install @sparkjsdev/spark O copia el ejemplo de HTML del README en un archivo index.html y ábrelo en un navegador
¿Dónde consigo spark?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/sparkjsdev/spark

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

Proyectos relacionados