This project is small interactive 2D isometric map renderer using Bresenham's line algorithm built with Bun, TypeScript, and p5.js.

You can try it out here.

• Isometric Projection: Renders 3D map data in a 2D isometric view.
• Perlin Noise Generation: Generate random terrain maps using Perlin noise with customizable parameters.
• Interactive Controls:
  • Camera: Arrow keys to pan.
  • Zoom: W/S keys to zoom in/out.
  • Rotation: Q/E keys to rotate the view.
• Visual Modes:
  • Color Modes: Toggle between default map colors and height-based coloring (H key).
  • Animation: Toggle terrain animation (A key).
  • Connection Points: Toggle visibility of grid connection points (C key).
• Custom Map Loading: Load custom map data via the UI.

1. Install dependencies:

   bun install

2. Run the development server:

   bun run dev

3. Open your browser at http://localhost:5173.

MIT