{"id":3214,"date":"2017-06-22T07:28:37","date_gmt":"2017-06-22T07:28:37","guid":{"rendered":"https:\/\/tinywarsgame.com\/?p=3214"},"modified":"2017-06-22T07:32:25","modified_gmt":"2017-06-22T07:32:25","slug":"build-your-own-tower-with-tinywars-june-2017-update","status":"publish","type":"post","link":"https:\/\/tinywarsgame.com\/build-your-own-tower-with-tinywars-june-2017-update\/","title":{"rendered":"Build Your Own Tower with TinyWars (June 2017 Update)"},"content":{"rendered":"<p>I&#8217;ve spent the past few weeks coding out the new features of the game; quite possibly, one of the most complicated features of the game is implemented (partially). And this is the Inventory System and the Tower Building system!<\/p>\n<p>I have put together this short video showing the new features in action!<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"TinyWars Tower Builder (June 2017 Update)\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/Y9btwpKAfdU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>The following post will explain in detail the new features.<\/p>\n<h1>Tower Builder<\/h1>\n<p>The tower builder is the screen that will be presented to the player prior to entering into any battle. This screen gives the player a brief description of the level as well as time to &#8220;prep&#8221; for the coming battle.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3215\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-1-min-1024x577.jpg\" alt=\"\" width=\"1024\" height=\"577\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-1-min-1024x577.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-1-min-300x169.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-1-min-768x432.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-1-min.jpg 1909w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>The Design<\/h3>\n<p>The UI follows the same design standards seen in previous screens, sharing the &#8220;paper&#8221; theme that the previous menu screens shared.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3216\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/overworld-map-screenshot-JPG-min-1024x574.jpg\" alt=\"\" width=\"1024\" height=\"574\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/overworld-map-screenshot-JPG-min-1024x574.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/overworld-map-screenshot-JPG-min-300x168.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/overworld-map-screenshot-JPG-min-768x430.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/overworld-map-screenshot-JPG-min.jpg 1919w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>However, the UI is transformed slightly into a more &#8220;modern&#8221; flat looking design. As the player enters closer to actual gameplay, the design of the screen becomes more and more &#8220;modernized&#8221; and animated. This is the design path we have chosen in order to ready the player more and more for some &#8220;live&#8221; action in the game as opposed to the story telling style of the rest of the screens.<\/p>\n<p>This ties into the story of TinyWars as this sort of magical book telling a story of the tiny people who once lived, and as we get into the battle scenes, the story starts to unravel and become alive!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3217\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-Shader-min.jpg\" alt=\"\" width=\"615\" height=\"662\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-Shader-min.jpg 615w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-Shader-min-279x300.jpg 279w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/p>\n<p>Shaders are present and running on this part of the game. A blurring effect can be seen on the background items whenever the &#8220;item select&#8221; menu pops up. You may notice some jagged edges on the &#8220;blury&#8221; objects. It might not be the most perfect shader, but it doesn&#8217;t utilize many resources and we have tested it working perfectly on mobile devices. This is a big win for us as it allows us to leave the game 1:1 from PC to its mobile versions.<\/p>\n<h3>Function of the Tower Builder<\/h3>\n<p>The functionality of this feature is highly complex as it ties in with the inventory management system, which in general can be one of the most complicated parts of the game development. We do plan on having a lot of items in the game, so we had to code the system with scale-ability in mind. (Even if the upcoming Story Demo will have limited options, it will run off the same engine we&#8217;re building.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3219\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Inventory-GIF.gif\" alt=\"\" width=\"500\" height=\"281\" \/><\/p>\n<p>There are three elements to the tower:<\/p>\n<ul>\n<li>The Main Body<\/li>\n<li>The &#8220;Accessory&#8221;<\/li>\n<li>The Bottom<\/li>\n<\/ul>\n<p>Clicking on any of the three item slot boxes next to the tower preview will bring up the &#8220;Item Selection&#8221; menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3218\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-min-1024x576.jpg\" alt=\"\" width=\"1024\" height=\"576\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-min-1024x576.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-min-300x169.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-min-768x432.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-2-min.jpg 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>This screen displays all the current items the player has unlocked. Selecting the items will bring up their name and description. Each tower items has a shield icon next to it which displays it&#8217;s Shield Count: this adds to the total HP that the player will have with the tower configuration. As expected, higher HP items might not have as good perks as items with lower HP levels. Play your strategy wisely!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3220\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Two-Towers-Compare-min.jpg\" alt=\"\" width=\"733\" height=\"522\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Two-Towers-Compare-min.jpg 733w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Two-Towers-Compare-min-300x214.jpg 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p>Different tower bodies will have different configurations for the accessories added to them.<\/p>\n<p>Finally, the tower is deployed when the player hits the &#8220;Fight!&#8221; button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3221\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-4-min-1024x746.jpg\" alt=\"\" width=\"1024\" height=\"746\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-4-min-1024x746.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-4-min-300x219.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-4-min-768x560.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-4-min.jpg 1173w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>The tower serves as the end of the path that the enemies will walk through. In this sense, TinyWars is literally &#8220;tower defense.&#8221; We expect that this new feature will add an additional level of strategy and fun to the game. Personalizing anything in a game is always fun and having different perks and abilities based on the tower you choose should prove to be another thought proviking gameplay feature.<\/p>\n<h1>Items<\/h1>\n<h1><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3222\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-3-min-1024x575.jpg\" alt=\"\" width=\"1024\" height=\"575\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-3-min-1024x575.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-3-min-300x169.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-3-min-768x431.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Tower-Builder-3-min.jpg 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/h1>\n<p>This feature has not been fully implemented into the game yet. We have an inventory system for normal items as well, not just tower accessories. These items can be brought into the battlefield and deployed in various ways from having more spots to place your units to dropping bombs on enemies.<\/p>\n<p>The number next to each item displays the quantity of the item which the player owns. This feature is the next big feature that we will be working on.<\/p>\n<h1>New Graphics<\/h1>\n<p>Part of the development of the new demo involves redefining the graphics and in-game visuals completely!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3223\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Circle-GIF.gif\" alt=\"\" width=\"327\" height=\"277\" \/><\/p>\n<p>A new summoning system will be implemented into the game that is basically just a visual redesign. The goal is to make it look a lot more &#8220;magical&#8221; and alive than the previous system.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-3224\" src=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Test-Nicole-GUI-JPEG-min-1024x573.jpg\" alt=\"\" width=\"1024\" height=\"573\" srcset=\"https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Test-Nicole-GUI-JPEG-min-1024x573.jpg 1024w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Test-Nicole-GUI-JPEG-min-300x168.jpg 300w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Test-Nicole-GUI-JPEG-min-768x430.jpg 768w, https:\/\/tinywarsgame.com\/wp-content\/uploads\/2017\/06\/Test-Nicole-GUI-JPEG-min.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>The GUI has been redesigned and what you can see above is a sketch of the new level design. We still have a little bit more work to do until it is final, but I thought I would drop some images teasing what we have worked on so far.<\/p>\n<p>We also finished this incredible poster design, here&#8217;s a speedpaint!<\/p>\n<p><iframe loading=\"lazy\" title=\"\u3010Speed-Paint\u3011 Tiny Wars Poster\u3010CM\u3011\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/sgtLyCHjIv0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Thank you for following our development and we hope to see you in the next update! Follow us <a href=\"https:\/\/www.facebook.com\/TinyWarsGame\/\" target=\"_blank\" rel=\"noopener\"><strong>here!\u00a0<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve spent the past few weeks coding out the new features of the game; quite possibly, one of the most complicated features of the game is implemented (partially). And this is the Inventory System and the Tower Building system! I have put together this short video showing the new features in action! &nbsp; &nbsp; The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3220,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[35],"tags":[220,221,219,218,69,76,84],"_links":{"self":[{"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/posts\/3214"}],"collection":[{"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/comments?post=3214"}],"version-history":[{"count":1,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/posts\/3214\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/posts\/3214\/revisions\/3227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/media\/3220"}],"wp:attachment":[{"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/media?parent=3214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/categories?post=3214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tinywarsgame.com\/wp-json\/wp\/v2\/tags?post=3214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}