CHRONOS CITY

• 

  "Explore one city. Experience centuries."

nspiration

We wanted to create something more immersive than a normal website. The idea came from imagining what a city would look like if we could travel through its history and future. This led to CHRONOS CITY — a 3D world where users can experience the growth of a city across centuries.

What it does

CHRONOS CITY allows users to explore a 3D city and travel through different eras, from 1800 to 2100. As time changes, the buildings, roads, nature, infrastructure, construction, and city skyline evolve with it.

How we built it

CHRONOS CITY was built as a solo project using Vibe Coding and AI-assisted development. We used modern web technologies such as React, Three.js, React Three Fiber, and WebGL to create the interactive 3D environment, camera controls, timeline system, evolving city, and visual effects.

Challenges we ran into

The biggest challenge was creating a large 3D environment while keeping it smooth and interactive. We also had to solve problems with camera movement, building placement, terrain, performance, UI readability, and making the different eras feel connected rather than like separate scenes.

Accomplishments that we're proud of

We are proud of creating an interactive 3D city that changes through time rather than simply displaying a traditional timeline. The combination of city exploration, evolving architecture, nature, construction, and future development creates a unique experience.

Most importantly, we built the project solo from concept to working experience.

What we learned

We learned how to combine 3D web development, procedural environments, UI/UX design, performance optimization, and AI-assisted Vibe Coding into one project. We also learned that creating a good 3D experience is not only about adding more objects — composition, usability, performance, and visual storytelling are equally important.

What's next for CHRONOS CITY

We plan to make the city more detailed and interactive by adding more districts, realistic traffic and pedestrians, deeper building evolution, historical events, weather, improved nature, street-level exploration, and richer future-city systems.

The long-term goal is to turn CHRONOS CITY into a fully explorable living city where users can experience centuries of urban evolution.

Built With

• drei
• framer-motion
• javascript
• react
• react-three-fiber
• tailwindcss
• three.js
• vite
• webgl