{"id":257,"date":"2025-02-28T18:06:50","date_gmt":"2025-02-28T18:06:50","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/immerx\/?p=257"},"modified":"2025-03-21T20:58:43","modified_gmt":"2025-03-21T20:58:43","slug":"week-7-february-28th-2025","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/immerx\/week-7-february-28th-2025\/","title":{"rendered":"Week 7 [Sprints to 1\/2!] &#8211; February 28th, 2025"},"content":{"rendered":"\n<p class=\"has-sitebg-background-color has-background\">Week 7 [1\/2!] &#8211; February 28th, 2025<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">It\u2019s the week mixed with both prototyping the project and preparing for the presentation of \u00bd. Team ImmerX continues finishing up the sprints which were designed for the first half of the semester, aiming to serve as a process of understanding the key moments for our project focus, finding the core mechanics to work on for the rest of the weeks. At the same time, artists started on building assets and special effects for the demo project, which is designed to be produced during the second half of the semester. This demo project will include key selected core mechanics, designed with themes for players to explore and interact with.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450-1024x557.png\" alt=\"\" class=\"wp-image-317\" style=\"width:748px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450-1024x557.png 1024w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450-300x163.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450-768x417.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450-552x300.png 552w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123447-e1742575393450.png 1045w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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\/02\/Screenshot-2025-03-21-123502-1024x576.png\" alt=\"\" class=\"wp-image-321\" style=\"width:745px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123502-1024x576.png 1024w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123502-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123502-768x432.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123502-534x300.png 534w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-123502.png 1053w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\">Trailer<\/h2>\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\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1gsJ7o1s4suBIRIiGPRO2YJxLt2svUYKq\/preview\" width=\"640\" height=\"480\" allow=\"autoplay\"><\/iframe>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">This semester, our goal 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.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">We adapt our production pipeline with half research and development, following with a demo project for the other half of the semester. We started with 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 project with a designated theme.&nbsp;<br><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">To design a better XR experience, played and analyzed XR games, <em>Starship Home , First Encounters,<\/em> paying close attention to how they approached interaction and immersion. As a team bonding activity, we tried <em>VR Squid Game<\/em>. On top of that, we looked into past ETC AR, MR, and VR projects, understand how they tackled similar challenges. Through all these experiences, we learned a few key things: First, even the<strong> simplest interactions<\/strong>\u2014like grabbing objects can be surprisingly fun. Second, one of the most magical moments in XR is when the<strong> virtual world blends seamlessly into real environment<\/strong>. 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 <strong>memorable are those <em>wow<\/em> moments<\/strong>\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.<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"557\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-144527.png\" alt=\"\" class=\"wp-image-331\" style=\"width:716px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-144527.png 975w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-144527-300x171.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-144527-768x439.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-144527-525x300.png 525w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">Based on case study and quest 3\u2019s capability We come up with 4 sprints including 24 interactions and effects.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\">Sprints!<\/h2>\n\n\n\n<ul class=\"wp-block-list has-sitebg-background-color has-background\">\n<li>Automatic Registering<\/li>\n\n\n\n<li>Building Up Environment<\/li>\n\n\n\n<li>Magic Lens&nbsp;<\/li>\n\n\n\n<li>Gesture Recognition<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"533\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-151050-1.png\" alt=\"\" class=\"wp-image-360\" style=\"width:805px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-151050-1.png 982w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-151050-1-300x163.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-151050-1-768x417.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-151050-1-553x300.png 553w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">The first sprint is automatic registering. We use quest 3 to register Wall ground ceiling window and poster. We use bullpen as a starting space. The yellow part indicated by the diagram is replaced with a virtual forest environment, where we are able to see through with depth from our physical room.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\" style=\"font-size:20px\"><strong>Sprint 1 &#8211; Evolving on Window<\/strong><\/h2>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Upon that, we advance our exploration with window. Since it takes a crucial part in our design. We focus on how to make interactions happening between the inside and outside world so that they can blend together. We designed a flow of actions:<br><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Attract: Gaze Follow<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUddCu8qXF8WSLRFPhjWNQbj4pi-qqYm_ykUGxzAH0YJglIZvaC2WQAs-2H0XniNmkTZgabJFHfTiFqqghMiahryD3K5w37RUY-5xOzx2QXPqRs6CcMNFijUFC55FO2cbxYEuCyQRQ=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\" style=\"width:237px;height:auto\"\/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Interact: High Five!<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUfXMeR69zyH-a_Rm3wXy0e6VIeTgY7DN7Sppz72NYfdADkrPmyX9HhdfVmMYMcV5MC2BrdTFycS-BCJusvQSPexDJ2rJOKwmHE-3VWXGmybNqHCDVvqoK5K20X44YemUlbMmpQ4SQ=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Break Window<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"553\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-150210.png\" alt=\"\" class=\"wp-image-356\" style=\"width:327px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-150210.png 790w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-150210-300x210.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-150210-768x538.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-150210-429x300.png 429w\" sizes=\"auto, (max-width: 790px) 100vw, 790px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\" style=\"font-size:20px\"><strong>Sprint 2 &#8211; Building Up Environment<\/strong><\/h2>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">For the second sprint, we shift our focus from virtual environment to our physical setting as indicated by the yellow part of the diagram, which is the furniture, floor and wall in our room. And the main goal is to build up from our physical environment. So here are two main effects: the shadow illusion traveled through the wall and floor using decal projection. The growing vines upon the furniture that can be procedurally generated by a tool.<br><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUfAJsLvfkskEt7ImmfTJribIMSP9G_v6t8DSqc5NjCI1Y6WCWWPVAXmxhv4PcDoiQpDdvngx73DNui4jYV8AGI-zDNfk4y1N0akjNUvXasm_rWiDCm2D5_uYxe14FpmvYcwbny2nw=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUeSCCNdVr8oxJuWN2XgI1wF0h9aqs2EWxuPCYAY3JFwrC5pv_LYF3zWK_pTvzTe-F7yAx5OoAu52or9_wIKbCfd4OdV9b9CHkMW8HEJWj8vtG4UWHbzcEww3wUGzGBxH8rPRB98=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\" style=\"width:300px;height:auto\"\/><figcaption class=\"wp-element-caption\">Shadow Illusion<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUcSYmBwhUDjvkmqDevhC9NIK9-ynYvPk4GncG6vRKJ_iDf3dw8ivIYpIOGUHPXZMekYh0PWFK4t2qasTXUgF8d-EkBYCdbjp945CE79iL_l9txYr4msSisgxytJqdfnjq5Fk142=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\"\/><figcaption class=\"wp-element-caption\">Growing Vines<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\" style=\"font-size:20px\"><strong>Sprint 3 &#8211; Special Rendering &amp; Visual Tricks<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 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=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"330\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/magic-lens.gif\" alt=\"\" class=\"wp-image-382\" style=\"width:254px;height:auto\"\/><figcaption class=\"wp-element-caption\">Magic lens<\/figcaption><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUdoYzKmIM6gdf060ckm_aAPXfaF1l6FlEp5Dzs9mGNruDmgHZz4hupoVWFtMwAEy8s9tFu2Qg6yizgemG0Cmkw0-GUIxLduvLkjiUoTOH5lmE3yx22Rx1NUn8rEEGB_QgDRfA2v=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\" style=\"width:190px;height:auto\"\/><figcaption class=\"wp-element-caption\">FlashLight<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">For the next sprint, we created several unique visual tricks for players.<br>Instead of directly changing objects in the scene, we played with what the player sees in the virtual space. For example, we added a magic lens that reveals hidden elements floating in the air and a virtual flashlight that lights up both the real and virtual worlds, making exploration more engaging and immersive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-sitebg-background-color has-background\" style=\"font-size:20px\"><strong>Sprint 4 &#8211; Gesture Recognition<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-5 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=\"alignright is-resized\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/slidesz\/AGV_vUcco-jfxNxMYNCuwCuhVmZ0U51Kluo-G_lGNsbdvYVebrLcEiu8v40UH0M_TXpaH9RB-LQlmAf940fJ4NjDlrG3TAECPzJ2F-RzluBjaCTn9sIuCcjC8MDg9YzLwpapp-6wD40=s2048?key=Z8xr1OzbXabNltULlV-DW1ir\" alt=\"\" style=\"width:288px;height:auto\"\/><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\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"333\" height=\"333\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/ezgif-3306f34fe1881b.gif\" alt=\"\" class=\"wp-image-378\" style=\"width:285px;height:auto\"\/><figcaption class=\"wp-element-caption\">Expandable Window<\/figcaption><\/figure>\n<\/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=\"1007\" height=\"562\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162234.png\" alt=\"\" class=\"wp-image-385\" style=\"width:817px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162234.png 1007w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162234-300x167.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162234-768x429.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162234-538x300.png 538w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"965\" height=\"544\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162817.png\" alt=\"\" class=\"wp-image-391\" style=\"width:823px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162817.png 965w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162817-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162817-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-162817-532x300.png 532w\" sizes=\"auto, (max-width: 965px) 100vw, 965px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">Beyond those limitations, we also conquered some challenges. In order to better understand how mixed reality works, we divided the scene into four parts which are inside objects, passthrough, outside objects and skybox. After testing them one by one, we figured out their overlay relationship. This helps us realize some interactions we want to achieve.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"451\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/0.5tech.gif\" alt=\"\" class=\"wp-image-393\"\/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">First of all, we decreased the render queue of the virtual window material below the passthrough mesh in order to see the outside objects and skybox behind it. As you can see, the passthrough is blocking the skybox, however, if we place a virtual window which has a lower render queue before it, the camera will render the skybox first. This is how we make our virtual window effect.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249-1024x544.png\" alt=\"\" class=\"wp-image-394\" style=\"width:806px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249-1024x544.png 1024w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249-300x159.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249-768x408.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249-565x300.png 565w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163249.png 1034w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">The other one is the magic lens effect. We want players to reveal some hidden objects through the lens. To realize this, we used a stencil mask. The mechanic of a stencil mask is that if we set the stencil ID of our lens and the hidden object layer to the same value, we can see the whole hidden object layer through the lens. In this project the stencil ID is 1. We were supposed to use the same way to make the crack which lets the player view another world and set the stencil id to 2. However, it somehow doesn\u2019t work properly. Since we only need the skybox of the other world, we attach the skybox to the crack\u2019s shader. In this way, the crack becomes a common object with a skybox as its shader which can be revealed directly by the camera without using any masks.<br><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"561\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163609.png\" alt=\"\" class=\"wp-image-395\" style=\"width:724px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163609.png 1023w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163609-300x165.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163609-768x421.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163609-547x300.png 547w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><\/figure><\/div>\n\n\n<p class=\"has-sitebg-background-color has-background\">Over four sprints, we gained valuable insights from playtesting and meeting with ETC professors. We learned from four key perspectives:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Player Persona:<\/strong> We observed how players behave in the headset and gathered their thoughts and motivations.<\/li>\n\n\n\n<li><strong>Space Testing:<\/strong> We tested the demo in different types of rooms (offices, Hunt Library, apartments) to understand the potential and limitations of AR in various room setups.<\/li>\n\n\n\n<li><strong>Sprint Evaluation:<\/strong> We reviewed all 24 sprint pieces based on feedback and technical feasibility, deciding whether to proceed or block ideas.<\/li>\n\n\n\n<li><strong>AR Design Insights:<\/strong> We identified key factors for a successful AR experience, such as the \u201cWOW moment\u201d and \u201cfreedom of exploration.\u201d<\/li>\n<\/ol>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">These insights have guided us when designing the final project.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"972\" height=\"520\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163833.png\" alt=\"\" class=\"wp-image-397\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163833.png 972w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163833-300x160.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163833-768x411.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163833-561x300.png 561w\" sizes=\"auto, (max-width: 972px) 100vw, 972px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"554\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163841.png\" alt=\"\" class=\"wp-image-398\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163841.png 982w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163841-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163841-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163841-532x300.png 532w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7 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=\"alignright size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"941\" height=\"531\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163851.png\" alt=\"\" class=\"wp-image-399\" style=\"width:560px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163851.png 941w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163851-300x169.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163851-768x433.png 768w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163851-532x300.png 532w\" sizes=\"auto, (max-width: 941px) 100vw, 941px\" \/><\/figure><\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"389\" src=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163936.png\" alt=\"\" class=\"wp-image-401\" srcset=\"https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163936.png 746w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163936-300x156.png 300w, https:\/\/projects.etc.cmu.edu\/immerx\/wp-content\/uploads\/2025\/02\/Screenshot-2025-03-21-163936-574x300.png 574w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Our core mechanic is a <strong>travel machine<\/strong> that takes the player&#8217;s entire home on an adventure to various worlds. Players preview these worlds through expandable \u201ccracks\u201d, choose a destination, and launch the machine. Upon arrival, they will see the new world through their actual window and experience unique stories in each one.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Players will also have two fun portable tools to assist them in exploring the new worlds:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A Collector that can be placed<\/strong> anywhere at home to collect and bring in different items from the outer world.<\/li>\n\n\n\n<li><strong>A Vision Gate that can be<\/strong> attached to wall\/ceiling\/ or ground to see through it.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">We believe these 3 core mechanics could serve as a strong foundation for developing fun interactions in the future.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Above is a top-down map of our basic room setup: we designed the experience for two connected rooms with at least one window.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">After placing the travel machine console, the player can look through their room windows, walk around in space, and use the collector and vision gate to further explore.<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Up to this point, we already started building the demo project for the second half of the semester. We designed 5 different themes with visual references and our own concept arts. From the technical side, our programmer is implementing the core mechanics from the previous sprints, utilizing the prototypes to the maximum, and our artists are in the production process of the art assets. By the end of the semester, we will have a complete experience that demonstrates the magical moments.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\"><strong>Week 8 ToDo<\/strong><\/p>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Art<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>World 1: Dark Pink Theme<\/li>\n\n\n\n<li>Core mechanic: Collector, Travel Machine Console<\/li>\n<\/ul>\n\n\n\n<p>Tech<\/p>\n\n\n\n<ul class=\"wp-block-list has-sitebg-background-color has-background\">\n<li>Core mechanic: Collector basic functions&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Design<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Core mechanics functions<\/li>\n\n\n\n<li>UI functions<\/li>\n\n\n\n<li>Main interactions in World 1, 2-in progress<\/li>\n<\/ul>\n\n\n\n<p class=\"has-sitebg-background-color has-background\">Production: Playtest to Refine Workshop<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Week 7 [1\/2!] &#8211; February 28th, 2025 It\u2019s the week mixed with both prototyping the project and preparing for the presentation of \u00bd. Team ImmerX &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-257","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/257","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=257"}],"version-history":[{"count":36,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/257\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/posts\/257\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/media?parent=257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/categories?post=257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/immerx\/wp-json\/wp\/v2\/tags?post=257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}