{"id":436,"date":"2026-10-27T18:53:12","date_gmt":"2026-10-27T18:53:12","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/?page_id=436"},"modified":"2026-10-27T19:15:37","modified_gmt":"2026-10-27T19:15:37","slug":"week-9-designing-for-immersion","status":"publish","type":"page","link":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/week-9-designing-for-immersion\/","title":{"rendered":"Week 7: Designing for Immersion"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">With Halves behind us, Beyond Frame is entering a new stage of development.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The feedback we received was encouraging, and our prototype has demonstrated that the core experience is technically possible. Visitors can enter a painting, move through its layers, interact with elements of the artwork, and take home a personalized print.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, one piece of feedback raised an important question:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>What is the difference between interacting with a painting and actually feeling like you are inside it?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This week, we began exploring that question through new interaction concepts, improvements to visitor integration, and a more intentional relationship between the digital artwork and the physical installation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1475\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-scaled.jpg\" alt=\"\" class=\"wp-image-442\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-scaled.jpg 2560w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-300x173.jpg 300w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-1024x590.jpg 1024w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-768x442.jpg 768w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-1536x885.jpg 1536w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/IMG_5006-rotated-1-edited-2048x1180.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Rethinking Our Interactions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">One of the most consistent messages from Halves was that our interactions could go further.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our existing forest painting already supports several interactions, including depth-based movement, hiding behind trees, falling leaves, and environmental responses to visitor movement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These have established a foundation, but we want to avoid repeating the same interactions across every painting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, we are beginning to think about <strong>painting-specific interaction design<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each painting has its own atmosphere, composition, and visual language. We believe its interactions should emerge from those qualities rather than being added as a universal set of features.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For our second painting, which uses a pointillist style, we are exploring wind as a central interaction.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Visitor movement could generate wind that affects different parts of the artwork. Elements might move, the visitor&#8217;s appearance could respond, and the environment could gradually settle when the visitor stops moving.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We are also exploring a third painting with water as a significant visual element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Potential interactions include creating ripples through footsteps, generating splashes, seeing a reflection in the water, or influencing the movement of a sailboat.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"644\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9-1024x644.png\" alt=\"\" class=\"wp-image-443\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9-1024x644.png 1024w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9-300x189.png 300w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9-767x482.png 767w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9-1536x965.png 1536w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-9.png 1680w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">These ideas also introduce new design challenges. If a visitor blows a hat off a figure or moves a sailboat, how does the environment return to its original state?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than treating these as purely technical resets, we want to consider how the transition back can become part of the artwork&#8217;s behavior.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The third painting has not yet been finalized, but these experiments are helping us establish a clearer direction for future interaction design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Making Visitors Feel Part of the Painting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Another important area of feedback was the visual integration of the visitor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">During playtesting, one visitor described feeling that they were interacting with a painting, but not necessarily standing inside it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Several technical issues may contribute to this feeling.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Body segmentation can produce noisy edges, small visual artifacts, or outlines around the visitor. Differences in perspective and scale can also make a person appear to be placed on top of the artwork rather than naturally belonging within its composition.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We are now investigating ways to make this integration more convincing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One possible direction is to prioritize smoother visual blending, even if that means sacrificing a small amount of segmentation precision.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another is to reconsider how much of the painting we display during the interactive experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of always showing the entire painting, we could transition into a closer view of a selected region when the visitor enters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Full painting \u2192 enter the frame \u2192 focus on an interactive region \u2192 explore \u2192 return to the full painting<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This approach could help us achieve more believable scale and perspective, although it may also limit how much of the artwork visitors can explore at once.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It is a tradeoff we want to test rather than decide in advance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Guiding Without UI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Another recurring challenge has been helping visitors understand where to go and what to do.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because Beyond Frame is intended to feel like entering an artwork rather than playing a conventional game, we want to avoid obvious interface elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead, we are exploring <strong>environmental cues<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One direction is to connect the physical entrance frame with a corresponding digital frame or glimpse into the painting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than presenting an empty entrance, parts of the artwork could already be visible within the frame, inviting visitors to approach it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After entering, visitors might initially appear partially hidden behind elements of the painting, immediately demonstrating that they can move through its depth.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"401\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-11.png\" alt=\"\" class=\"wp-image-448\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-11.png 573w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-11-300x210.png 300w\" sizes=\"auto, (max-width: 573px) 100vw, 573px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We are also reconsidering the physical layout of the entrance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The frame should become the natural destination when visitors enter the room, with the surrounding space directing them toward it rather than relying on written instructions or obvious floor markers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lighting could help visitors find the correct starting position, while the frame itself could provide a more intuitive transition into the experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Interactive objects could also reveal themselves only when necessary.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, a tree might begin to move slightly as a visitor approaches. A branch could lean toward them, or a very soft glow could briefly appear around an interactive element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than explicitly telling visitors where to interact, we want to create moments that invite curiosity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal is not to communicate:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Interact here.&#8221;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But instead:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Something seems to be happening over there. Maybe I should move closer.&#8221;<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bringing Sound and Lighting Into the Experience<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">We are also continuing to develop sound and lighting as parts of the interactive environment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instead of treating these systems as separate effects, we want them to respond to the same actions happening inside the painting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, a visitor generating wind in the second painting could trigger movement in the artwork, corresponding environmental sound, and subtle changes in the room&#8217;s lighting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Similarly, movement through water could create ripples on screen, footsteps or splashes in the soundscape, and changes in reflected light.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our next technical goal is to connect DMX lighting control with Unity and continue developing multi-channel audio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1636\" height=\"2560\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-scaled.jpg\" alt=\"\" class=\"wp-image-445\" style=\"aspect-ratio:0.6390673071733146;width:436px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-scaled.jpg 1636w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-192x300.jpg 192w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-655x1024.jpg 655w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-768x1201.jpg 768w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-982x1536.jpg 982w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/PXL_20261009_232214018-edited-1309x2048.jpg 1309w\" sizes=\"auto, (max-width: 1636px) 100vw, 1636px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Different paintings should eventually have distinct environmental sound and lighting designs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The forest painting, for example, might emphasize leaves, footsteps, distant voices, and sunlight filtering through trees, while a water-based painting could create an entirely different atmosphere.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal is for these layers to work together, extending the artwork beyond the boundaries of the screen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Refining the Physical Installation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The physical frame is also undergoing further development.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our current temporary structure has helped us test the experience, but the final installation needs to feel more intentional, stable, and visually connected to the artwork.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We are investigating a stronger freestanding structure with decorative moulding inspired by traditional painting frames.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This distinction is important to the concept: visitors are not simply walking through a doorway.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>They are walking through the frame of a painting.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"371\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/a3c3d922dcb112d668bd7ea865e10add.png\" alt=\"\" class=\"wp-image-446\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/a3c3d922dcb112d668bd7ea865e10add.png 496w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/a3c3d922dcb112d668bd7ea865e10add-300x224.png 300w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The layout also needs to support visitor safety, camera tracking, and a smooth transition from the museum-like entrance into the digital environment.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A More Considered Physical Takeaway<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Our printed takeaway is evolving as well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The current direction combines a personalized photo print with a designed envelope or sleeve.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The client responded positively to the idea of keeping this design simple and elegant, while including relevant information about the artwork and the museum.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"292\" src=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-10.png\" alt=\"\" class=\"wp-image-447\" style=\"width:1014px;height:auto\" title=\"BeyondFrame_Envelope_Mockup_v4.png\" srcset=\"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-10.png 928w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-10-766x241.png 766w, https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-content\/uploads\/2026\/10\/image-10-300x94.png 300w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We also want the design to remain adaptable. Different museums could use their own branding without requiring us to completely redesign the physical takeaway.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This allows the print to remain both a personal record of the visitor&#8217;s experience and a meaningful connection to the original artwork.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preparing for Our Next Playtest<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Our next major milestone is the October 31 playtest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Rather than simply asking whether individual features work, we want to understand how the complete experience feels to visitors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some of the most important questions include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Do visitors feel like they are inside the painting?<\/li>\n\n\n\n<li>Can they discover interactions without explicit instructions?<\/li>\n\n\n\n<li>Do the interactions feel appropriate to the artwork?<\/li>\n\n\n\n<li>Does the environment encourage curiosity and exploration?<\/li>\n\n\n\n<li>Does the visitor feel visually integrated into the painting?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">We also want to experiment with interactions that are more dramatic than our current design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Our instructors encouraged us to test beyond our usual comfort zone. Some of these interactions may ultimately be removed, but trying them could help us discover a better balance between subtlety and surprise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beyond the immediate prototype, we have also begun exploring opportunities to present Beyond Frame outside ETC, including preparing a proposal and technical requirements for Meshwork Festival.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These possibilities are exciting, but our primary focus remains on strengthening the experience itself.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Looking Ahead<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">At the beginning of the semester, our main challenge was figuring out how to place a visitor inside a painting.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, we are increasingly concerned with what it means to <strong>belong inside that painting<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That requires more than body tracking and interactive elements.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It requires believable visual integration, carefully designed movement, intuitive guidance, and environmental responses that feel natural to the artwork.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As we continue developing our second painting and exploring a third, we want each experience to have its own identity while remaining connected to the central idea of Beyond Frame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>We don&#8217;t just want visitors to see themselves in a painting. We want them to feel, even briefly, that they have become part of its world.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Halves behind us, Beyond Frame is entering a new stage of development. The feedback we received was encouraging, and our prototype has demonstrated that the core experience is technically possible. Visitors can enter a painting, move through its layers, interact with elements of the artwork, and take home a personalized print. However, one piece [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-436","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/comments?post=436"}],"version-history":[{"count":3,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/436\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/pages\/436\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/beyond-frame\/wp-json\/wp\/v2\/media?parent=436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}