top of page
Illudécor.png

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:

bottom of page