{"id":1436,"date":"2011-09-07T20:07:47","date_gmt":"2011-09-07T19:07:47","guid":{"rendered":"http:\/\/positech.co.uk\/cliffsblog\/?p=1436"},"modified":"2011-09-07T20:07:47","modified_gmt":"2011-09-07T19:07:47","slug":"the-gratuitous-editor-and-ui-flow","status":"publish","type":"post","link":"https:\/\/www.positech.co.uk\/cliffsblog\/2011\/09\/07\/the-gratuitous-editor-and-ui-flow\/","title":{"rendered":"The Gratuitous Editor and UI flow"},"content":{"rendered":"<p>I&#8217;m working on the <a href=\"http:\/\/www.gratuitoustankbattles.com\">GTB<\/a> map editor.\u00a0 Editing the maps won&#8217;t be just for modders, but for everyone, so this is a very important part of the game and I need to get it right. I&#8217;m going to really encourage custom maps as a big part of the game, with the singleplayer campaign maps acting purely as examples and tasters of what can be made.<\/p>\n<p>Here is a Work-In-Progress screenshot with some old GSB UI still in place:<\/p>\n<p><a href=\"http:\/\/positech.co.uk\/cliffsblog\/wp-content\/uploads\/2011\/09\/editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1437\" title=\"editor\" src=\"http:\/\/positech.co.uk\/cliffsblog\/wp-content\/uploads\/2011\/09\/editor.jpg\" alt=\"\" width=\"600\" height=\"375\" srcset=\"https:\/\/www.positech.co.uk\/cliffsblog\/wp-content\/uploads\/2011\/09\/editor.jpg 600w, https:\/\/www.positech.co.uk\/cliffsblog\/wp-content\/uploads\/2011\/09\/editor-300x187.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>Given my plans for it&#8217;s use, it&#8217; s important that the editor looks easy to use. I&#8217;m wary of making mistakes in terms of UI flow. Essentially, the editor works in 3 modes, which I&#8217;m currently calling &#8216;normal&#8217; &#8216;prop&#8217; and &#8216;ground&#8217; which is a bit rubbish, but I need to split things up somehow.<\/p>\n<p>Normal mode, lets you edit individual tiles, by setting up routes, toggling them as attacker or defender-deployable, and placing &#8216;whole-tile&#8217; items like trench sections, emplacements, or sections of path.<\/p>\n<p>Prop mode is basically where you add, move, rotate and scale decorative items like barbed wire, trees, tank traps, and other fluff that exists to make the world look interesting<\/p>\n<p>Ground mode lets you edit the background tiles, which is again, purely visual.<\/p>\n<p>The window on the right changes with each mode to display the relevant items (tiles \/ props \/ textures).<\/p>\n<p>A right click menu, mainly for normal mode, lets you carry out actions on all the selected tiles. The editor supports zooming in and out with the mouse, WSAD movement, drag-selection and ctrl-selection.\u00a0 It adjusts ( a bit) to different resolutions.<\/p>\n<p>The thing that concerns me is the UI &#8216;flow&#8217; of those three modes.\u00a0I wonder if I can somehow squash all 3 modes together. Hmmmm.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m working on the GTB map editor.\u00a0 Editing the maps won&#8217;t be just for modders, but for everyone, so this is a very important part of the game and I need to get it right. I&#8217;m going to really encourage custom maps as a big part of the game, with the singleplayer campaign maps acting<\/p>\n<p class=\"text-right\"><span class=\"screen-reader-text\">Continue Reading&#8230; The Gratuitous Editor and UI flow<\/span><a class=\"btn btn-secondary continue-reading\" href=\"https:\/\/www.positech.co.uk\/cliffsblog\/2011\/09\/07\/the-gratuitous-editor-and-ui-flow\/\">Continue Reading&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,114],"tags":[],"class_list":["post-1436","post","type-post","status-publish","format-standard","hentry","category-game-design","category-gratuitous-tank-battles"],"_links":{"self":[{"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/posts\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":2,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/posts\/1436\/revisions"}],"predecessor-version":[{"id":1439,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/posts\/1436\/revisions\/1439"}],"wp:attachment":[{"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/media?parent=1436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/categories?post=1436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.positech.co.uk\/cliffsblog\/wp-json\/wp\/v2\/tags?post=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}