ProyectosExperimentos

Investigación de Gaussian Splatting para visualización 3D web

Investigación sobre Gaussian Splatting para reconstruir objetos y escenas 3D a partir de fotografías y mostrarlos de forma interactiva en el navegador con Three.js.

Estado
Finalizado
Periodo
2026.08 — 2026.09
Tipo
Investigación
Rol
Proyecto individual, Desarrollo 3D, Herramientas y pipeline, Investigación
Tecnologías
  • Gaussian Splatting
  • Three.js
  • COLMAP
  • gsplat
Log de desarrollo
1 entrada

Contexto y objetivo

Investigué cómo crear representaciones 3D de objetos y escenas utilizando fotografías tomadas con mi teléfono móvil. El objetivo era comprender el proceso de creación de Gaussian Splats y explorar cómo integrarlos en experiencias web interactivas con Three.js.

Capturé los objetos con la cámara del teléfono, en un set improvisado en mi escritorio: el objeto en el centro y fotos alrededor, a distintas alturas, para cubrirlo desde todos los ángulos.

Descripción técnica

Exploré las distintas etapas del proceso:

  1. Captura: fotografías del objeto desde muchos puntos de vista.
  2. Reconstrucción de cámaras: con COLMAP y GLOMAP, que estiman la posición y orientación de cada foto y generan una nube de puntos inicial.
  3. Entrenamiento: con gsplat, que parte de esa nube y optimiza las gaussianas comparando lo que renderizan con las fotos originales.
  4. Visualización web: en Three.js con la biblioteca @mkkellogg/gaussian-splats-3d, que ordena las gaussianas por profundidad y las dibuja en tiempo real en el navegador.

Capturé los objetos con la cámara del teléfono, en un set improvisado en mi escritorio: el objeto en el centro y fotos alrededor, a distintas alturas, para cubrirlo desde todos los ángulos.

LOG

Log de desarrollo

  1. Primera prueba con Gaussian Splatting + Three.js.

    Un dinosaurio tejido, reconstruido con COLMAP y gsplat, con una luz interna y una deformación que late con ella.