Bruxelles-Openfield
A train journey
By scrolling with your mouse, you can explore the digital landscape that connects Brussels to the mysterious Openfield station. Using JavaScript, CSS and a futuristic, illustrative style, travel alongside the train on this dreamlike journey through a two-colour world.
Time Period
2021
Mission
Illustration
Web development
Kind of project
Personnal project
Tools
Adobe Software
Brief and challenge
Objective:
To create an effective and poetic animation using a combination of JavaScript and HTML/CSS.
Challenge:
I need to come up with an animation concept where scrolling triggers an action.
I then need to create the website elements and tackle new technical challenges.
Construction of components
Background scene: this is what will move when you scroll.
Train that will remain stationary on the left-hand side of the screen
Wheels that spin round on their own thanks to the scroll function
Result
I’ve found a web page that lets you move the train forward. Below is a video screenshot of the scrolling. You can also find it on my Instagram page @leplankeur.
Did you like this project?
You might like the website I designed for Raining Cats Films, where the dark aesthetic of its visual identity is reminiscent of the illustrated and mysterious world of Brussels-Openfield…