{"id":8918,"date":"2018-05-04T22:27:51","date_gmt":"2018-05-04T22:27:51","guid":{"rendered":"http:\/\/astoryisnotatree.net\/?p=8918"},"modified":"2018-05-04T22:27:51","modified_gmt":"2018-05-04T22:27:51","slug":"the-blob-post-mortem","status":"publish","type":"post","link":"http:\/\/astoryisnotatree.net\/?p=8918","title":{"rendered":"The Blob &#8212; Post-Mortem"},"content":{"rendered":"<p>This project started with a remarkably lofty idea. One that, I think, came from the right place but ended up not really helping in any real manner when it came to developing my game. In my initial artist statement I aimed to \u201cModel Mental Illness in Video Game Space.\u201d This is impossible, and way outside of my skill set. So I think my Senior Thesis failed in this regard, but in many other ways succeeded. I could not, at the end of the day, hope to model mental illness, but I could reflect elements of it through art and through mechanics and ultimately illuminate something deeper to the player about life and living with a complicated and messy brain. In many ways, this project was not only a lesson in game design but a lesson in patience and respect towards art and its ability to communicate something meaningful. For the purposes of this post-mortem, I\u2019ll be breaking down the process into three categories: Early Attempts, Artwork, Mechanics, Code, Sound Design, and Closing Remarks. More than anything, this project was a learning experience, and although I did complete the project and intend to continue to refine it, this year of work with Angela has helped illuminate more about myself as an artist and developer.<\/p>\n<hr \/>\n<p><strong><strong><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8928\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p-300x257.png\" alt=\"Blob_Yard_Jump_All_260p\" width=\"300\" height=\"257\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p-300x257.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p-1024x877.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p-624x534.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Blob_Yard_Jump_All_260p.png 1820w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/strong><\/p>\n<p><strong>Section One: Early Attempts<\/strong><\/p>\n<p><span style=\"font-weight: 400\">In the early stage of this project, I wanted to create a game that could offer something to the world. Something that would allow for those who did not have mental illness to begin to understand some of the nonsense rattling around my head and others. This proved rather difficult. Almost a hindrance in many cases. But with the early art references made (a collection of 25 paintings, 25 pieces of art from video games, 25 sculptures, and 25 drawings) I set out to make a few proof of concept images that would later help develop the cut out background style used in the project.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1084.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8922\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1084-300x225.jpg\" alt=\"IMG_1084\" width=\"300\" height=\"225\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1084-300x225.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1084.jpg 320w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Along with the testing of photo cut out images, I kept a journal of sketches for early character designs. Originally the project was centered around a house with rooms, each containing a mini-game with a character representing an aspect of mental illness. This idea didn\u2019t pan out. But one of the characters, Clarence, ended up being the inspiration for both The Blob itself and the static in the level \u201cErnest\u201d in the final project. A lot of the early advances on the art can be seen in the final project. The Blob was sort of born out of a mix of broken ideas, but a lot of them ended up sticking.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1085.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8923\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1085-300x225.jpg\" alt=\"IMG_1085\" width=\"300\" height=\"225\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1085-300x225.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1085.jpg 320w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">I think a big break through in the process came about two months into the project. I\u2019d created five maps, that all are featured in the game, and then decided to narrow the project to having just one main character, The Blob, that would be more metaphorically representative of mental illness. In addition, it was around this time that I abandoned the idea of coding in Game Maker Studio and switched to Unity. I was way more comfortable with Unity to begin with and I\u2019m glad of the choice.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1086.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8924\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1086-300x225.jpg\" alt=\"IMG_1086\" width=\"300\" height=\"225\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1086-300x225.jpg 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/IMG_1086.jpg 320w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">The real final idea for the project came after many rounds of paper gaming, and eventually during second semester I settled on adding two more main levels to frame the \u2018take-care-of-the-blob\u2019 levels that really helped the overall feel.<\/span><\/p>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8929\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff-300x85.png\" alt=\"TheBlob_ItemsAndStuff\" width=\"300\" height=\"85\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff-300x85.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff-1024x292.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff-624x178.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheBlob_ItemsAndStuff.png 1820w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">The project changed a lot from its inception, but I think its roots really helped the final version. I learned a lot in the first few months and made many many mistakes along the way, but overall I think the stumbling was instrumental in narrowing down the design of the game. <\/span><\/p>\n<hr \/>\n<p><strong><strong><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8906\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p-300x168.png\" alt=\"ST_TheBathroom_1920p\" width=\"300\" height=\"168\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p-300x168.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p-1024x576.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p-624x351.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheBathroom_1920p.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/strong><\/p>\n<p><strong>Section Two: Artwork <\/strong><\/p>\n<p><span style=\"font-weight: 400\">The artwork is comprised of many digital styles. Originally I feared hand drawing the project, and it certainly led to many hiccups in the process, but with practice and patience I figured out the right style. In the end, I mixed several different styles: cutout, hand drawn, and photo, to create the maps, characters, and objects. I used many stock images then digitally altered them to create some of the objects in the world using the same cut out technique I used for the backgrounds. Basically, in Photoshop I took the object (be it digitally sourced or hand drawn, there\u2019s a mix) and added different colour filters then used the cutout filter, followed by the glowing edges filter, then the chalk and charcoal filter, then finished it all off with whatever texture filter I felt suited the object. For instance, with the Heart Cursor that appears over the character in the Spoons scene, I used a plastic wrap filter after a cross stitch filter to give it a circuit board like effect. <\/span><\/p>\n<p><span style=\"font-weight: 400\">I settled on pinks and greys for the colour scheme. I wanted the game to have a really unified tone in spite of the wildly different areas visited. In addition, I aimed to have certain objects reflect other objects in different areas and worlds. <\/span><\/p>\n<p><span style=\"font-weight: 400\">The blob itself was chosen as a character because of its ease to draw, though, I will admit it took some experimentation. One cannot simply expect to draw a boneless being without running into some trouble. This took more practice than I thought it would, and as it turns out, I am not very good at drawing gelatinous beings.<\/span><\/p>\n<p><span style=\"font-weight: 400\">The art process was definitely the most time consuming. I spent quite a while learning a lot of new tricks and techniques as well as some file management\/export information. One huge problem I ran into with the art was in the export. I had not drawn the main images to the appropriate scale during first semester and this resulted in me losing a lot of time and spilling over into winter break with the art when I really wanted all art done by January. Ultimately it wasn\u2019t a hard fix, but it took some editing and file resizing to fix. Next time I know to start in a more \u2018normal\u2019 aspect ratio instead of the weird size I had at the start of the project. I think much of the problem came from taking photos and translating those to a format Unity would be okay with. <\/span><\/p>\n<p><span style=\"font-weight: 400\">With the art pushed back, I started to draft some other paper games and quickly realized that the game would be bigger than I originally planned. After some further planning, I finished the art (with the new knowledge of proper file sizes) with little consequence all by mid-February. <\/span><\/p>\n<p><span style=\"font-weight: 400\">I\u2019m surprised with how good my art turned out. I had some issues with self-doubt many times during this process, and the art brought it out worse than the code or the other processes, but once I got over that hump, the game started coming together. <\/span><\/p>\n<hr \/>\n<p><strong><strong><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8919\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest-300x168.png\" alt=\"TheCave_Ernest\" width=\"300\" height=\"168\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest-300x168.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest-1024x576.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest-624x351.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TheCave_Ernest.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/strong><\/p>\n<p><strong>Section Three: Mechanics <\/strong><\/p>\n<p><span style=\"font-weight: 400\">For the main mechanic I started wanting to develop a point-and-click and I did that. The mechanics were never meant to be super complicated. Originally I had some ideas for puzzles that you couldn\u2019t win but ended up changing to have a more narrative approach to the mechanics. Most of the story would be told visually but in completing small tasks that really only relied on a click. Sound and visuals would all signify the change or success in game. The only other addition was to add certain \u2018buttons\u2019 that would appear over interactable objects. These allowed me to tell story without much extra art or animation. Just a simple cursor appearing or disappearing could communicate anything I really needed to in this game. The implementation of these mechanics did end up proving rather simple once I studied up on some code. <\/span><\/p>\n<hr \/>\n<p><strong><strong><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8920\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p-300x168.png\" alt=\"ST_TheDoor_1920p\" width=\"300\" height=\"168\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p-300x168.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p-1024x576.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p-624x351.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/ST_TheDoor_1920p.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/strong><\/p>\n<p><strong>Section Four: Code <\/strong><\/p>\n<p><span style=\"font-weight: 400\">The code of the game is a bit of a mess, but it works. I started coding the game after completing all my art around mid-February but the code didn\u2019t really \u2018take off\u2019 until a few weeks after. I had some initial problems learning how to make everything work, but enough time with the book Mastering Unity 2D Game Design and the official Unity tutorials helped pave the way for a comprehensive code. It\u2019s nothing super fancy, mostly just a hodgepodge of true\/false statements and a Game State Manager to help keep the game recursive and on an endless loop. Most of the code relies on OnMouseEnter\/OnMouseExit effects to denote interactability and then the switching of variables with OnMouseButtonDown. Its rudimentary but allows for the basics of a point and click. If I were to code it again, I\u2019d try to get a bit more global in my code, as I ended up having some pretty redundant scripts. But as a first attempt finishing a real game, I think I made the code work for me. <\/span><\/p>\n<hr \/>\n<p><strong><strong><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8925\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom-300x168.png\" alt=\"Spoons_bedroom\" width=\"300\" height=\"168\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom-300x168.png 300w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom-1024x576.png 1024w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom-624x351.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/Spoons_bedroom.png 1920w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/strong><\/p>\n<p><strong>Section Five: Sound Design <\/strong><\/p>\n<p><span style=\"font-weight: 400\">While I didn\u2019t get the sound design quite to where I wanted it to be. The version of the game I completed this year had some minor development. I implemented mostly a few sounds attached to clickable objects. Lots of static sounds, and loud or jarring phones\/other noises comprised the bulk of the sound effects. Later on I\u2019d like to work on this more in depth, as I began to see the true possibilities that sound lends to a game. I didn\u2019t really approach sound until late in the project, but it\u2019s given me some inspiration for my next project and I\u2019m excited to see what I can do with sound in the future. Both for The Blob and for other projects. <\/span><\/p>\n<hr \/>\n<p><a href=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-8927\" src=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p-224x300.png\" alt=\"TB_Bathroom_Pour_260p\" width=\"224\" height=\"300\" srcset=\"http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p-224x300.png 224w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p-768x1024.png 768w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p-624x832.png 624w, http:\/\/astoryisnotatree.net\/wp-content\/uploads\/2018\/05\/TB_Bathroom_Pour_260p.png 780w\" sizes=\"auto, (max-width: 224px) 100vw, 224px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Section Six: Closing Remarks <\/strong><\/p>\n<p><span style=\"font-weight: 400\">My Senior Thesis truly has felt, at its core, like a culmination of all my work up into this point. The project is messy, but interesting and I think touches on some really human elements and experiences of mental illness. I\u2019m remarkably proud of all I\u2019ve learned and put into the project this year and in some ways can\u2019t really believe I actually completed the whole project. Many thanks to you Angela. You\u2019ve helped me in so many ways, and I\u2019m so thankful for your confidence in this project and in my abilities. I\u2019ll likely continue working on this well into the summer and hopefully bring some of what I\u2019ve learned this year into my older projects and complete them as well. <\/span><\/p>\n<p><strong><strong>\u00a0<\/strong><\/strong><\/p>\n<p><span style=\"font-weight: 400\">This is Kit,<\/span><\/p>\n<p><strong><strong>\u00a0<\/strong><\/strong><\/p>\n<p><span style=\"font-weight: 400\">Signing off. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This project started with a remarkably lofty idea. One that, I think, came from the right place but ended up not really helping in any real manner when it came to developing my game. In my initial artist statement I&#8230;<\/p>\n","protected":false},"author":111,"featured_media":8919,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[223],"tags":[379,380],"class_list":["post-8918","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-game-studio","tag-the-blob","tag-senior-thesis-2018","wpcat-223-id"],"_links":{"self":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/8918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8918"}],"version-history":[{"count":1,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/8918\/revisions"}],"predecessor-version":[{"id":8930,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/posts\/8918\/revisions\/8930"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=\/wp\/v2\/media\/8919"}],"wp:attachment":[{"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8918"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/astoryisnotatree.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}