OSM 15 Puzzle

Posted by seav on 12 October 2024 in English.

I recently finished this mini-project where I implemented the classic 15 puzzle game but using the standard OpenStreetMap tiles as the sliding pieces!

While there are many implementations of this game online and in app stores (some even let you upload your own image), as far as I know, not one directly uses OSM slippy map tiles for the pieces. I figured this would be a nifty side coding project and it was fun to do!

Currently you can play any of 20 map locations. Enjoy! 🎉

Play the game here: https://seav.github.io/osm-15-puzzle/

Screenshot of a web app showing the classic 15 puzzle sliding game (scrambled) where each tile shows 1/16 of the whole world in Mercator projection Scrambled puzzle showing the whole world in Mercator projection

Screenshot of a web app showing the classic 15 puzzle sliding game (scrambled) where each tile shows 1/16 of the area around Haneda Airport in Tokyo, Japan Scrambled puzzle showing the Shibuya Station in Tokyo, Japan

Screenshot of a web app showing the classic 15 puzzle sliding game (solved) where each tile shows 1/16 of the area around the Pentagon in Washington, D.C., United States Solved puzzle showing the Pentagon in Arlington, Virginia, United States

Screenshot of a web app showing a selection menu titled, “Choose Map”. The choices are: World, Europe, Southeast Asia, Aegean Sea, Ireland, South Korea, Tasmania, Lesotho, Hawai‘i, Rio de Janeiro, San Francisco, Barcelona, London, Schiphol [AMS], Haneda [HND], Paris, Pentagon, MoMA New York, Shibuya Station, and St. Peter’s Basilica. Map selection screen

OpenStreetMap

seav's Diary

OSM 15 Puzzle

Discussion

Log in to leave a comment