DCUO Explore Metropolis

An interactive map for DC Universe Online's open world Metropolis. The final map is displayed using OpenLayers and can be zoomed in and out, has points of interest, and layers for player activities including instances, collection points, and story-revealing Investigations and Player Briefs.

The map and all other assets were drawn in Adobe Illustrator. Map data for features is exported from the map's main Illustrator file using an Illustrator script and exported to JSON for consumption by OpenLayers. Features are progressively revealed at different zoom levels so the map is not over-crowded with feature points.

Chris Price
designer + developer: Looking for next job in SF

More by Chris Price

View profile