{"id":2265,"date":"2025-12-18T15:30:35","date_gmt":"2025-12-18T15:30:35","guid":{"rendered":"https:\/\/sites.wsagames.com\/ib8g23\/?p=2265"},"modified":"2025-12-18T15:30:35","modified_gmt":"2025-12-18T15:30:35","slug":"prototype-2","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/ib8g23\/2025\/12\/18\/prototype-2\/","title":{"rendered":"Prototype 2"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">GREYBOX<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large wp-container-content-08d3f2e7\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22-1024x546.png\" alt=\"\" class=\"wp-image-2266\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22-1024x546.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22-300x160.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22-768x409.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22-1536x819.png 1536w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-22.png 1580w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First things first: the greybox. Again using ProBuilder, I created a short corridor of identical office cubicles where the player character would work. This was done in the same project as my first prototype, but as a separate scene, so I could centralise all my prototypes in the same place. I chose Unity, again, for the same reason as the previous prototype. <\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">MOVEMENT<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c020569f wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">Then I wanted to get basic movement working. The code this time was very simple, as it was a point-and-click game. This allowed the player to hold down left click to look around their space!<\/p>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c020569f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large wp-container-content-13ccae78\"><img decoding=\"async\" width=\"1024\" height=\"664\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-23-1024x664.png\" alt=\"\" class=\"wp-image-2267\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-23-1024x664.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-23-300x194.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-23-768x498.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-23.png 1413w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1562\" style=\"aspect-ratio: 3136 \/ 1562;\" width=\"3136\" controls src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/proto-2-2.mp4\"><\/video><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-heading-2-font-size wp-block-paragraph\">ART DIRECTION<\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large wp-container-content-13ccae78\"><img decoding=\"async\" width=\"1024\" height=\"713\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-1024x713.png\" alt=\"\" class=\"wp-image-2407\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-1024x713.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-300x209.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-768x535.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-1536x1070.png 1536w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-41-2048x1427.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The game had a fairly boring, simple premise of being an office worker, so I wanted to make it seem more intriguing with a nice artstyle. First, I modelled out the office room and some props with semi-high detail so I could play with both realistic and basic textures. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-1024x688.png\" alt=\"\" class=\"wp-image-2404\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-1024x688.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-300x202.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-768x516.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-1536x1032.png 1536w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-39-2048x1376.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"672\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-1024x672.png\" alt=\"\" class=\"wp-image-2406\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-1024x672.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-300x197.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-768x504.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-1536x1008.png 1536w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/Screenshot-2025-12-18-144518-2048x1344.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c020569f wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">The first technique I used for texturing was by editing the normal map. The above picture on the right is what the normal map typically looks like; the below is how I repainted it to alter lighting effects and make it look as though it was being hand-painted, while in reality the textures are fairly basic. In Blender, the effect looked very nice &#8211; blocky brush-stroked that mimicked a painter&#8217;s hand. In Unity&#8230; it didn&#8217;t look so good. <br><br>Even after tweaking the effects, it still looked too washed and blended out. Unity&#8217;s render engine is different to Blenders, but I figured it wouldn&#8217;t change too much, since the calculation of a normal map should be the same&#8230; But it appears I was wrong.  <\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1081\" height=\"935\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-25.png\" alt=\"\" class=\"wp-image-2270\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-25.png 1081w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-25-300x259.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-25-1024x886.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-25-768x664.png 768w\" sizes=\"(max-width: 1081px) 100vw, 1081px\" \/><figcaption class=\"wp-element-caption\">Blender<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1110\" height=\"958\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-24.png\" alt=\"\" class=\"wp-image-2269\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-24.png 1110w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-24-300x259.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-24-1024x884.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-24-768x663.png 768w\" sizes=\"(max-width: 1110px) 100vw, 1110px\" \/><figcaption class=\"wp-element-caption\">Unity<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c020569f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-42.png\" alt=\"\" class=\"wp-image-2409\" style=\"width:307px\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-42.png 800w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-42-300x300.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-42-150x150.png 150w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-42-768x768.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"704\" height=\"712\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-26.png\" alt=\"\" class=\"wp-image-2271\" style=\"width:307px\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-26.png 704w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/11\/image-26-297x300.png 297w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-ea64ea74 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"835\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-37-1024x835.png\" alt=\"\" class=\"wp-image-2400\" style=\"width:500px\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-37-1024x835.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-37-300x245.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-37-768x626.png 768w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-37.png 1238w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-46ceba7c wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">The second style was to utilise Blender&#8217;s node system, and bake maps with that. With the node tree on the left, I managed to create a cool, swirly effect that, once baked, wouldn&#8217;t be shiny anymore &#8211; it reminded me of the Van Gogh painting &#8220;starry night&#8221;, which I enjoyed. However, it was almost impossible to replicate, and for some reason all the bakes ended up just turning black. I never found out why. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1104\" height=\"693\" src=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-38.png\" alt=\"\" class=\"wp-image-2401\" style=\"object-fit:cover\" srcset=\"https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-38.png 1104w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-38-300x188.png 300w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-38-1024x643.png 1024w, https:\/\/sites.wsagames.com\/ib8g23\/wp-content\/uploads\/sites\/7\/2025\/12\/image-38-768x482.png 768w\" sizes=\"(max-width: 1104px) 100vw, 1104px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>GREYBOX First things first: the greybox. Again using ProBuilder, I created a short corridor of identical office cubicles where the player character would work. This was done in the same project as my first prototype, but as a separate scene, so I could centralise all my prototypes in the same place. I chose Unity, again, [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":["post-2265","post","type-post","status-publish","format-standard","hentry","category-y3s1-development"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/2265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/comments?post=2265"}],"version-history":[{"count":8,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/2265\/revisions"}],"predecessor-version":[{"id":2412,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/posts\/2265\/revisions\/2412"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/media?parent=2265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/categories?post=2265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ib8g23\/wp-json\/wp\/v2\/tags?post=2265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}