· Laboratorio 3D · iteración 3

El mundo ya no se genera. Se carga.

Las escenas 1 y 2 se dibujaban por código. Esta es un decorado real: un entorno modelado en Blender con luz horneada dentro de las texturas, recorrido con nuestro mismo sistema de cámara-scroll. Así se hacen las webs-mundo que ves como referencia.

Haz scroll para dirigir la cámara ↓

Cargando mundo…

· 01 / Assets reales

Este mundo no se generó: se cargó.

Es un entorno GLB modelado en Blender, pieza a pieza, como un decorado de cine. El código ya no inventa la forma — solo la recorre.

· 02 / Luz horneada

El navegador no calcula ni una sombra.

Toda la iluminación viene cocinada dentro de las texturas. Por eso se ve denso y detallado, y aun así corre fluido en un móvil.

· 03 / Un mundo vivo

El tren lleva moviéndose desde que entraste.

La animación viaja dentro del propio archivo GLB. El mundo tiene vida propia, independiente del scroll: tú solo decides desde dónde mirarlo.

· 04 / La misma cámara

El scroll dirige la cámara, no la página.

Idéntica arquitectura que las escenas 1 y 2: un shot list de cinco planos y el scroll frotando la línea de tiempo. Solo cambió el decorado.

· 05 / El flujo

Entorno hecho + nuestra cámara = mundo.

Este es el camino: assets modelados y horneados (propios, comprados o CC0) montados sobre este sistema. Realismo de estudio, peso de web.

Escena 3 · mundo GLB real"Littlest Tokyo" — Glen Fox (CC BY 4.0)

Lo que cambia

El realismo no lo pone el navegador: lo pone el asset. Este diorama pesa ~4 MB con compresión Draco y trae modelado, texturas, luz y hasta la animación del tren dentro del archivo.

Lo que no cambia

La arquitectura. Shot list, scroll que frota la línea de tiempo, parallax de puntero y transiciones suaves — el mismo sistema de las escenas 1 y 2, apuntando a un decorado distinto.

BrainLabs
Studio · Madrid100