Bruxelles-Openfield
A train journey
To further my knowledge of web development, I've created a web page that uses infinite scrolling. By scrolling with your mouse, you can travel through the digital landscape that links Brussels to the mysterious Openfield station.
Year
2021
Mission
Illustration
Web development
Context
Personnal
Project
Tools
Photoshop
Visual Studio Code
HTML5/CSS3
Javascript
Brief and challenge
Goal
Create a cool animation using Javascript's infinite scroll.
Challenge
I had to think of an animation concept where scrolling would trigger an action.
Then I had to create the site's elements and deal with new technical aspects.
Component design
Background scenery: this is what will move when you scroll.
The train that will remain fixed to the left of the screen.
Wheels that turn on themselves thanks to scrolling.
Result
I get a web page that allows the train to move forward. Below, a video capture of the scroll: