Volver al blog
Fotogrametría3DOpen SourceWebGLThree.js

Y después del vuelo... ¿cómo muestro el modelo?

2 de febrero de 2026·2 min lectura

En el artículo anterior les conté cómo construí GeoFlight Planner para planificar vuelos de fotogrametría en drones mini.

Volé. Capturé. Procesé... Y ahí quedé mirando un archivo .OBJ de 678 MB.

Espectacular. Pero... ¿y ahora qué?

El problema que nadie te cuenta

Tienes un modelo 3D increíble de tu zona de estudio. Texturas de alta resolución. Geometría detallada. Todo el trabajo de campo y procesamiento dando frutos.

¿Cómo lo compartes?

"Descarga Blender, instala estos plugins, configura la iluminación, ajusta la cámara..."

No. Eso no funciona cuando quieres mostrarle algo a un cliente. O a tu equipo. O a la comunidad.

La gente no quiere instalar software pesado para ver un modelo.

PhotoMesh

Un visor web. Nada más.

Abres el link. Cargas el modelo. Listo.

Abrir en pantalla completa ↗

Scroll para zoom. Arrastra para rotar. Clic derecho para pan. Eso es todo.

El modelo que ves arriba

Se es de Bogota el barrio Tintal. Es un levantamiento real que hice combinando fotos oblicuas y nadir.

Por qué lo construí así

Three.js. HTML. CSS. JavaScript.

Sin frameworks pesados. Sin dependencias innecesarias. Sin backend.

¿Por qué? Porque quería algo que cualquiera pudiera entender, modificar y desplegar en 5 minutos.

El código es deliberadamente simple. Si sabes leer JavaScript básico, puedes adaptarlo a tus necesidades.

El ciclo completo

Con PhotoMesh cerramos el flujo:

Planifica  →  GeoFlight Planner
Vuela      →  Tu drone
Procesa    →  SiteScan, Drone2Map... software fotogrametrico
Visualiza  →  PhotoMesh

Pruébalo

👉 PhotoMesh: geoai-latam.inspow.tech/photomesh/ViewerObj

👉 Código fuente: github.com/geoai-latam/ViewerObj


Si tienes un modelo 3D que quieres mostrar sin complicaciones, ya sabes dónde encontrar la herramienta.

Y si lo mejoras, compártelo. Así funciona esto.

¿Te gustó este artículo? Suscríbete para recibir más contenido.

Suscribirme al Newsletter