VP LAB · AI SYSTEMS

El código
después del diseño.

Agentes de IA, automatizaciones y sistemas inteligentes — construidos sobre años aplicando Design Thinking.

← AI Lab
Experimento · Three.js · Código abierto

Milano Centrale 3D

La estación central de Milán en 3D, viva en tu navegador.

Trenes, tranvías, taxis y personas que se mueven solos con un horario simulado.

Arrastra para girar · dos dedos o clic derecho para desplazar · rueda o pellizco para el zoom · toca un tren para seguirlo

⤢ Abrir a pantalla completa

Proyecto personal, no oficial

Es un experimento de animación 3D hecho con IA. No tiene relación, colaboración ni respaldo de Trenitalia, Italo, Trenord, SBB, ATM ni ninguna otra empresa. Los trenes y vehículos son recreaciones simplificadas hechas con código, sin logotipos oficiales, y los horarios son inventados.

Por qué existe

Vi un prompt que creaba una estación de tren entera en 3D con un solo mensaje a Claude, y quise saber hasta dónde se podía llegar si en vez de una estación inventada recreaba una real: Milano Centrale, la estación de Ulisse Stacchini, con su fachada de piedra, sus cinco bóvedas de vidrio y la Piazza Duca d'Aosta delante.

El primer resultado salió de un prompt: un HTML con trenes hechos de cajas. A partir de ahí lo fui puliendo con Claude paso a paso. Cada tren y cada vehículo se diseñó aparte como un modelo 3D propio, con agentes que lo modelaban en Blender desde código, y luego se integró con las técnicas de los videojuegos para que vaya fluido. Lo comparto entero en GitHub para que cualquiera pueda abrirlo y ver cómo está hecho.

Qué puedes hacer

  • Seguir cualquier tren desde que entra por el abanico de vías hasta que para en su andén
  • Abrir el visor 3D de un tren, un tranvía o un taxi y verlo de cerca
  • Pasar a modo noche: farolas milanesas, faros, ventanas y la gran vidriera encendidos
  • Lanzar la cinemática que acompaña a un Frecciarossa hasta el andén 14
  • Acelerar el tiempo (1x, 4x, 16x) y mandar el próximo tren a un andén libre
  • Mirar el panel de operaciones: llegadas, salidas, puntualidad y tablero Solari

La escena

Bajo las bóvedas
Bajo las bóvedas
La plaza de noche
La plaza de noche
Piazza Duca d'Aosta
Piazza Duca d'Aosta
Visor 3D
Visor 3D

Cómo está hecho

1

Un prompt

Se partió del prompt «Railgrid», adaptado a Milano Centrale. Claude escribió un único HTML con Three.js.

2

Modelos externos

Para cada tren y vehículo, un agente de Claude escribió un script de Blender que modela la pieza con código, la revisa con renders y la exporta como .glb ligero, con una versión simple para lejos.

3

Rendimiento

Los coches iguales se dibujan de una vez (instancing), con menos detalle a distancia; las personas caminan con un shader y los modelos van comprimidos con Draco: 13 modelos en unos 2 MB.

4

Comprobado

Cada cambio se probó con capturas en un navegador sin pantalla, y un agente independiente verificó la escena de punta a punta.

13 modelos hechos desde código

Frecciarossa · Italo · Regionale de dos pisos · Giruno · Malpensa Express · tranvía amarillo · trolebús de la circolare · taxi y coches · personas · farola milanesa · árboles · palazzi · edificio de Stacchini

Código, modelos .glb, scripts de Blender y la versión que se abre con doble clic

Ver en GitHub

Créditos

Prompt original «Railgrid» compartido por @manuelslashkern, idea original de @sanjai.builds. Hecho por Vasyl Pavlyuchok y Claude.