Ciudad de las Artes y las Ciencias: navigable 3D scene with day/night
By Eduardo Navajas (@edunavajas). Model: Kimi K3. Posted Jul 28, 2026. Original post: https://edunavajas.com/blog/kimi-k3
Quiero una escena 3D navegable en el navegador con Three.js: una interpretación estilizada de la Ciudad de las Artes y las Ciencias de Valencia. No busco una réplica exacta, busco que se reconozca al primer vistazo y que sea bonita de recorrer. Los edificios que quiero, con sus formas características: - El Hemisfèric: la forma de ojo, con su cúpula alargada y el reflejo en el agua. - El Museu de les Ciències: la estructura alargada tipo esqueleto, con esas costillas blancas repetidas. - L'Àgora: el volumen alto y cerrado con forma de almendra. - L'Umbracle: la pasarela con arcos. - El Pont de l'Assut de l'Or: el puente con su mástil blanco inclinado. Lo que define el conjunto y no se puede perder: - Todo en blanco hueso, con el mosaico blanco brillante característico. - Las láminas de agua azul turquesa alrededor de los edificios, con reflejos. Los reflejos son la mitad del encanto del sitio, así que trátalos bien. - El contraste entre las curvas orgánicas y el cielo despejado. Navegación: - Cámara libre para volar por la escena con teclado y ratón, con movimiento suave. - Un modo alternativo de recorrido a pie de suelo, a la altura de una persona. - Un botón para hacer un recorrido automático que pase por los cinco edificios. Ambiente: - Un control deslizante para cambiar la hora del día, del amanecer a la noche, con la iluminación y el color del cielo cambiando de verdad. - De noche, iluminación artificial en los edificios y reflejos en el agua. - Sombras que se muevan según la hora. Rendimiento: - Tiene que ir fluido en un portátil normal. Prioriza que se vea bien y vaya suave antes que meter mucho detalle. Antes de escribir código, hazme un plan por fases: primero el terreno y el agua, luego los edificios uno a uno, después la navegación y por último la iluminación y el ciclo día-noche.
