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. Grâce à du Javascript, du css et un style illustratif futuriste, voyagez aux côtés du train dans cette balade onirique au sein d’un univers bicolore.
Période
2021
Mission
Illustration
Développement web
Contexte
Projet Personnel
Outils
Suite Adobe
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 :