
Bruxelles-Openfield
Un voyage en train
En scrollant avec votre souris, vous pouvez explorer le paysage digital qui relie Bruxelles à la mystérieuse gare d'Openfield. Voyagez aux côtés du train dans cette balade onirique au sein d'un univers illustré.
Période
2021
Mission
Illustration
Développement web
Contexte
Projet
personnel
Outils
Photoshop
Visual Studio Code
HTML5/CSS3
Javascript
Brief et Challenge
Objectif
Créer une animation sympa qui utilise le scroll infini de Javascript.
Challenge
Je dois réfléchir à un concept d'animation où le scroll permettrait d'enclencher une action.
Il me faut ensuite créer les éléments du site puis faire face à des défis techniques nouveaux.
Construction des éléments

Décor en arrière-plan : c'est lui qui va bouger quand on scroll.
train qui va rester fixe à la gauche de l'écran

Roues qui vont tourner sur elles-même grâce au scroll


Résultat
J'obtiens une page web qui permet de faire avancer le train. Ci-dessous, une capture vidéo du scroll :
