{"id":1355,"date":"2025-05-11T17:55:24","date_gmt":"2025-05-11T17:55:24","guid":{"rendered":"https:\/\/sites.wsagames.com\/ms22g23\/?page_id=1355"},"modified":"2025-05-13T18:49:34","modified_gmt":"2025-05-13T18:49:34","slug":"horror-ui","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/ms22g23\/horror-ui\/","title":{"rendered":"Horror UI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">As Violet&#8217;s Dates has a short horror twist to it, it required designing a separate UI &#8211; the pink one didn&#8217;t match this background at all and would decrease the overall immersion into the game.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At first I tried out different shades of red to see which one would be the best option and afterwards I adjusted the colour of the buttons. I wanted to make sure that the captions of the buttons are visible enough to the player so I also added a light text shadow for a better contrast.<\/p>\n\n\n\n<div style=\"height:37px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-1024x576.png\" alt=\"\" class=\"wp-image-1362\" srcset=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-1024x576.png 1024w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-300x169.png 300w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-768x432.png 768w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-1536x864.png 1536w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1-192x108.png 192w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-1-4-1.png 1920w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-1024x576.png\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-1024x576.png 1024w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-300x169.png 300w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-768x432.png 768w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-1536x864.png 1536w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9-192x108.png 192w, https:\/\/sites.wsagames.com\/ms22g23\/wp-content\/uploads\/sites\/26\/2025\/05\/ui_ver_2-9.png 1920w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To further add on to the immersion into the horror fragment, I scribbled across the UI (without covering the option buttons) to make it look more disorganized and chaotic.<\/p>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"https:\/\/sites.wsagames.com\/ms22g23\/option-screen\/\" data-type=\"link\" data-id=\"https:\/\/sites.wsagames.com\/ms22g23\/option-screen\/\">Option Screen \u2192<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As Violet&#8217;s Dates has a short horror twist to it, it required designing a separate UI &#8211; the pink one didn&#8217;t match this background at all and would decrease the overall immersion into the game. At first I tried out different shades of red to see which one would be the best option and afterwards &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sites.wsagames.com\/ms22g23\/horror-ui\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Horror UI&#8221;<\/span><\/a><\/p>\n","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1355","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/1355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/comments?post=1355"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/1355\/revisions"}],"predecessor-version":[{"id":1536,"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/pages\/1355\/revisions\/1536"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ms22g23\/wp-json\/wp\/v2\/media?parent=1355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}