{"id":709,"date":"2024-05-05T14:08:51","date_gmt":"2024-05-05T13:08:51","guid":{"rendered":"https:\/\/liambenstead.co.uk\/?p=709"},"modified":"2024-05-05T14:12:52","modified_gmt":"2024-05-05T13:12:52","slug":"team-project-alpha-development-15th-21st-mar","status":"publish","type":"post","link":"https:\/\/liambenstead.co.uk\/?p=709","title":{"rendered":"Team Project Alpha Development: 15th &#8211; 21st Mar"},"content":{"rendered":"\n<p>This week, I continued the trend of making another asset for Prescription Grade Spooks as this week marks the milestone for which the game needs to be fully playable from start to finish. Obviously, I was more focused on completing another asset in this for this occasion and settled on making the old hospital bed asset I had collected reference images for from the other week. I jumped straight into Maya and got started by making a cylinder polygon and stretching its Y axis to mould something like this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/03\/Basic-Start-2.png\" alt=\"\" class=\"wp-image-1186\"\/><\/figure>\n\n\n\n<p>I then duplicated the cylinder and aligned a much shorter one to the top right of it. The plan is to make a perfect 90 degree turn with the cylinders so that my asset could look as accurate as the reference images. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/03\/Bridge-Setup-1.png\" alt=\"\" class=\"wp-image-1191\"\/><\/figure>\n\n\n\n<p>After some digging around, I stumbled across a video that explains how to achieve this task. My first step was to make one cap on each affected ends of the cylinders to look something like this.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/03\/One-Cap.png\" alt=\"\" class=\"wp-image-1189\"\/><figcaption class=\"wp-element-caption\">Figure 37 &#8211; <em>Perfect 90 degree cylinders in Maya LT<\/em> (Bray D. In The 3rd Dimension, 2020)<\/figcaption><\/figure>\n\n\n\n<p>I selected edge mode and clicked on the ends of both cylinders to bridge them. I also had to include how many segments to ensure it keeps in line with the images I was using to construct this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/03\/Curved-Edge.png\" alt=\"\" class=\"wp-image-1188\"\/><figcaption class=\"wp-element-caption\">Figure 38 &#8211; <em>Perfect 90 degree cylinders in Maya LT<\/em> (Bray D. In The 3rd Dimension, 2020)<\/figcaption><\/figure>\n\n\n\n<p>Mirroring the asset gave me the ability to repeat the same process for the end of the hospital bed, but this time, I had to lower the polygons so there wouldn&#8217;t be equal sides. These should form the proposed shape of the hospital bed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Bed-End.png\" alt=\"\" class=\"wp-image-1658\"\/><\/figure>\n\n\n\n<p>I also gave the headrest bars some extra cylinders to mimic the vintage bed style of the asylum setting, even if I had to repeat the mirroring process to give the other end the same treatment. Here is what it should like now.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Headrest-Bars.png\" alt=\"\" class=\"wp-image-1660\"\/><\/figure>\n\n\n\n<p>I added a basic cube polygon and scaled it to a rectangle to fit within the borders of the asset. I also applied some extra supports that end up touching the length of the bed polygon. This is to help keep the bed up and not fall off. You can see one of them clearly in this image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Looking-Good-So-Far.png\" alt=\"\" class=\"wp-image-1662\"\/><\/figure>\n\n\n\n<p>I also went the extra mile to ensure that the bed polygon was beveled to make it look like a mattress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Beveled-Mattress.png\" alt=\"\" class=\"wp-image-1665\"\/><\/figure>\n\n\n\n<p>Now that the actual bed is out of the way, I think it&#8217;s time for me to make the pillows that would go on the bed polygon. The way I did this was by creating a cube polygon and scaling it to a rectangle before increasing the subdivisions so that the pillow would look detailed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Adding-Subdivisions.png\" alt=\"\" class=\"wp-image-1667\"\/><figcaption class=\"wp-element-caption\">Figure 39 &#8211; <em>How to model a 3D Pillow in Maya 2018 in 5 minutes<\/em> (Mike Hermes, 2017)<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/nCloth.png\" alt=\"\" class=\"wp-image-1680\"\/><figcaption class=\"wp-element-caption\">Figure 40 &#8211; <em>How to model a 3D Pillow in Maya 2018 in 5 minutes<\/em> (Mike Hermes, 2017)<\/figcaption><\/figure>\n\n\n\n<p>By adding an nCloth to the polygon, you can see the nucleus attached to it. That is the indication that it&#8217;s worked. This next step requires animation, as I wanted the asset to be pressurized. I went ahead and increased the pressure of the pillow to something that would be comfortable and would resemble more of an actual pillow. As I pressed play on the animation, I watched as the polygon became bloated and would typically be associated with being more like a pillow, which is what I wanted.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Animation-Pillow-1024x616.png\" alt=\"\" class=\"wp-image-1670\"\/><figcaption class=\"wp-element-caption\">Figure 41 &#8211; <em>How to model a 3D Pillow in Maya 2018 in 5 minutes<\/em> (Mike Hermes, 2017)<\/figcaption><\/figure>\n\n\n\n<p>Freezing the transformations allowed the shape to stay still upon resuming the animation, which is perfect since we want this shape. The next thing to do is to make some piping on the edges of the pillow to make it more nicer. I started by selecting the faces of the edges and beveling them to do the same to the faces.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Beveled-Piping.png\" alt=\"\" class=\"wp-image-1672\"\/><figcaption class=\"wp-element-caption\">Figure 42 &#8211; <em>How to model a 3D Pillow in Maya 2018 in 5 minutes<\/em> (Mike Hermes, 2017)<\/figcaption><\/figure>\n\n\n\n<p>Upon repeating this process on the bottom edge of the width sides, I hit 3 on the keyboard to get this nice looking result for both edges.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Extruded-Piping-and-Result.png\" alt=\"\" class=\"wp-image-1675\"\/><figcaption class=\"wp-element-caption\">Figure 43 &#8211; <em>How to model a 3D Pillow in Maya 2018 in 5 minutes<\/em> (Mike Hermes, 2017)<\/figcaption><\/figure>\n\n\n\n<p>Once that was done, I carefully positioned the pillow where I wanted it to be on the bed. Duplicating the asset allowed me to place another pillow next to it, effectively covering one side of the bed like in the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Two-Pillows.png\" alt=\"\" class=\"wp-image-1678\"\/><\/figure>\n\n\n\n<p>Once that step was done, now is the perfect time to export the FBX into Substance Painter for the textures. I had to carefully UV the asset first, and I had some trouble exporting the FBX with the pillow assets as they would just end up being rectangular in Substance and that would look really weird and out of place, so I had to do the long way and export the bed and pillow separately in order to get a desired result. Other than that issue, there really wasn&#8217;t any more problems with getting the assets into Substance.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Substance Painter<\/strong><\/p>\n\n\n\n<p>The first step I would always go for is baking the asset for the shadows to appear more detailed as with the previous asset. Just like last time, I ensured that the ambient occlusion is included within the baking channels so that there would be a texture map dedicated to the AO.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Baking.png\" alt=\"\" class=\"wp-image-1682\"\/><\/figure>\n\n\n\n<p>You can see the extra output map being baked in this window as the baking process has been finalized.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Baking-Bed-Asset-1024x551.png\" alt=\"\" class=\"wp-image-1684\"\/><\/figure>\n\n\n\n<p>Now is actually the time to get down to texturing the asset fully. For the bed polygon, I went with some kind of a rust coarse kind of feel to give the asset some abandonment and played around with the colours and the scaling of the texture to get a good looking outcome. I also attempted to give the polygon some character by adding in some dry mud. You can faintly see where I placed the brush on as you can see dark smudges.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Dry-Mud.png\" alt=\"\" class=\"wp-image-1688\"\/><\/figure>\n\n\n\n<p>Upon looking back and noticing a few unwanted seams, mainly on the headrest bars, I quickly repeated the process again after inspecting the UV sheet and fixing the seams before re-exporting it as FBX and starting again. That was the only issue with the bed texturing as the pillows were untouched by this issue.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Rust-and-Coarse.png\" alt=\"\" class=\"wp-image-1689\"\/><\/figure>\n\n\n\n<p>I had to do the same to the pillow. Even though the rectangle issue persists when it is separate, I still pushed forward knowing the textures were going to work on the real pillows when I bring it into Maya. I&#8217;ve added the same dust and dry mud onto the asset, but the surface is a fabric texture this time to give the pillow a softer feel to it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Pillow-Dust.png\" alt=\"\" class=\"wp-image-1690\"\/><\/figure>\n\n\n\n<p>Here is the texture in the layers tab along with the paint layers I used for the extra detailing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Pillow-Layers.png\" alt=\"\" class=\"wp-image-1694\"\/><\/figure>\n\n\n\n<p>Once both assets were finished and detailing had been applied to both, I went ahead and exported the textures, making sure the Ambient Occlusion output channel was created for the shadows to become clear. I made sure to do this for both assets and also set the output directory towards the asset&#8217;s sourceimages folder to keep the space tidy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Output-Textures-1024x717.png\" alt=\"\" class=\"wp-image-1695\"\/><\/figure>\n\n\n\n<p class=\"has-large-font-size\"><strong>Bringing It Into Maya<\/strong><\/p>\n\n\n\n<p>Back into Maya, I selected the hospital bed asset first and applied an AiStandardSurface shader to it, making sure to plug the texture maps into the BaseColour, Metalness, Roughness and Normal maps within the shader window in the image below. The AO plugin should be done within the hypershader anyway, as I had already done it multiple times to know the basic process of plugging the shadow detailing in granted it will work. I also made sure to check the Colour Space for Raw on every one of these maps except for the BaseColour.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Shader-Attributes.png\" alt=\"\" class=\"wp-image-1698\"\/><\/figure>\n\n\n\n<p>I also assigned the shader to the pillow and repeated the process like with the other asset. I ensured that it would look just right, with all of the texture maps plugged in. Any maps that will end up making the asset&#8217;s appearance worse will be left out, just like with any other assets in this game.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Assign-Shader.png\" alt=\"\" class=\"wp-image-1700\"\/><\/figure>\n\n\n\n<p>For the Ambient Occlusion for both of the assets, I had to follow the same principles of the plugin setup by creating an AiMultiply node and converting the AO and BaseColour to the shader node, like so.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Hypershader-Nodes.png\" alt=\"\" class=\"wp-image-1705\"\/><\/figure>\n\n\n\n<p>A look back into the Maya viewport and we see that the asset&#8217;s textures have been applied, including the pillows, which is excellent. Now it&#8217;s time to take a look at it in the render view.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Finished-Asset.png\" alt=\"\" class=\"wp-image-1707\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Textured.png\" alt=\"\" class=\"wp-image-1710\"\/><\/figure>\n\n\n\n<p>As you can see, this was made possible by lighting up the asset and getting rid of any shadowy areas that might make this render look incomplete. I used two lights to bring as much light as possible without sacrificing the authenticity of the asset. This technique is akin to the key and fill technique  used in professional photography. The front side of the asset has much more light than the back, giving it a much more appreciated look as well as shadows creeping in to the left of the image, also filling in the loop technique quite nicely.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/benstead-2020.hulldesign.co.uk\/wp-content\/uploads\/2021\/04\/Rendered-Output-1.png\" alt=\"\" class=\"wp-image-1711\"\/><figcaption class=\"wp-element-caption\">Figure 44 &#8211; <em>Cheat sheet: Pro portrait lighting setups<\/em> (Golowczynski, 2018)<\/figcaption><\/figure>\n\n\n\n<p>Like last time, I deleted the camera work and left the asset in the viewport once finished. My only other option was to export the model as an FBX to post into Teams and make sure Embed Media is checked. I also made sure to do this with my other upcoming assets too.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>Evaluation<\/strong><\/p>\n\n\n\n<p>Looking back at the asset, I have made a decent looking attempt at emulating the asylum bed feel of the model. However, one thing that could be an improvement for future attempts is the minor inconvenience of the pillow placement, as the far pillow in the render above seems to be clipping into the bed a little. Having insights like that could make or break a 3D artist, as the professionalism needs to occur within to make a good impression. Other than that, it&#8217;s a really good attempt and one that would be the team game.<\/p>\n\n\n\n<p class=\"has-large-font-size\"><strong>How the rest of the team is doing<\/strong><\/p>\n\n\n\n<p>This week, the deadline for the alpha build is upon our reach and the team have been busy too. Max and Jack has expanded the game by adding in functional keys to open doors and new rooms respectively while Kameron and Ben have maybe made some new assets alongside me. I hope that their assets could be in the game, which I am hoping for.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week, I continued the trend of making another asset for Prescription Grade Spooks as this week marks the milestone for which the game needs to be fully playable from start to finish. Obviously, I was more focused on completing another asset in this for this occasion and settled on making the old hospital bed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-709","post","type-post","status-publish","format-standard","hentry","category-team-project"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=709"}],"version-history":[{"count":4,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/709\/revisions"}],"predecessor-version":[{"id":714,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/709\/revisions\/714"}],"wp:attachment":[{"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/liambenstead.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}