GitHub - amilich/isometric-city: IsoCity: City building simulation game.

IsoCity & IsoCoaster

Open-source isometric simulation games built with NextJS, TypeScript, and HTML5 Canvas.

Made with Cursor.

Features

• Isometric Rendering Engine: Rendering with HTML5 Canvas (CanvasIsometricGrid) capable of handling complex depth sorting, layer management, and both image and drawn sprites.
• Dynamic Simulation:
  • Traffic System: Autonomous vehicles including cars, trains, planes, and seaplanes.
  • Trains, bridges, buses, barges, and more: Vehicles will navigate throughout your city.
  • Pedestrian System: Pathfinding and crowd simulation for city inhabitants.
  • Economy & Resources: Resource management, zoning (Residential, Commercial, Industrial), and city growth logic.
• Interactive Grid: Tile-based placement system for buildings, roads, rail, parks, utilities, and more.
• State Management: Save/Load functionality for multiple cities.
• Responsive Design: Mobile-friendly interface with touch controls, drawers, and toolbars.

Tech Stack

• Framework: Next.js 16
• Language: TypeScript
• Graphics: HTML5 Canvas (No external game engine libraries; pure native implementation).
• Icons: Lucide React.

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm

Installation

1. Clone the repository

   git clone https://github.com/amilich/isometric-city.git
   cd isometric-city

2. Install dependencies

3. Run the development server

4. Open the game Visit http://localhost:3000 in your browser. Visit http://localhost:3000/coaster for IsoCoaster.

Contributing

Contributions, bug reports, feature requests, and pull requests are welcome.

License

Distributed under the MIT License. See LICENSE for more information.