Crea una página web 3D con una narrativa espacial activada por desplazamiento, fondo negro puro y tipografía cinematográfica.

Al desplazarte hacia abajo, ingresas a la escena 3D: un modelo detallado de una estación espacial plateada grisácea en forma de anillo rota lentamente sobre el fondo del disco de acreción de un enorme agujero negro, con una animación de revelado de estructura alámbrica y posprocesamiento de brillo; el movimiento del mouse rota la cámara con inercia. Al seguir desplazándote, ingresas al capítulo teórico, donde el texto aparece palabra por palabra con paralaje. Luego viene la sección de cine: una película en primera persona de vuelo por un túnel se reproduce a pantalla completa, durante la cual el desplazamiento queda bloqueado y se toma una muestra del contraste del fotograma para generar un efecto interactivo de puntos y líneas. Al terminar la película, se pasa a un epílogo con créditos que cierra con una cita.

Implementado con Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

El modelo principal de este video es el modelo 3D "Space Station 4" de re1monsen, obtenido de Sketchfab y utilizado bajo la licencia CC BY 4.0. Todas las modificaciones, los materiales, la iluminación, el trabajo de cámara y la escena del túnel fueron creados por K3.

Crea una página web 3D con una narrativa espacial activada por desplazamiento, fondo negro puro y tipografía cinematográfica.

Al desplazarte hacia abajo, ingresas a la escena 3D: un modelo detallado de una estación espacial plateada grisácea en forma de anillo rota lentamente sobre el fondo del disco de acreción de un enorme agujero negro, con una animación de revelado de estructura alámbrica y posprocesamiento de brillo; el movimiento del mouse rota la cámara con inercia. Al seguir desplazándote, ingresas al capítulo teórico, donde el texto aparece palabra por palabra con paralaje. Luego viene la sección de cine: una película en primera persona de vuelo por un túnel se reproduce a pantalla completa, durante la cual el desplazamiento queda bloqueado y se toma una muestra del contraste del fotograma para generar un efecto interactivo de puntos y líneas. Al terminar la película, se pasa a un epílogo con créditos que cierra con una cita.

Implementado con Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

El modelo principal de este video es el modelo 3D "Space Station 4" de re1monsen, obtenido de Sketchfab y utilizado bajo la licencia CC BY 4.0. Todas las modificaciones, los materiales, la iluminación, el trabajo de cámara y la escena del túnel fueron creados por K3.