Mapbox has published a prissy introduction to spider web maps, called An Open Platform. The article includes a twain of instance maps, created past times Tom MacWright, which demonstrate how Mapbox tin hold upward used to exercise non-road maps. Tom's maps demonstrate how you lot tin occupation your ain map tiles amongst Mapbox to gain other types of interactive maps.
Tom MacWright's Super Mario Brothers Map uses screenshots from the classic Nintendo video game equally the solid soil for an interactive map. The map is a fairly basic instance of the video game interactive map genre.
If you lot browse through the games label on you lot volition bring out many other examples of interactive maps created amongst map tiles taken from video game worlds. Using a spider web mapping platform similar Mapbox, Leaflet or the Google Maps API it is possible to non exclusively map game worlds exactly to add together markers to the resulting interactive maps. Markers tin hence hold upward used to highlight of import locations inside the mapped games.
Tom's other instance map is a neat demonstration of how spider web mapping platforms tin besides hold upward used to exercise spider web games. A Big Maze uses map tiles of a large maze to exercise a zoomable map, Some uncomplicated interactivity has been added to the map past times adding striking detection to the maze walls. This agency that you lot tin endeavour to solve the maze. When you lot mouse-over a wall you lot volition hold upward told!
Game on With Mapbox in addition to Tilemill takes this concept a piddling further. Game On is an awesome piddling evidence of how you lot tin exercise a uncomplicated figurer game using the Mapbox mapping platform. The game is hosted on Codepen then you lot tin encounter at a glance how the game industrial plant in addition to fifty-fifty occupation the JavaScript panel to larn clues equally to how to win the game.
The game solid soil base of operations map tiles were created amongst Tilemill. The player's grapheme is a marking added to the map. You tin movement the grapheme marking roughly past times using the 'wasd' keys on your keyboard (use 'e' for action). Collision detection is created past times creating a bounding expanse polygon for the room.
This is a dandy piddling evidence of how you lot tin exercise a game amongst Mapbox. All the code is at that topographic point then you lot could easily exercise your ain fully functioning figurer game amongst this code in addition to the Mapbox platform.
