{"assets":[{"original":"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Cover-2k-550x309.jpg","local":"\/data\/posts\/2016\/04\/388dcb6e41c9f9f621e4ea4371940d93.jpg"}],"author_link":"author\/kualitygames\/","author_name":"Kuality Games","cat":"LD #35","categories":["LD #35"],"comments":[],"epoch":1461505980,"event":"LD35","likes":10,"metadata":{"p_key":"83561","p_author":"Kuality Games","p_authorkey":"0","p_urlkey":"294299","p_title":"Mushroom Muncher: Environment","p_cat":"LD #35","p_event":"LD35","p_time":"1461505980","p_likes":"10","p_comments":"0","p_status":"WAYBACK","us_key":null,"us_name":null,"us_username":null,"event_start":"1460678400","event_key":"33","event_name":"LD35"},"source_url":"2016\/04\/24\/mushroom-muncher-environment\/","text":"<div class=\"wp-caption aligncenter\" id=\"attachment_559433\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46151\" rel=\"attachment wp-att-559433\"><img alt=\"Mushrom-Muncher-Cover-2k\" class=\"wp-image-559433 size-large\" height=\"309\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"\/data\/posts\/2016\/04\/388dcb6e41c9f9f621e4ea4371940d93.jpg\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Cover-2k-300x169.jpg 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Cover-2k-768x432.jpg 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Cover-2k-550x309.jpg 550w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">Click on the image to play!<\/p><\/div>\n<p>Hello everyone, <a href=\"https:\/\/twitter.com\/KualityLuka\" target=\"_blank\">Luka<\/a> here from <a href=\"https:\/\/twitter.com\/KualityGames\" target=\"_blank\">Kuality Games<\/a>. Here\u2019s a small post if you\u2019re wondering how we made the environment for our game, <a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46151\">Mushroom Muncher<\/a>. I will be focusing on the texturing part that I did, by just explaining the basics.<\/p>\n<p><strong>Base\/White-box:<\/strong><\/p>\n<p>First of course, we started off with the basics in Unity. Our designer Rafael set up a basic white-box of what was to be our main level in the game. Since we had time constraints because of the jam, we simplified things and decided that our level was supposed to be an arena where enemies would attack the player infinitely. This also reduced the amount of level design we had to do, as well as art assets. At this stage we had the basic level layout and overview of object scales\/sizes.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559477\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46151\"><img alt=\"Mushroom-Muncher_Whitebox\" class=\"wp-image-559477 size-large\" height=\"309\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_18-56-53-550x309.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_18-56-53-300x169.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_18-56-53-768x432.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_18-56-53-550x309.png 550w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">First white-box of Mushroom Muncher arena.<\/p><\/div>\n<p>\u00a0<\/p>\n<p><strong>Texturing:<\/strong><\/p>\n<p>Most of the environment work was done through texturing. I\u00a0decided to try Substance Designer for the first time and first thing we did was prepare base materials for our environment. Plan was to finish up materials at first and then apply them to the environment meshes that we would model, in Unity. This approach can be different of course, from the traditional \u201cModel it, Fix the UV, Texture it in Photoshop\/Gimp\u201d. It didn\u2019t seem like this approach saved a lot of time, but it did give us a lot of control and flexibility in terms of randomizing the look of textures in the game. By using substance materials, I was able to easily blend textures together and instantly randomize the look of Stones, Rocks and Dirt as well. So once the base materials were finished, I started to blend them together in Substance Designer and also exposed a lot of values that made it possible to edit materials in Unity, here\u2019s the example of this:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559479\" style=\"width: 271px\"><img alt=\"Procedural texture properties (Unity's Inspector window)\" class=\"size-medium wp-image-559479\" height=\"300\" sizes=\"(max-width: 261px) 100vw, 261px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Values-261x300.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Values-261x300.png 261w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Values.png 520w\" width=\"261\"\/><p class=\"wp-caption-text\">Procedural texture properties (Unity\u2019s Inspector window)<\/p><\/div>\n<p>Here we can see couple of options where we first start off by choosing the surface (Ground or Cliff for example) and then we can start tweaking individual properties. You can see the example of this at work below:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559480\" style=\"width: 310px\"><img alt=\"Randomized Rock material - clean.\" class=\"size-medium wp-image-559480\" height=\"247\" sizes=\"(max-width: 300px) 100vw, 300px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_3_rock-300x247.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_3_rock-300x247.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_3_rock-768x633.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_3_rock-550x453.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_3_rock.png 789w\" width=\"300\"\/><p class=\"wp-caption-text\">Randomized Rock material \u2013 clean.<\/p><\/div>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559481\" style=\"width: 310px\"><img alt=\"Rock material - with dirt.\" class=\"size-medium wp-image-559481\" height=\"250\" sizes=\"(max-width: 300px) 100vw, 300px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_4_rock-300x250.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_4_rock-300x250.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_4_rock-768x640.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_4_rock-550x458.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_4_rock.png 775w\" width=\"300\"\/><p class=\"wp-caption-text\">Rock material \u2013 with dirt.<\/p><\/div>\n<p>As you can imagine tools such as Substance Designer in this case can be extremely powerful, for\u00a0both big and small projects. I would recommend any game developer to try them. Here\u2019s another example:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559482\" style=\"width: 310px\"><img alt=\"Stone- clean.\" class=\"size-medium wp-image-559482\" height=\"226\" sizes=\"(max-width: 300px) 100vw, 300px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_1_stone-300x226.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_1_stone-300x226.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_1_stone-768x580.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_1_stone-550x415.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_1_stone.png 857w\" width=\"300\"\/><p class=\"wp-caption-text\">Stone- clean.<\/p><\/div>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559483\" style=\"width: 310px\"><img alt=\"Stone - with striation.\" class=\"size-medium wp-image-559483\" height=\"240\" sizes=\"(max-width: 300px) 100vw, 300px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_2_stone-300x240.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_2_stone-300x240.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_2_stone-768x615.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_2_stone-550x440.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/shot_2_stone.png 813w\" width=\"300\"\/><p class=\"wp-caption-text\">Stone \u2013 with striation.<\/p><\/div>\n<p>At this point base materials were done and they were ready to be used in Unity. Learning and preparation took most of the time, but it was worth it as at that point I could produce random and unique texture for our environment in matter of minutes.<\/p>\n<p>\u00a0<\/p>\n<p><strong>Sculpting\/Modeling:<\/strong><\/p>\n<p>This part was rather simple. Our artist Jenny first sculpted the base rocks in Zbrush, after that moved them to Maya where the low poly meshes were made and some Zbrush decimation errors were fixed. As a last part, she UV-mapped the rocks and exported them to Unity. Applying materials and assembling the scene was done in the game engine.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559485\" style=\"width: 560px\"><img alt=\"Mushroom-Muncher-Meshes\" class=\"wp-image-559485 size-large\" height=\"253\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Meshes-550x253.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Meshes-300x138.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Meshes-768x353.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Meshes-550x253.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/Meshes.png 859w\" width=\"550\"\/><p class=\"wp-caption-text\">All of the base meshes we used in the environment including the ground sculpt.<\/p><\/div>\n<p><strong>In Unity:<\/strong><\/p>\n<p>After the meshes were prepared, we had everything ready in order to assemble the arena in Unity. Even though we had the ground sculpt prepared, we had to scrap it and go with the flat surface in order to avoid some of the gameplay problems we were having and particles intersecting with the ground. There could have been much more done about the ground, but in the game itself ground texture tiling wasn\u2019t that visible and it didn\u2019t make much of a difference in the end. We added some extra props quickly in order to make the arena a bit more interesting as we were running out of time.<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559489\" style=\"width: 560px\"><img alt=\"Shot of the arena from the side.\" class=\"size-large wp-image-559489\" height=\"309\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_19-46-12-550x309.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_19-46-12-300x169.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_19-46-12-768x432.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/screen_1920x1080_2016-04-24_19-46-12-550x309.png 550w\" width=\"550\"\/><p class=\"wp-caption-text\">Shot of the arena from the side.<\/p><\/div>\n<p>\u00a0<\/p>\n<p><strong>Conclusion:<\/strong><\/p>\n<p>It was very interesting to work with Substance software for the first time and approach things differently, that is why I would recommend this to any artist\/game developer out there. We did face some problems such as these procedural materials increasing the loading time of our game significantly, but that was due to bad optimization of these materials by me in Substance Designer itself. Even though optimization can help, these materials\u00a0can still be quite heavy so that is something to consider.<\/p>\n<p>In the end what we managed to create in three days still looks nice and\u00a0doesn\u2019t mess around with the gameplay, so I would consider that a success. If you have any questions feel free to ask on <a href=\"https:\/\/twitter.com\/KualityGames\" target=\"_blank\">Twitter<\/a>: <a href=\"https:\/\/twitter.com\/KualityLuka\" target=\"_blank\">@KualityLuka<\/a>. You can also find us on <a href=\"https:\/\/www.facebook.com\/KualityGames\/\" target=\"_blank\">Facebook<\/a>.<\/p>\n<p>Cheers.<\/p>\n<p>Tags: <a href=\"http:\/\/ludumdare.com\/compo\/tag\/environment\/\" rel=\"tag\">environment<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/jam\/\" rel=\"tag\">jam<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/ld35\/\" rel=\"tag\">LD35<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/mushroommuncher\/\" rel=\"tag\">MushroomMuncher<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/mushrooms\/\" rel=\"tag\">mushrooms<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/substance\/\" rel=\"tag\">substance<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/unity\/\" rel=\"tag\">unity<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/unity3d\/\" rel=\"tag\">unity3d<\/a><\/p>","time":"April 24th, 2016 1:53 pm","title":"Mushroom Muncher: Environment","title_was_empty":false}