Gamasutra is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.


Gamasutra: The Art & Business of Making Gamesspacer
arrowPress Releases







If you enjoy reading this site, you might also want to check out these UBM Tech sites:


 

A Method For Creative Paper Map Design

by Ryan Darcey on 04/21/16 02:02:00 pm   Expert Blogs   Featured Blogs

2 comments Share on Twitter    RSS

The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.
The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.

 

This post was originally published on Ryan Darcey's blog, Making Moves.

When designing a new map for your game, it can be extremely difficult, sometimes paralyzing, just trying to figure out where to start.  Especially for a designer that's not an "idea guy".  You know those people, and if you're not one of them, you're probably pretty jealous of them.  They seem to have a never ending flow of ideas when just squeezing one or two out on your own can be exhausting.

Full disclosure: I'm not an "idea guy".  That said, designing video games demands creativity and innovation, so I've spent a lot of time developing methods to help generate unique ideas when I'm feeling a little stuck.  This method I've described below is one that helped me on the level design front and it starts at the very beginning with your paper map.

GENERATING A PAPER MAP PALETTE

Early on during the development of Star Wars: First Assault (an 8v8 multiplayer FPS), we kicked off an exercise where EVERY designer on the team was required to generate one paper map per week.  Even the systems guys.  It was an incredibly valuable experience for all of us to discuss map design philosophy, game modes and better understand how our gameplay systems were affected by the environments.  Not to mention, we were a new team and this was a nice way to start building trust and respect for each other.

After getting through about 4 maps, I found myself struggling to come up with  new ideas.  Like, I didn't even know where to start putting my pen to the paper...or rather, my mouse to the Visio diagram.  There weren't any restrictions given to us and the blue sky was a little too wide open.  I felt like I needed to box myself in a bit more or place a frame around the map so that I had some direction out of the gate.  I actually find that I thrive when I'm given the right amount of restrictions.  It forces my brain to enter areas it wouldn't normally go.

Another problem I was having was that I couldn't create organic looking maps.  Everything was super boxy with straight lines because, first, I'm no artist.  Second, I'm not very skilled with programs like Adobe Illustrator that allow for more free form design.  After thinking about it for a while, I wondered...maybe I could create a palette of shapes to use like stamps on the map?  If I wanted to do that organically, maybe I should start with some simple organic shapes?  Like amoebas?

So, I started searching Google Images for amoebas.  I found a bunch of shapes that were all really different and then traced them out in Visio.  This created a palette that I could use to build out the skeleton of a paper map.  First, I chose one of the shapes to define the map boundary.  Then, I used the remaining shapes to represent other structures within the map.  I was pretty stoked on the results!  I went from having zero ideas and really boxy maps to something much more interesting!

This map was built using 8 amoeba tracings, including the boundary.  Some are repeated more than once.

This map was built using 8 amoeba tracings, including the boundary.  Some are repeated more than once.

Added some layers and filler shapes.

Added some layers and filler shapes.

SOLIDIFYING THE PROCESS

Alright, so that worked pretty well, I thought.  But is it flexible and expandable?  For my next map, I decided I should test the process again, but this time with a more inorganic map.  So, I went looking for inorganic shapes and I landed on puzzle pieces.  There's almost an infinite variety of them and they seemed to lend themselves pretty nicely to building out urban cityscapes.  Here's an example of the first map I created using puzzle pieces.

This map was built using 7 puzzle shapes, including the boundary.

Again, adding some layers and filler shapes.

Here's another one that's a little bigger.

Now with details.

GIVE IT A TRY!

Though I did eventually build these out in 3D and playtested them with good results, since Star Wars: First Assault was canceled and I spent my time on Halo 5: Guardians solely doing Systems Design work, I've never actually shipped a map using this method!  I would love to see what y'all can come up with.  Tweet me @Ryan_Darcey with images of the maps you create using this process and lemme know how it goes for you!

@Ryan_Darcey


Related Jobs

CG Spectrum
CG Spectrum — Online/Remote, California, United States
[07.18.19]

Concept Design Mentor (Online/Remote)
CG Spectrum
CG Spectrum — ONLINE/REMOTE, California, United States
[07.18.19]

Game Design Instructor (Online/Remote)
CG Spectrum
CG Spectrum — ONLINE/REMOTE, California, United States
[07.18.19]

Game Programming Instructor (Online/Remote)
Sucker Punch Productions
Sucker Punch Productions — Bellevue, Washington, United States
[07.17.19]

Senior Gameplay Animator





Loading Comments

loader image