{"assets":[{"original":"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/keysmiths_in_a_hurry_sgdd-306x1024.png","local":"\/data\/posts\/2016\/04\/8d157fe86e9033e5bbff593bf8d28114.png"}],"author_link":"author\/felladrin\/","author_name":"Felladrin","cat":"LD #35","categories":["LD #35"],"comments":[],"epoch":1461493020,"event":"LD35","likes":8,"metadata":{"p_key":"85162","p_author":"Felladrin","p_authorkey":"0","p_urlkey":"295923","p_title":"Keysmith\u2019s in a hurry! \u2013 Post-Mortem","p_cat":"LD #35","p_event":"LD35","p_time":"1461493020","p_likes":"8","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\/keysmiths-in-a-hurry-post-mortem\/","text":"<p style=\"text-align: left\">A musician, a business administrator, an architect and a programmer. Not really a\u00a0gamedev team; just a group of close friends looking for fun! And now we here to share the experience we had on the creation of\u00a0<a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46558\" target=\"_blank\">Keysmith\u2019s in a hurry!<\/a><\/p>\n<p>We\u2019ve met online at <a href=\"https:\/\/www.talk.gg\/\" target=\"_blank\">talk.gg<\/a> just a few minutes before the theme announcement. At that moment we\u00a0had\u00a0already set a roadmap for the game development, as the following:<\/p>\n<ol>\n<li><em>Theme brainstorming<\/em><\/li>\n<li><em>Mockups and game name choosing<\/em><\/li>\n<li><em>SGDD writing<\/em><\/li>\n<li><em>Game assets and scenes creation<\/em><\/li>\n<li><em>Game programming<\/em><\/li>\n<li><em>Game sounds and musics\u00a0inclusion<\/em><\/li>\n<li><em>Game publishing<\/em><\/li>\n<li><em>Post-Mortem writing<\/em><\/li>\n<\/ol>\n<p>As soon as they announced the theme, we\u2019ve started the brainstorm. Monsters, food, spaceships, rogue-like, quiz, game board, popcorn and a lot of crazy ideas\u2026 Until we finally got to the <em>key-idea:<\/em>\u00a0to shapeshift keys for npcs that would tell\u00a0a single-line story about why they needed a key. So this was the first mockup, made on\u00a0<span style=\"color: #1155cc\"><u><a href=\"http:\/\/flockdraw.com\/\">flockdraw<\/a><\/u><\/span>:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559361\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46558\" rel=\"attachment wp-att-559361\"><img alt=\"mockup1\" class=\"wp-image-559361 size-large\" height=\"415\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup1-550x415.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup1-300x226.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup1-768x580.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup1-550x415.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup1.png 869w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">1\u00ba Mockup for Keysmith\u2019s in a hurry!<\/p><\/div>\n<p>We\u2019ve spent a lot of time discussing the game features and drawing the interface. Later\u00a0we moved to <span style=\"color: #1155cc\"><u><a href=\"http:\/\/draw.io\/\">draw<\/a><a href=\"http:\/\/draw.io\/\">.<\/a><a href=\"http:\/\/draw.io\/\">io<\/a><\/u><\/span> for a better mockup:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559362\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46558\" rel=\"attachment wp-att-559362\"><img alt=\"mockup2\" class=\"wp-image-559362 size-large\" height=\"361\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup2-550x361.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup2-300x197.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup2-768x504.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup2-550x361.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/mockup2.png 820w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">3\u00ba Mockup for Keysmith\u2019s in a hurry!<\/p><\/div>\n<p>With the mechanics and interface defined we could start thinking about the name. We\u2019ve came across a lot of ideas. From the ok ones (<em>Keymaker; Keymaster Legacy; Keystorm<\/em>) to the awful ones (<em>The Insane Adventure of the All-Keys Maker; Lord of the Keys; Keymberly!<\/em>). In the end, we\u2019ve picked the name <em>\u201cKeysmith\u2019s in a hurry!\u201d<\/em> mainly because how it sounds. Also, no game has ever been made with that name.<\/p>\n<p>Next step: writing the SGDD. [<em>SGDD stands for Short Game Design Document, a development documentation\u00a0method for small-size games.\u00a0Original article, in brazilian portuguese: <a href=\"https:\/\/goo.gl\/wNf46h\" target=\"_blank\">https:\/\/goo.gl\/wNf46h<\/a><\/em>]<\/p>\n<p>We did it collaboratively using\u00a0<a href=\"https:\/\/docs.google.com\/\" target=\"_blank\">Google Docs<\/a>:<\/p>\n<p><div class=\"wp-caption aligncenter\" id=\"attachment_559363\" style=\"width: 316px\"><a href=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/keysmiths_in_a_hurry_sgdd.png\" rel=\"attachment wp-att-559363\"><img alt=\"For demonstration purposes we\u2019ve reviewed and prettified it before posting here. During the jam it was a little messy due the lack of time. [PDF Version: https:\/\/goo.gl\/KoKu2U]\" class=\"wp-image-559363 size-large\" height=\"1024\" src=\"\/data\/posts\/2016\/04\/8d157fe86e9033e5bbff593bf8d28114.png\" width=\"306\"\/><\/a><p class=\"wp-caption-text\">For demonstration purposes we\u2019ve reviewed and prettified it before posting here. During the jam it was a little messy due the lack of time. [PDF version is available at <a href=\"https:\/\/goo.gl\/KoKu2U\" target=\"_blank\">https:\/\/goo.gl\/KoKu2U<\/a>]<\/p><\/div>Having the development guide, it was time to start creating the assets on <a href=\"http:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\">Photoshop<\/a>\u00a0and the scenes on <a href=\"http:\/\/unity3d.com\/\" target=\"_blank\">Unity3D<\/a>. Here you have some records of this\u00a0moment:<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559365\" style=\"width: 364px\"><a href=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/kiah_dev.png\" rel=\"attachment wp-att-559365\"><img alt=\"kiah_dev\" class=\"wp-image-559365 size-large\" height=\"1024\" sizes=\"(max-width: 354px) 100vw, 354px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/kiah_dev-354x1024.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/kiah_dev-354x1024.png 354w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/kiah_dev.png 582w\" width=\"354\"\/><\/a><p class=\"wp-caption-text\">Assets &amp; Game Scene.<\/p><\/div>\n<p><span style=\"font-weight: 400\">With the assets and scenes in hand, it was time to make a game of it. Make the static become dynamic. At the moment we started programming, we remembered to turn <a href=\"https:\/\/www.chronolapse.com\/\" target=\"_blank\">Chronolapse<\/a> on: <a href=\"https:\/\/goo.gl\/S89bY3\" target=\"_blank\">https:\/\/goo.gl\/S89bY3<\/a><\/span><\/p>\n<p><iframe allowfullscreen=\"\" frameborder=\"0\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WKV9eB3anYM?feature=oembed\" width=\"500\"><\/iframe><\/p>\n<p>The game was all scripted using <a href=\"http:\/\/www.monodevelop.com\/\" target=\"_blank\">MonoDevelop<\/a>. Meanwhile the soundtracks were being created with <a href=\"http:\/\/www.steinberg.net\/en\/products\/cubase\/start.html\" target=\"_blank\">Cubase<\/a>. Also\u00a0<span style=\"font-weight: 400\">we\u2019ve included sounds on buttons and made some improvements on the UI:<\/span><\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559367\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es.png\" rel=\"attachment wp-att-559367\"><img alt=\"Keysmith's in a hurry! on Unity3D\" class=\"wp-image-559367 size-large\" height=\"332\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es-550x332.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es-300x181.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es-768x464.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es-550x332.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/2016-04-19-02_06_05-Configura\u00e7\u00f5es.png 1440w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">Our game on Unity3D.<\/p><\/div>\n<p>Finally, a few minutes before the\u00a0deadline\u00a0we\u2019ve <a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46558\" target=\"_blank\">published<\/a> it!<\/p>\n<div class=\"wp-caption aligncenter\" id=\"attachment_559369\" style=\"width: 560px\"><a href=\"http:\/\/ludumdare.com\/compo\/ludum-dare-35\/?action=preview&amp;uid=46558\" rel=\"attachment wp-att-559369\"><img alt=\"Playable!\" class=\"wp-image-559369 size-large\" height=\"311\" sizes=\"(max-width: 550px) 100vw, 550px\" src=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/playable-550x311.png\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/playable-768x434.png 768w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/playable-550x311.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2016\/04\/playable.png 926w\" width=\"550\"\/><\/a><p class=\"wp-caption-text\">Click this image to play our game!<\/p><\/div>\n<p>Time for a well deserved rest before start writing the post-mortem!<\/p>\n<p>\u00a0<\/p>\n<h2 style=\"text-align: center\">Game Specifications, Experience and Feedback<\/h2>\n<h3>Mechanics<\/h3>\n<p>It\u2019s a game about resources management. In summary, each round the player needs to read a order description (to know what kind of key he needs to create), choose the material he wants to use for each part of the key and then click on the shape of the key they want to add to the key table (where the key is assembled). After the key is delivered, the next customer comes in and the next round starts. There\u2019s a time system, but not so useful as we couldn\u2019t implement it further; it only resets the current day startistcs\u00a0every day. The statistics are currently the only feedback the player has for the customer\u2019s opinions about the keys created.<\/p>\n<p>The game targets computer web browsers, and all the interaction is made through\u00a0mouse clicks\u00a0on\u00a0several buttons\u00a0from\u00a0the gameplay screen. It\u2019s a simple and functional game, but due to it\u2019s linear gameplay, it gets\u00a0boring after five minutes.<\/p>\n<h3>Aesthetics<\/h3>\n<p>We\u2019ve focused the aesthetics on something reminding middle ages. All assets were based on this premise. So you see medieval keys, hear medieval coins and listen medieval songs among the game. The game is all in one screen because we had not much information beside numbers.<\/p>\n<h3>Story<\/h3>\n<p>We\u2019ve setup a short background story just to let the player understanding why was he clicking all those buttons. As you can read\u00a0in-game, the backstory is:<\/p>\n<p><em>\u201cDescendant from keysmith masters, you are currently the best keysmith of the region. Besides being recognized for your excellence and tradition in the manufacture of keys, you were recently knighted by the king, for creating the key that saved his kidnapped daughter. Now you need to race against time to meet the demands from your old customers in addition to those who are curious about your work and sudden fame.\u201d<\/em><\/p>\n<h3>Technology<\/h3>\n<p>We\u2019ve developed the game on Unity3D, but decided to export only to WebGL (HTML5), so our game is basically a web browser game. The best thing about HTML5 is that anyone with a uptodate web browser can play it. Besides the game engine, we\u2019ve used a lot of great and modern tools to make this game exist, as you\u2019ve read above.<\/p>\n<h3>What we\u2019ve learned<\/h3>\n<p>One of the first things we\u2019ve noticed is that not everyone is prepared for the\u00a0<a href=\"http:\/\/pomodorotechnique.com\/\" target=\"_blank\">Pomodoro Technique<\/a>. We used it on the first day, but not everyone could stop their work on the intervals. So we didn\u2019t use it on the following days. But we\u2019ll definitely try it again on the next jam.<\/p>\n<p>Having an SGDD as a development guide helps a lot. Once the game tasks are defined,\u00a0we just need to follow the list!<\/p>\n<p>Our strategy of using controllers+events on the programming was not perfect; we still had some scripts referencing others directly. We\u2019re already studying new techniques for that.<\/p>\n<h3>The Bad<\/h3>\n<p>We all agree that it took us too long discussing the game ideia. Besides that,\u00a0we needed to change tools (for conference and drawing mainly) several times, due to the lack of functionalities or for not working on some members computers. We should have tested the tools in group before starting.<\/p>\n<p>At the end of the jam we didn\u2019t complete the programming task list from the SGDD: there should be a feedback message for the player to know what the client thought about the key. We\u2019d do it through a message box that would slide down from the top of the window (you can see it being implemented on the timelapse video). But it was cancelled due to the deadline. We also missed the game over conditions, that was already defined on the SGDD. And also a few fixes, like disable the Deliver button if the key had only one or two of the three parts and disable the Discard button if\u00a0the key table was already empty.<\/p>\n<p>We\u2019ve spent some time to share assets. Using a shared folder on Dropbox would accelerate our work.<\/p>\n<h3>The Good<\/h3>\n<p>The best part was the laughs! We laugh a lot! That was enough to make that time count! But we also liked alot our teamwork. So much effort put on it!<\/p>\n<p>We\u2019re all proud we could make the random customers orders work; to see the different combinations of keys with only a few assets; to try out those\u00a0techniques (Pomodoro and SGDD) and know it works; to see our UI design being so much appreciated when we had no one to focus on the art.<\/p>\n<p>All this gave us a very pleasant experience overall.<\/p>\n<p>Tags: <a href=\"http:\/\/ludumdare.com\/compo\/tag\/post-mortem\/\" rel=\"tag\">post-mortem<\/a><\/p>","time":"April 24th, 2016 10:17 am","title":"Keysmith\u2019s in a hurry! \u2013 Post-Mortem","title_was_empty":false}