{"id":591,"date":"2025-05-02T15:25:41","date_gmt":"2025-05-02T15:25:41","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/immerx\/?p=591"},"modified":"2025-05-02T15:58:09","modified_gmt":"2025-05-02T15:58:09","slug":"all-about-immerx","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/immerx\/all-about-immerx\/","title":{"rendered":"All about ImmerX"},"content":{"rendered":"\n<p class=\"has-sitebg-background-color has-background\">This semester, the goal of Team ImmerX is to explore possibilities of blending the physical and virtual worlds, pushing the boundaries of storytelling and interactivity. This project also serves as the starting point for the future development of XR experiences. We started with research and development, playing MR games, prototyping interactions and playtesting, managing all of them into our interaction catalog. Then, we selected the top core mechanics that bring out the best experience, designing a demo experience.<br><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Project Overview<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">ImmerX explores the future of storytelling by transforming real-world spaces into dynamic, interactive stages using mixed-reality technology; redefining how and where stories are told, pushing the boundaries of creativity, technology, and guest interaction. We aim to craft experiences where guests don\u2019t just observe but actively shape the story, creating meaningful engagement.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1019\" height=\"571\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-100500.png\" alt=\"\" class=\"wp-image-620\" style=\"width:733px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-100500.png 1019w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-100500-300x168.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-100500-768x430.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-100500-535x300.png 535w\" sizes=\"auto, (max-width: 1019px) 100vw, 1019px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\"><em>Sprints before \u00bd<\/em><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"148\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/ezgif-773dd0ffbf20c9.gif\" alt=\"\" class=\"wp-image-623\" style=\"width:339px;height:auto\"\/><figcaption class=\"wp-element-caption\">Window<\/figcaption><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"216\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/pull.gif\" alt=\"\" class=\"wp-image-624\"\/><figcaption class=\"wp-element-caption\">Pull out the Rack<\/figcaption><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"333\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/ezgif-3306f34fe1881b.gif\" alt=\"\" class=\"wp-image-625\" style=\"width:219px;height:auto\"\/><figcaption class=\"wp-element-caption\">Expandable Window<\/figcaption><\/figure><\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1013\" height=\"562\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-112438.png\" alt=\"\" class=\"wp-image-627\" style=\"width:699px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-112438.png 1013w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-112438-300x166.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-112438-768x426.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/06\/Screenshot-2025-05-02-112438-541x300.png 541w\" sizes=\"auto, (max-width: 1013px) 100vw, 1013px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1-1024x576.png\" alt=\"\" class=\"wp-image-632\" style=\"width:695px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1-533x300.png 533w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/05\/Screenshot-2025-05-02-112555-1.png 1026w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Four Design goals:<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><em>Space, immersion, intuitive, wow moments<\/em><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">We have four design goals based on our prompt and sprints. We aim to fully use the physical space by extending the virtual world beyond the real one, focus on creating magical moments over a full game structure, make the experience immersive by blending virtual and real elements, and ensure intuitive interaction through both direct and indirect controls.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Three Aspects:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list has-sitebg-background-color has-background\">\n<li>Space, interaction, blend virtual and reality<\/li>\n<\/ul>\n\n\n\n<p><strong>Technical Art &amp; VFX Overview:<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Most of the technical art and VFX in our scene are designed to support interaction, both between characters and with objects. For character interactions specifically, we utilize VFX and shaders to provide reactive visual feedback.<\/p>\n\n\n\n<p><strong>Reflection and Learnings<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">To design a better XR experience, played and analyzed XR games, paying close attention to how they approached interaction and immersion. As a team bonding activity, we tried VR Squid Game. On top of that, we looked into past ETC AR, MR, and VR projects, and understand how they tackled similar challenges.&nbsp;<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Through all these experiences, we learned a few key insights: First, even the simplest interactions\u2014like grabbing objects can be surprisingly fun. Second, one of the most magical moments in XR is when the virtual world blends seamlessly into the real environment. Seeing virtual objects appear right in our actual space\u2014like a spaceship landing in rooms\u2014felt incredibly immersive and exciting. And finally, what makes an XR experience truly memorable are those wow moments\u2014like being able to pull virtual items straight up from the floor. These interactions make the experience feel alive, like the virtual world is truly part of our own. We kept all these insights in mind as we moved into our explorations, experimenting with new ways to make interactions feel intuitive, immersive, and, most importantly, fun.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">We utilized an R&amp;D pipeline:<br>-We had 4 rounds of sprints fast prototyping 24 different interactions and effects with a demo project that implemented the selected interactions in a coherent experience, with frequent playtests and iteration along the way.<br>-We test our design ideas with generalizable playtesting data.<br><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Summary<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">By combining guided setup, adaptive spawning, and scalable design, we created a flexible system that makes the XR experience functional, immersive, and user-friendly across a wide variety of home environments.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Conclusion: Key Insights &#8211; Lessons in XR Development<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Throughout the journey, we\u2019ve achieved many of the wonderful moments that players enjoyed. We also encountered many challenges, as well as aspects that we wish to continue developing.<\/p>\n\n\n\n<ul class=\"wp-block-list has-sitebg-background-color has-background\">\n<li>We checked out the headset the first day of the first week, and started a gold spike, testing out the giant creatures outside the window that worked pretty well, which carried along the entire semester.\u00a0<\/li>\n\n\n\n<li>This is the time you spend to explore what could be possible and work well in the AR world before committing to an entire design that might not work really well.<\/li>\n\n\n\n<li>Things could be less intuitive in augmented reality because people see both their own space and objects which sometimes might be hard to notice the digital designs.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list has-sitebg-background-color has-background\">\n<li><em>Action early!<\/em>\n<ul class=\"wp-block-list\">\n<li>AR is very different from other platforms, even different from VR.<\/li>\n\n\n\n<li>Test early before going too far into design. Don\u2019t take for granted that things will just work.\u00a0<\/li>\n\n\n\n<li>Limited technical capacity for high-poly meshes in virtual reality.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><em>Playtest frequently<\/em>\n<ul class=\"wp-block-list\">\n<li>Don\u2019t be afraid of giving players \u201ctoo much\u201d instructions. Enough instructions before they really carry on and have the freedom to explore.\u00a0\u00a0<\/li>\n\n\n\n<li>Things could be less intuitive in augmented reality than you expect.\u00a0<\/li>\n\n\n\n<li>Certain gestures remain challenging to accurately recognize and implement effectively in virtual reality environments.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><em>Details are crucial for a good experience<\/em>\n<ul class=\"wp-block-list\">\n<li>Blend the boundary between digital and physical world even more\n<ul class=\"wp-block-list\">\n<li>Consider interaction between virtual &amp; virtual, virtual &amp; physical<\/li>\n\n\n\n<li>Take advantage of the real world space, and the objects in your space<\/li>\n\n\n\n<li>Example: Decorating players own space, collection system<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Observe what fascinates players when designing \u201cMagic Moment\u201d\n<ul class=\"wp-block-list\">\n<li>Giant creatures<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Positive instant feedbacks for interactivities (sound, visual)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"270\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/04\/ThumbsUp-ezgif.com-video-to-gif-converter-1.gif\" alt=\"\" class=\"wp-image-615\"\/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>This semester, the goal of Team ImmerX is to explore possibilities of blending the physical and virtual worlds, pushing the boundaries of storytelling and interactivity. &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-591","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/comments?post=591"}],"version-history":[{"count":16,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/591\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/591\/revisions\/643"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/media?parent=591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/categories?post=591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/tags?post=591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}