3D City with Autonomous Cars - Three.js Project

Welcome to the 3D City with Autonomous Cars project! This project showcases an immersive virtual cityscape built using Three.js, complete with interactive camera controls and autonomous moving cars. The scene features different time modes and atmospheric lighting effects to enhance the realism.

Demo

Check out the live demo here to experience the interactive 3D city for yourself!

Features

• Explore an interactive 3D city environment with autonomously moving cars.
• Experience three different time modes: Morning, Afternoon, and Night, each with its unique lighting and atmosphere.
• Intuitive camera controls allow you to freely navigate and explore the city from various angles.
• Realistic lighting effects, including spotlights that illuminate the cars during nighttime.
• Easily adjustable settings using the dat.GUI interface.

Usage

• Switch Time Modes: Use the dat.GUI interface to toggle between Morning, Afternoon, and Night modes.
• Explore City: Use the mouse to control the camera and navigate around the cityscape.
• Observe Autonomous Cars: Watch autonomously moving cars navigate through the city streets.

Dependencies

This project relies on the following technologies and libraries:

• Three.js - A JavaScript 3D library for rendering interactive 3D graphics.
• YUKA - A JavaScript framework for AI and character behavior simulation.
• dat.GUI - A lightweight graphical user interface for changing variables in JavaScript.