This project is interactive. You need to click once on the page first, and then you can move inside the project using the keys A, D, S, W, and by moving the mouse on the page.

Note: your camera and viewing angle move along with the train. The keys A, S, D, W are used to move further from the train, move forward, move left, and move right, respectively.

If you only want to observe the train movement as an animation, there's no need to click on the page. The animation runs automatically.

This city contains elements such as:

1- Train: The main element you see in this project is the train. It's essentially a compartmentalized train where you can observe two bunk beds in each compartment. You can also sit by the window inside the compartment to enjoy the scenery outside the train. You can observe the train tracks alongside the train, as well as other elements. In different variations, you can notice differences in these elements. For example, there are lights around the train at night, or in another variation, a canopy might be placed over the train to prevent damage to the train.

2- Urban Elements: These elements are essentially buildings, trees, and mills that are seen in the rural-urban environment, which are usually a passage for trains. Please note that the train is actually elevated above the city level, so in most viewing angles, you are observing the city from above.

The main states in this city involve changes in ambient lighting based on the time of day. Essentially, you can observe four main lighting conditions in this city.

You can navigate within the city and freely explore the cityscape yourself, or simply relax and watch the train's movement animation within the city.

This project was created by Sara Smith using p5.js.