{"id":42,"date":"2025-01-06T15:43:19","date_gmt":"2025-01-06T15:43:19","guid":{"rendered":"https:\/\/sites.wsagames.com\/ob6g23\/?p=42"},"modified":"2025-09-30T12:29:55","modified_gmt":"2025-09-30T11:29:55","slug":"ui-design-s1-y2","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/ob6g23\/2025\/01\/06\/ui-design-s1-y2\/","title":{"rendered":"UI Design"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"811\" height=\"1024\" src=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201-811x1024.jpg\" alt=\"\" class=\"wp-image-438\" style=\"width:260px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201-811x1024.jpg 811w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201-238x300.jpg 238w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201-768x970.jpg 768w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201-1216x1536.jpg 1216w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/20250113_042201.jpg 1407w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Shapeshifting animation concept<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-1024x724.png\" alt=\"\" class=\"wp-image-555\" style=\"width:557px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-1024x724.png 1024w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-300x212.png 300w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-768x543.png 768w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-1536x1086.png 1536w, https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/what-size-spotlights-1-2048x1448.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Deciding how large I should make the spotlight, based on feedback I decided to make the spotlight the size of four squares:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"560\" height=\"396\" src=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/stage-spotlight-2.gif\" alt=\"\" class=\"wp-image-556\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My friend told me that it looked strange for the place where the spotlight is coming from to move entirely, rather than rotate, so I ended up changing it to this instead:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"396\" src=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/stage-spotlight-tracked-1.gif\" alt=\"\" class=\"wp-image-557\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The concept for the earning a gem animation:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Animation Concept - Earning a Gem\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/05f087RVLaE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"420\" src=\"https:\/\/sites.wsagames.com\/ob6g23\/wp-content\/uploads\/sites\/6\/2025\/01\/reward-1.gif\" alt=\"\" class=\"wp-image-565\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Shapeshifting animation concept Deciding how large I should make the spotlight, based on feedback I decided to make the spotlight the size of four squares: My friend told me that it looked strange for the place where the spotlight is coming from to move entirely, rather than rotate, so I ended up changing it to [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,10,15],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-semester-1","category-weekly-learning-journey","category-year-2"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":566,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/posts\/42\/revisions\/566"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/ob6g23\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}