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 efficace et poétique grâce à la combinaison des languages JavaScript et html/css.
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. Vous pouvez également le retrouver sur ma page instagram @leplankeur
Ce projet vous a plu ?
Vous pourriez peut-être aimer le site web que j’ai réalisé pour Raining Cats films, où l’univers sombre de son identité visuelle rappelle le monde illustré et mystérieux de Bruxelles-Openfied…