{"id":19510,"date":"2020-01-08T06:45:02","date_gmt":"2020-01-08T11:45:02","guid":{"rendered":"http:\/\/tellest.com\/?p=19510"},"modified":"2019-03-12T08:44:27","modified_gmt":"2019-03-12T12:44:27","slug":"quantum-quest-merge-dungeon-interface","status":"publish","type":"post","link":"https:\/\/tellest.com\/quantum-quest-merge-dungeon-interface\/","title":{"rendered":"Quantum Quest Merge Dungeon Interface"},"content":{"rendered":"<p>Howdy folks!\u00a0 I&#8217;ve got a kind of strange post for you today.\u00a0 You don&#8217;t too often see me (or people in general) mess with things like game interfaces, but I thought that was precisely the reason it would be cool to see how all the individual pieces come together in order to make something that looks great as a whole.\u00a0 Check it out:<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Tiles.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-19520\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Tiles-289x300.png\" alt=\"\" width=\"289\" height=\"300\" srcset=\"https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Tiles-289x300.png 289w, https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Tiles.png 607w\" sizes=\"(max-width: 289px) 100vw, 289px\" \/><\/a><\/p>\n<p>In order to make Merge Dungeon work, we needed a place to put our monsters.\u00a0 Sergei hooked us up with some great looking tiles.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Crate-Pedestal.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-thumbnail wp-image-19512\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Crate-Pedestal-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>We also needed a place to summon the monster crates that our monsters come in.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Crate.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-thumbnail wp-image-19515\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Crate-150x150.png\" alt=\"\" width=\"150\" height=\"150\" \/><\/a><\/p>\n<p>And of course, here is one of those crates.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Shop-Button.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19519\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Shop-Button.png\" alt=\"\" width=\"131\" height=\"115\" \/><\/a> <a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Settings-Gear.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19518\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Settings-Gear.png\" alt=\"\" width=\"133\" height=\"116\" \/><\/a><\/p>\n<p>We needed some buttons that would take you to different places in the game (in this case, the shop or settings pages).<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Experience-Bar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19513\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Experience-Bar.png\" alt=\"\" width=\"293\" height=\"99\" \/><\/a><\/p>\n<p>Here we have the trusty experience bar.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Essence-Bar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-19516\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Essence-Bar.png\" alt=\"\" width=\"275\" height=\"104\" \/><\/a><\/p>\n<p>And we also have the monster essence bar.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Top-Wall.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-19511\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Top-Wall-300x75.png\" alt=\"\" width=\"300\" height=\"75\" srcset=\"https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Top-Wall-300x75.png 300w, https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Top-Wall.png 750w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>While we had a mostly black background during the design process, we wanted to make sure it didn&#8217;t just look like an empty room, so we added some walls at the top.<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Hand-Cursor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-thumbnail wp-image-19517\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Monster-Hand-Cursor-130x150.png\" alt=\"\" width=\"130\" height=\"150\" \/><\/a><\/p>\n<p>And finally, we wanted to experiment with a monster hand as a cursor.<\/p>\n<p>When you put it all together, you actually have something that turned out really cool:<\/p>\n<p><a href=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Full-Interface.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-19514\" src=\"http:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Full-Interface.png\" alt=\"\" width=\"440\" height=\"783\" srcset=\"https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Full-Interface.png 750w, https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Full-Interface-169x300.png 169w, https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Full-Interface-576x1024.png 576w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/a><\/p>\n<p>Even at this point, it doesn&#8217;t really sell the idea as much as it could.\u00a0 That&#8217;s why in a few weeks, we&#8217;re going to show you the first set of slimes\u2014the monsters from the first room of the game.\u00a0 Stay tuned!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Howdy folks!\u00a0 I&#8217;ve got a kind of strange post for you today.\u00a0 You don&#8217;t too often see me (or people in general) mess with things like game interfaces, but I thought that was precisely the reason it would be cool to see how all the individual pieces come together in order to make something that [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":19522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[346,355,1328],"tags":[1893,1894,1896,1529,1892,1895],"jetpack_featured_media_url":"https:\/\/tellest.com\/wp-content\/uploads\/2019\/03\/Featured-QQMD-Interface.png","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1UVey-54G","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/posts\/19510"}],"collection":[{"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/comments?post=19510"}],"version-history":[{"count":2,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/posts\/19510\/revisions"}],"predecessor-version":[{"id":19523,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/posts\/19510\/revisions\/19523"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/media\/19522"}],"wp:attachment":[{"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/media?parent=19510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/categories?post=19510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tellest.com\/wp-json\/wp\/v2\/tags?post=19510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}