{"id":26,"date":"2021-06-08T21:53:47","date_gmt":"2021-06-08T21:53:47","guid":{"rendered":"https:\/\/yoitsmoe.co\/?page_id=26"},"modified":"2021-06-09T18:53:59","modified_gmt":"2021-06-09T18:53:59","slug":"ansoncourt","status":"publish","type":"page","link":"https:\/\/yoitsmoe.co\/?page_id=26","title":{"rendered":"Ansoncourt"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Ansoncourt<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Ansoncourt&nbsp;was the first time I was solely responsible for the design direction of a level at a video game studio. My lead instructed me to produce a level set in a forest that would contrast with the cratered landscape of our other level, Zonnebeke. To achieve this, I began to look through sectors of the western front that only saw combat near the end of WWI after America\u2019s entry.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Pre-Production<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Since I was in charge of developing this level from day one, I ensured that we created a detailed document that outlined the goals this level needed to accomplish.&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>The level needed to be set in a wooded area of the Argonne<\/li><li>The topography must feature rolling hills&nbsp;<\/li><li>Players must be able to get to any point across the map by traveling through the trench network&nbsp;<\/li><li>The level requires a hero asset at the center of the map<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Under these constraints, I began to draft a pitch for a level using Photoshop. I began with an aerial photo taken from the archives of the American Expeditionary Force.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"453\" src=\"https:\/\/lh5.googleusercontent.com\/SwCATa7Ks-hcxM_f0dbgK1eKIf9KS_wZFDon2oQ36OpfcrLH1DQnYxqePwXRL3g1ZFVajQGBPGvOwJurxOgs5-Ugpvm3S5TD4peLhQU0nAkKpb35vYbilbUq8NdeanKkbTrAyHOt\"><br><br>After getting approval from my lead, I began to modify this photo reference to make it more suitable as a combat space for a first-person shooter. Notably, I added additional trench lines across the level to create a web-like network that players could use as cover across the level.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/VKTZrswmIz57fnb60YuGOMeEcgE_yR0wE0OMhU2mWlN0uxpPz5oJhk5eXQyZ6HxTKHukSqqzSUxBTAQJK4EBi2tE1hmhvyuL-7XU3NwBL06ZP1Own-ZAp3WnL1C-3i4BrqZM2lz_\" alt=\"\"\/><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">White Box Phase<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">During the white box phase, I created a block-out in-editor using colored primitives to indicate where points of interest will be located. This 2D block out was used to visualize where geographic features would be located throughout the map.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"451\" src=\"https:\/\/lh4.googleusercontent.com\/S8c5ZkXxSx0cZUsd8OX8kxoNRcWol_oaXLIBqkmKdJh8sWrylKVxpD23knN87cGJZA33hEo5DTrl2MNNz4su2HuwWibufpQiZNobT1HP1V5m42pCHUwUWRmz_fYMKR4jNUTvIiR7\"><br>After getting approval, I moved on sculpting the level, meshing the trenches, and further detailing the map. The topography of this map meant that players should feel like they\u2019re fighting through a hilly forest. To achieve this, I procedurally generated undulating hills by manipulating the landscape&#8217;s height map in Photoshop. By playing with the scale of these dips and slopes and paying close attention to the density of foliage, I created a forest that felt large and expansive when players were running through it.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"602\" height=\"439\" src=\"https:\/\/lh3.googleusercontent.com\/NrmN4aftM68mzW4kmZanBwsZlE8toinaiJIQEUxe6fBHGb-zJPIvcFS9idAW15r5kEx8rpUzdAIPbK9tvh_iXRGCYBnzCCT6wJaFN92eDVICLU1dvds1yROymIud7e6MzF_EHn1o\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Grey Box Phase<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Following a period of iteration to ensure that the hills and trenches were both compelling to fight over and easy to traverse, the level progressed into the grey box stage. At this point, we decided to use a crashed German bomber, a  Zeppelin Staaken, as the hero asset in the center of the level. Since the Staaken was placed on the highest point on the map, it acted as a distinct silhouette that players could use to orient themselves while fighting across the center of the level.&nbsp;<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">Final Notes<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">This level provided players with an experience that was completely counter to what Zonnebeke offered. It needed to be both different and compelling as this was one of only three levels we released on launch. I\u2019m proud to say that through collaboration, communication, and listening to feedback, we achieved a compelling map.<br><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Beyond The Wire - Fields of Battle: Ansoncourt\" width=\"1250\" height=\"703\" src=\"https:\/\/www.youtube.com\/embed\/P0LQQ6s7VSI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ansoncourt Ansoncourt&nbsp;was the first time I was solely responsible for the design direction of a level at a video game studio. My lead instructed me to produce a level set in a forest that would contrast with the cratered landscape of our other level, Zonnebeke. To achieve this, I began to look through sectors of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":9,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/yoitsmoe.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}