{"id":1275,"date":"2026-03-25T21:28:38","date_gmt":"2026-03-25T21:28:38","guid":{"rendered":"https:\/\/sites.wsagames.com\/yy8y24\/?p=1275"},"modified":"2026-03-25T22:07:29","modified_gmt":"2026-03-25T22:07:29","slug":"item-interact-ui","status":"publish","type":"post","link":"https:\/\/sites.wsagames.com\/yy8y24\/2026\/03\/25\/item-interact-ui\/","title":{"rendered":"Item Interact UI"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>The video shows item interact UI system:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-video alignwide\"><video height=\"1440\" style=\"aspect-ratio: 2400 \/ 1440;\" width=\"2400\" controls src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/Scopophobia-\u865a\u5e7b\u7f16\u8f91\u5668-2026-03-21-22-22-41.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Item Interact UI system:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"611\" data-id=\"1282\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-1024x611.png\" alt=\"\" class=\"wp-image-1282\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-1536x916.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190644-3-2048x1221.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"611\" data-id=\"1283\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-1024x611.png\" alt=\"\" class=\"wp-image-1283\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-768x459.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-1536x917.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192231-1-2048x1223.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">First, I created a user control, added a canvas panel, and placed a text box on the canvas panel with text prompting the player to press E to interact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next, add a widget to the item blueprint and adjust its position to the correct location.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Item Blueprint\uff1a<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"613\" data-id=\"1284\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-1024x613.png\" alt=\"\" class=\"wp-image-1284\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-1024x613.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-768x459.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-1536x919.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190636-3-2048x1225.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"612\" data-id=\"1286\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-1024x612.png\" alt=\"\" class=\"wp-image-1286\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-1024x612.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-768x459.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-1536x918.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-192249-1-2048x1224.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" data-id=\"1289\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-1024x611.png\" alt=\"\" class=\"wp-image-1289\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-1024x611.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-300x179.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-768x458.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-1536x916.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-190710-2048x1222.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The design concepts behind these two items are the same.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Blueprint is triggered when collision volumes overlap. I first added a player interface to the hit actor to ensure that this function is only triggered when a player enters the collision volume. The UI is displayed when the collision volume detects that a player has entered the area, and it is hidden when the player leaves the collision volume.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Remove collision\uff1a<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"609\" src=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-1024x609.png\" alt=\"\" class=\"wp-image-1288\" srcset=\"https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-1024x609.png 1024w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-300x178.png 300w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-768x456.png 768w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-1536x913.png 1536w, https:\/\/sites.wsagames.com\/yy8y24\/wp-content\/uploads\/sites\/65\/2026\/03\/\u5c4f\u5e55\u622a\u56fe-2026-03-21-211026-2048x1217.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">During late-stage testing, when the door opened, players entering the UI\u2019s collision volume would trigger it, causing confusion. So I added a feature that removes the UI\u2019s collision volume once the door is open. This prevents it from being triggered again.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The video shows item interact UI system: Item Interact UI system: First, I created a user control, added a canvas panel, and placed a text box on the canvas panel with text prompting the player to press E to interact. Next, add a widget to the item blueprint and adjust its position to the correct [&hellip;]<\/p>\n","protected":false},"author":56,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[75,1],"tags":[],"class_list":["post-1275","post","type-post","status-publish","format-standard","hentry","category-development","category-year2"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/comments?post=1275"}],"version-history":[{"count":5,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1275\/revisions"}],"predecessor-version":[{"id":1290,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/posts\/1275\/revisions\/1290"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/media?parent=1275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/categories?post=1275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sites.wsagames.com\/yy8y24\/wp-json\/wp\/v2\/tags?post=1275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}