{"id":227,"date":"2024-12-29T11:48:45","date_gmt":"2024-12-29T11:48:45","guid":{"rendered":"https:\/\/sites.wsagames.com\/sc18g23\/?p=227"},"modified":"2024-12-29T11:48:45","modified_gmt":"2024-12-29T11:48:45","slug":"researching-ui","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/sc18g23\/2024\/12\/29\/researching-ui\/","title":{"rendered":"Researching UI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I started researching UI by looking at UI choices by games in the tower defense genre. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"811\" src=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-1024x811.jpeg\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-1024x811.jpeg 1024w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-300x238.jpeg 300w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-768x608.jpeg 768w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-1536x1217.jpeg 1536w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-2048x1623.jpeg 2048w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/Metal-Madness-UI-Research-2-850x673.jpeg 850w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then I started to come up for UI mockups. This first one shows the UI in the world, where a message pops up after the player hovers over the ride. This was inspired by Sanctum 2, a hybrid tower-defense\/FPS game.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"727\" src=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8-1024x727.png\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8-1024x727.png 1024w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8-300x213.png 300w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8-768x545.png 768w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8-850x604.png 850w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-8.png 1166w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After some discussions with another student however, I realised that this approach would be difficult to read. He suggested I looked into games like Bloons TD, which had weapon options as a UI element to the side of the screen. I had a look and decided to use it for my next mock up:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9-1024x730.png\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9-1024x730.png 1024w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9-300x214.png 300w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9-768x547.png 768w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9-850x606.png 850w, https:\/\/sites.wsagames.com\/sc18g23\/wp-content\/uploads\/sites\/9\/2024\/12\/image-9.png 1162w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I started researching UI by looking at UI choices by games in the tower defense genre. Then I started to come up for UI mockups. This first one shows the UI in the world, where a message pops up after the player hovers over the ride. This was inspired by Sanctum 2, a hybrid tower-defense\/FPS&#8230;<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-research"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":1,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/posts\/227\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/sc18g23\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}