{"id":14175,"date":"2025-08-19T10:08:57","date_gmt":"2025-08-19T17:08:57","guid":{"rendered":"https:\/\/mattfife.com\/?p=14175"},"modified":"2025-08-19T14:52:40","modified_gmt":"2025-08-19T21:52:40","slug":"fascinating-gaming-ui","status":"publish","type":"post","link":"https:\/\/mattfife.com\/?p=14175","title":{"rendered":"Fascinating gaming UI"},"content":{"rendered":"\n<p>Danish indie studio Ultra Ultra released their sci-fi stealth horror game Echo back in 2017. It never got the acclaim of Dead Space, but it had some unique visual feedback elements.<\/p>\n\n\n\n<p>The first is it&#8217;s use of flashing and cycling lighting in beautiful white marble world. The lights cycle and turn on\/off in flows and waves through the environment to help you find your way along in the game.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"328\" data-attachment-id=\"14176\" data-permalink=\"https:\/\/mattfife.com\/?attachment_id=14176\" data-orig-file=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?fit=1811%2C928&amp;ssl=1\" data-orig-size=\"1811,928\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;matt&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1748081653&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"echo1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?fit=640%2C328&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=640%2C328&#038;ssl=1\" alt=\"\" class=\"wp-image-14176\" srcset=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=1024%2C525&amp;ssl=1 1024w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=300%2C154&amp;ssl=1 300w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=768%2C394&amp;ssl=1 768w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=1536%2C787&amp;ssl=1 1536w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?resize=527%2C270&amp;ssl=1 527w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?w=1811&amp;ssl=1 1811w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo1.jpg?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p>The more interesting dynamic is it&#8217;s &#8220;hudsphere&#8221;. The player has a color-coded radar-like interface that hovers around her body like a ball. <\/p>\n\n\n\n<p>During combat, a blue fractalized shimmer along the surface of the sphere indicates the presence of another humanoid entity. A yellow shimmer indicates the player is about to be noticed. A red fractal shimmer means the player is being targeted by an attacker. When attacked, a quick-time prompt appears so she can break free. Red spikes will appear inside the sphere, signaling that character is vulnerable to death.<\/p>\n\n\n\n<p>The sphere can emit an area scan that sends out a pulse that tags all the elements in your vicinity. The sphere becomes the guns reticle and you can tag enemies by hovering over an enemy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"341\" data-attachment-id=\"14177\" data-permalink=\"https:\/\/mattfife.com\/?attachment_id=14177\" data-orig-file=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?fit=2030%2C1080&amp;ssl=1\" data-orig-size=\"2030,1080\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;matt&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1748081715&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"echo2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?fit=640%2C341&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=640%2C341&#038;ssl=1\" alt=\"\" class=\"wp-image-14177\" srcset=\"https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=1024%2C545&amp;ssl=1 1024w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=768%2C409&amp;ssl=1 768w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=1536%2C817&amp;ssl=1 1536w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?resize=508%2C270&amp;ssl=1 508w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?w=2030&amp;ssl=1 2030w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/mattfife.com\/wp-content\/themes\/mattTheme\/headerimgs\/2025\/05\/echo2.jpg?w=1920&amp;ssl=1 1920w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p>Give it a look (skip to 49:49 for example of the hud):<\/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<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/9HLw6PehPZA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;start=2990&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.polygon.com\/gaming\/541810\/echo-sci-fi-horror-dead-space-ui\">https:\/\/www.polygon.com\/gaming\/541810\/echo-sci-fi-horror-dead-space-ui<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Danish indie studio Ultra Ultra released their sci-fi stealth horror game Echo back in 2017. It never got the acclaim of Dead Space, but it had some unique visual feedback elements. The first is it&#8217;s use of flashing and cycling lighting in beautiful white marble world. The lights cycle and turn on\/off in flows and waves through the environment to help you find your way along in the game. The more interesting dynamic is it&#8217;s &#8220;hudsphere&#8221;. The player has a&#8230;<\/p>\n<p class=\"read-more\"><a class=\"btn btn-default\" href=\"https:\/\/mattfife.com\/?p=14175\"> Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[22,9],"tags":[],"class_list":["post-14175","post","type-post","status-publish","format-standard","hentry","category-artdesign","category-cool"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4WECr-3GD","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/posts\/14175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mattfife.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14175"}],"version-history":[{"count":3,"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/posts\/14175\/revisions"}],"predecessor-version":[{"id":14875,"href":"https:\/\/mattfife.com\/index.php?rest_route=\/wp\/v2\/posts\/14175\/revisions\/14875"}],"wp:attachment":[{"href":"https:\/\/mattfife.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mattfife.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=14175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mattfife.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=14175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}