Créez une page web 3D de récit spatial guidé par le défilement, avec un fond noir absolu et une typographie cinématographique.

Le défilement vers le bas ouvre la scène 3D : un modèle très détaillé de station spatiale en anneau gris argenté tourne lentement devant le disque d'accrétion d'un trou noir massif. Ajoutez une animation de révélation en fil de fer ainsi qu'un post-traitement lumineux ; les mouvements de la souris font pivoter la caméra avec inertie. En poursuivant le défilement, on accède au chapitre théorique, où le texte apparaît mot à mot avec un effet de parallaxe. Vient ensuite la section cinéma : un film de vol dans un tunnel à la première personne se lance en plein écran, pendant lequel le défilement est bloqué et le contraste des images est échantillonné pour générer un effet interactif de points et de lignes. Une fois le film terminé, la page passe à un épilogue avec générique, qui se conclut par une citation.

Implémenté avec Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Le modèle principal de cette vidéo est le modèle 3D « Space Station 4 » de re1monsen, provenant de Sketchfab et utilisé sous licence CC BY 4.0. Toutes les modifications, les matériaux, l'éclairage, le travail de caméra et la scène du tunnel sont créés par K3.

Créez une page web 3D de récit spatial guidé par le défilement, avec un fond noir absolu et une typographie cinématographique.

Le défilement vers le bas ouvre la scène 3D : un modèle très détaillé de station spatiale en anneau gris argenté tourne lentement devant le disque d'accrétion d'un trou noir massif. Ajoutez une animation de révélation en fil de fer ainsi qu'un post-traitement lumineux ; les mouvements de la souris font pivoter la caméra avec inertie. En poursuivant le défilement, on accède au chapitre théorique, où le texte apparaît mot à mot avec un effet de parallaxe. Vient ensuite la section cinéma : un film de vol dans un tunnel à la première personne se lance en plein écran, pendant lequel le défilement est bloqué et le contraste des images est échantillonné pour générer un effet interactif de points et de lignes. Une fois le film terminé, la page passe à un épilogue avec générique, qui se conclut par une citation.

Implémenté avec Vite + Three.js (GLTFLoader, EffectComposer, UnrealBloomPass).

Le modèle principal de cette vidéo est le modèle 3D « Space Station 4 » de re1monsen, provenant de Sketchfab et utilisé sous licence CC BY 4.0. Toutes les modifications, les matériaux, l'éclairage, le travail de caméra et la scène du tunnel sont créés par K3.