04-16-2018, 02:53 PM
Blog: Designing the gigantic map of Mafia III
<div style="margin: 5px 5% 10px 5%;"><img src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.png" width="640" height="115" title="" alt="" /></div><div><p><strong><em><small>The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.<br />The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.</small></em></strong></p>
<hr />
<p><em>This is the first in a series of articles discussing gameworlds I’ve designed and worked on.</em></p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.png" /></p>
<p>Ever since <em>Wizardry</em> and <em>Bard’s Tale</em> I’ve loved discovering and making world maps! Mafia 3’s New Bordeaux was the biggest world I’ve ever been part of. I must have gone through several hundred iterations and updates for the city layout and ecologies.</p>
<p>With the help of <a href="http://www.zavesky.cz/games.htm">Petr Záveský</a> and others we were able to create a fantastic top-down render of the city. The next thing to do was getting 2K Games on board in creating a foldout map for the game. <a href="http://paulrandpierce.com/mafia-iii-world-map">Paul Pierce</a> was the talented artist who stylized the Road Atlas. I originally proposed it as a bonus item in the Collector’s Edition. Then 2K Games took it to the next level and made it available in every game case! Paul later updated it to include all DLC information too (see below).</p>
<p><img alt="" border="0" id="m3-map-01" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-1.png" usemap="#m3-map-01" /></p>
<map id="m3-map-01" name="m3-map-01">
<area alt="" coords="0,0,210,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__aerial.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="218,0,428,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__schematic.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="436,0,646,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__UI.jpg" shape="rect" target="_self" title="" /></map>
</p>
<ul>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__aerial.jpg">Aerial</a></strong> − a satellite view of the city!</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__schematic.jpg">Stylized</a></strong> − a stylized version of the city!</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__UI.jpg">Game UI</a></strong> − an updated UI map from the game!</li>
</ul>
<h2><em>BONUS maps!</em></h2>
<p><img alt="" border="0" id="m3-map-02" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-2.png" usemap="#m3-map-02" /></p>
<map id="m3-map-02" name="m3-map-02">
<area alt="" coords="0,0,210,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__CIA.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="240,0,408,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map_height.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="455,0,625,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__road_atlas.jpg" shape="rect" target="_self" title="" /></map>
</p>
<ul>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__CIA.jpg">CIA</a> </strong>− Before Donovan showed up he grabbed the latest CIA photos of the region.</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map_height.jpg">Height Map</a> </strong>− For developers and hikers, here’s a heightmap.</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__road_atlas.jpg">Road Atlas</a></strong> − Visiting New Bordeaux? Pull out that map for all your tourist needs!</li>
</ul>
<p>This 1967 street guide was something I’m real happy with getting into fan’s hands. Paul did a fantastic job making it look authentic. He went through <a href="http://paulrandpierce.com/mafia-iii-world-map">several styles</a> with publishing’s Art Director Rob Clarke. Once all DLC was known, an updated version was created for all future copies of the game.</p>
<p>One of the other reasons the Road Atlas is special − it allowed us to showcase a lot of the names and locations that weren’t mentioned or used heavily in the story. Study the map and you’ll discover lots of new material such as…</p>
<p><strong><em>Tourist Spots</em></strong><br />All those famous landmarks and city areas you visited had names!</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-3.png" /></p>
<p><strong><em>Handwritten Notes</em></strong><br />Both Lincoln & Donovan scribbled notes on the map, like where all the entrances to the tunnels were. Even though Donovan choose to write his in red, I’ve no idea who’s blood is on the map… </p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-4.png" /></p>
<p><strong><em>Special Locations</em></strong><br />Did you find the sinking Bayou cemetery? This was made for a scene cut from the start of the game. Other trivia, the row of cabins along Bourbon Digs’ canal was made for a crossfire encounter which was never used.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-5.png" /></p>
<p>A fun thing to do with these HUGE world maps… they’re the same scale as the <a href="http://blog.damonpollard.com/grand-theft-auto-v-the-map/">official GTA5 maps</a>.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.jpg" /></p>
<h2>Mafia Series</h2>
<p>And for those curious, here’s all three Mafia game worlds next to one another. While the first Mafia game looks fairly big, remember the player didn’t get to explore most of the areas outside the city.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-6.png" /></p>
<h2>Interactive Map</h2>
<p>I also experimented with using these like a <a href="https://www.curiousconstructs.com/mafia3world/" rel="noopener" target="_blank">Google Map</a> to find lost airplanes or secret routes. It’d be fun to take other gameworlds and add them as layers you can flip through for comparison.</p>
<p align="center"><a href="https://www.curiousconstructs.com/mafia3world/"><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-1.jpg" /></a></p>
<p>When you look at the huge 3D rendered map, you can see all the hours and talented people who made each cityblock a believable, tangible place for Mafia’s third chapter. I hope anyone who ventured into New Bordeaux felt it captured the Louisiana heat of 1968.</p>
<p><em>This post originally appeared on my website at <a href="https://www.curiousconstructs.com/games/m3-world-maps/">CuriousConstructs.com</a>.</em></p>
</div>
<div style="margin: 5px 5% 10px 5%;"><img src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.png" width="640" height="115" title="" alt="" /></div><div><p><strong><em><small>The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.<br />The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.</small></em></strong></p>
<hr />
<p><em>This is the first in a series of articles discussing gameworlds I’ve designed and worked on.</em></p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.png" /></p>
<p>Ever since <em>Wizardry</em> and <em>Bard’s Tale</em> I’ve loved discovering and making world maps! Mafia 3’s New Bordeaux was the biggest world I’ve ever been part of. I must have gone through several hundred iterations and updates for the city layout and ecologies.</p>
<p>With the help of <a href="http://www.zavesky.cz/games.htm">Petr Záveský</a> and others we were able to create a fantastic top-down render of the city. The next thing to do was getting 2K Games on board in creating a foldout map for the game. <a href="http://paulrandpierce.com/mafia-iii-world-map">Paul Pierce</a> was the talented artist who stylized the Road Atlas. I originally proposed it as a bonus item in the Collector’s Edition. Then 2K Games took it to the next level and made it available in every game case! Paul later updated it to include all DLC information too (see below).</p>
<p><img alt="" border="0" id="m3-map-01" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-1.png" usemap="#m3-map-01" /></p>
<map id="m3-map-01" name="m3-map-01">
<area alt="" coords="0,0,210,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__aerial.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="218,0,428,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__schematic.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="436,0,646,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__UI.jpg" shape="rect" target="_self" title="" /></map>
</p>
<ul>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__aerial.jpg">Aerial</a></strong> − a satellite view of the city!</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__schematic.jpg">Stylized</a></strong> − a stylized version of the city!</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/_MafiaIII_map__UI.jpg">Game UI</a></strong> − an updated UI map from the game!</li>
</ul>
<h2><em>BONUS maps!</em></h2>
<p><img alt="" border="0" id="m3-map-02" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-2.png" usemap="#m3-map-02" /></p>
<map id="m3-map-02" name="m3-map-02">
<area alt="" coords="0,0,210,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__CIA.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="240,0,408,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map_height.jpg" shape="rect" target="_self" title="" />
<area alt="" coords="455,0,625,265" href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__road_atlas.jpg" shape="rect" target="_self" title="" /></map>
</p>
<ul>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__CIA.jpg">CIA</a> </strong>− Before Donovan showed up he grabbed the latest CIA photos of the region.</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map_height.jpg">Height Map</a> </strong>− For developers and hikers, here’s a heightmap.</li>
<li><strong><a href="https://cdn.2kgames.com/mafiagame.com/Mafia_Strategy/Maps/MafiaIII_map__road_atlas.jpg">Road Atlas</a></strong> − Visiting New Bordeaux? Pull out that map for all your tourist needs!</li>
</ul>
<p>This 1967 street guide was something I’m real happy with getting into fan’s hands. Paul did a fantastic job making it look authentic. He went through <a href="http://paulrandpierce.com/mafia-iii-world-map">several styles</a> with publishing’s Art Director Rob Clarke. Once all DLC was known, an updated version was created for all future copies of the game.</p>
<p>One of the other reasons the Road Atlas is special − it allowed us to showcase a lot of the names and locations that weren’t mentioned or used heavily in the story. Study the map and you’ll discover lots of new material such as…</p>
<p><strong><em>Tourist Spots</em></strong><br />All those famous landmarks and city areas you visited had names!</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-3.png" /></p>
<p><strong><em>Handwritten Notes</em></strong><br />Both Lincoln & Donovan scribbled notes on the map, like where all the entrances to the tunnels were. Even though Donovan choose to write his in red, I’ve no idea who’s blood is on the map… </p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-4.png" /></p>
<p><strong><em>Special Locations</em></strong><br />Did you find the sinking Bayou cemetery? This was made for a scene cut from the start of the game. Other trivia, the row of cabins along Bourbon Digs’ canal was made for a crossfire encounter which was never used.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-5.png" /></p>
<p>A fun thing to do with these HUGE world maps… they’re the same scale as the <a href="http://blog.damonpollard.com/grand-theft-auto-v-the-map/">official GTA5 maps</a>.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii.jpg" /></p>
<h2>Mafia Series</h2>
<p>And for those curious, here’s all three Mafia game worlds next to one another. While the first Mafia game looks fairly big, remember the player didn’t get to explore most of the areas outside the city.</p>
<p><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-6.png" /></p>
<h2>Interactive Map</h2>
<p>I also experimented with using these like a <a href="https://www.curiousconstructs.com/mafia3world/" rel="noopener" target="_blank">Google Map</a> to find lost airplanes or secret routes. It’d be fun to take other gameworlds and add them as layers you can flip through for comparison.</p>
<p align="center"><a href="https://www.curiousconstructs.com/mafia3world/"><img alt="" src="https://www.sickgamedev.win/wp-content/uploads/2018/04/blog-designing-the-gigantic-map-of-mafia-iii-1.jpg" /></a></p>
<p>When you look at the huge 3D rendered map, you can see all the hours and talented people who made each cityblock a believable, tangible place for Mafia’s third chapter. I hope anyone who ventured into New Bordeaux felt it captured the Louisiana heat of 1968.</p>
<p><em>This post originally appeared on my website at <a href="https://www.curiousconstructs.com/games/m3-world-maps/">CuriousConstructs.com</a>.</em></p>
</div>