Pixel World Map Game

This repository contains a lightweight browser game inspired by community art projects like pixelbattle and r/place. Instead of a blank canvas the backdrop is an equirectangular projection of the world: every click lets you colour a tiny patch of the earth.

How it works

• The world map is divided into a grid of 360 columns × 180 rows (approximately one degree of longitude and latitude per cell).
• A palette of sixteen colours is presented at the top of the page. Click a swatch to pick a colour.
• Click anywhere on the map image to colour the corresponding grid cell. The overlay canvas updates immediately.
• Your artwork is stored in your browser’s localStorage, so you can close and reopen the page without losing your work on the same device.

Running the game

1. Clone or download this repository.

2. Open index.html in a modern web browser. All assets are local, so no network connection is required.

3. If your browser blocks scripts when opening files directly (for example, Chrome’s file protocol restrictions), you can serve the directory with a simple HTTP server:

   # From the repository root
   python -m http.server 8000

   then navigate to http://localhost:8000/pixel-map-game/index.html in your browser.

Features

• Colour palette – sixteen hues inspired by r/place.
• Interactive map – scroll to explore and click to paint.
• Persistent artwork – your pixels are saved locally via localStorage.

Limitations

• The grid resolution is fixed at 360×180; individual cells may be hard to see at a glance. Adjusting GRID_COLS and GRID_ROWS in script.js allows for coarser or finer resolution.
• There is no networked backend, so multiple players cannot share the same canvas. Each user has their own local board.

Acknowledgements

• The world map image (world_map.png) was sourced from Wikimedia Commons and is licensed under CC BY-SA 3.0.
• The project is purely client-side and doesn’t rely on any external libraries.