¿Os imagináis sobrevolar en 3D la ciudad de Troya? Ahora es posible, os lo muestro.
¡Hola a todos y todas!
Hoy os comparto una funcionalidad experimental de mi web de Troya que nos permite sobrevolar de forma interactiva la reconstrucción virtual de la ciudad. De este modo, añadimos a la plataforma una forma gamificada, dinámica e inmersiva de descubrir el yacimiento y sus enclaves más interesantes.
El diseño y optimización de esta experiencia está realizado utilizando Claude Sonnet 5.5, de modo que todo el contenido visual e histórico-arqueológico es, como sabéis, un trabajo original, propio y artesanal, y gracias al diseño de la aplicación web de forma guiada con herramientas de inteligencia artificial, se convierte en un trabajo divulgativo todavía más completo y potente, conservando -e incluso potenciando- todo el rigor histórico-arqueológico. La funcionalidad de vuelo sobre el modelo 3D gaussian splatting ha sido inspirada por la saga de videojuegos Assassin's Creed, que tanto nos han marcado a quienes nos dedicamos a representar -en este caso de forma científica- el pasado.
El ave con el que sobrevolamos la ciudad está dibujado completamente a mano con Affinity, intentando imitar un estilo más cercano al de la iconografía cerámica del área del Egeo de la Edad del Bronce. Lo he diseñado por capas y dividido en carpetas por partes (cabeza, cuerpo, cola y alas) de modo que pudieran ser animadas por separado.
Además, he preparado un Modo Foto que nos permite tomar instantáneas en cualquier momento del vuelo y, de ese modo, sacar imágenes como la que veis bajo estas líneas, pudiendo modificar el postproceso de la fotografía virtual y exportarla en diferentes formatos (apaisada, cuadrada, 4:5 y vertical). Creo que, de ese modo, ofrecemos también una herramienta artística que puede ayudar a potenciar la creatividad mientras conocemos mejor la antigua Troya.
Para probarlo solo tenéis que entrar en la web y pulsar en el botón del águila (cuyo icono también he diseñado manualmente con Affinity): https://bronze-age-troy.3dstoa.com/
¡Espero vuestro feedback! :-)
Comments (6)
Hola. Muy chulo, la verdad. La he probado en Safari y va muy fluido. Aparecen zonas muy lavadas o borrosas, pero imagino que será para que no se vuelva loco el procesador y esas cosas. Muy curiosa el águila. Ah, también atravieso los edificios, pero es mejor que matar al pobre pájaro contra un muro. Enhorabuena. Es una iniciativa muy curiosa y entretenida.
¡Gracias Nacho! Las zonas lavadas o borrosas son aquellas que se han documentado con menor precisión (por ausencia de fotos o renderizados) en el gaussian splatting. Para que aparecieran mejor tendría que hacer un gaussian mucho más amplio y con más imágenes. Se podría, desde luego, aunque llevaría más tiempo de procesado, claro. Y en cuanto al águila, le di esa libertad de poder atravesar ligeramente algún edificio porque si no quedaba extraño que se bloqueara o que, de repente, saltara por encima de ellos, pero si no te acercas mucho no se aprecia. :P Cualquier otra recomendación o idea, aquí estamos! :)
Qué maravilla de experiencia, el resultado es espectacular . Como bien dices invita a explorar y a comprender mejor la disposición y dimensiones de la ciudad. Enhorabuena por el trabajazo y el resultado. En mi caso cuando abro la página en Chrome me da bastantes problemas de fluidez, añade un 50% de uso adicional a la CPU y no me es posible navegar por ella. Sin embargo en Brave y en Edge me va perfecta :)
Muchas gracias, Tíscar! Y me viene muy bien el feedback, así puedo intentar optimizar la experiencia para Chrome. Cada vez me gusta menos ese navegador, me da muchos problemas, cada vez está peor...
Si de por si la página era una maravilla, esta nueva función está fantástica. Realmente ayuda a 'vivir' la ciudad de manera muy cinematográfica, y ayuda a entender un poco las diferentes zonas de la ciudad de una manera entretenida. Qué buen añadido a este proyecto, bravo.
¡Gracias, Javier! ¿Te funciona con fluidez?