{"id":230,"date":"2026-01-30T18:00:00","date_gmt":"2026-01-30T23:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/?p=230"},"modified":"2026-03-06T15:57:54","modified_gmt":"2026-03-06T20:57:54","slug":"devlog-week3","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/devlog-week3\/","title":{"rendered":"Week 3 &#8211; Narrative-Driven Puzzle Development Pipeline &#038; Quarters"},"content":{"rendered":"\n<p>It&#8217;s quarters week this week, a time when faculty walkaround project rooms to understand the initial explorations and subsequent development directions. Yet, what our medium looks like to us is still fuzzy (not vague, but too many directions), even with the overall structure being a linear narrative, and the technical gold spikes \/ storyboards for different mechanics \/ puzzle moments! We know our next step is to come up with &#8220;moments&#8221; that go with our world building, and narrative techniques that works with the 4-phone medium, so that we have a first set of prototypes to test. <\/p>\n\n\n\n<p>We first explored more on how content can be displayed on our medium, then came up with a important game structure describing the relationship between narrative and puzzle moments that we called &#8220;hamburger&#8221;, and finally going deep into puzzle design, including ones on paper and one that is our experiment for incorporating 3D to 2D transition.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Narrative repositioning &#8211; &#8220;Camera&#8221; movement to phone movement<\/h2>\n\n\n\n<p>The first thing we&#8217;ve got this week is to get a visual feel of how pictures or visual content can be displayed on modular phones that get repositioned. Using Moebius&#8217;s comic strips, a strong reference for us from during pitch, we put phones on top of it, to see how story flow is indicated visually. <strong>One main insight was: people follow a visual focal point, so when an animation of a person goes to the right of the phone, it is natural for players to connect a phone on the right side, to see what happens next!<\/strong><\/p>\n\n\n\n<p>This gives our narrative designer inspiration on how to introduce characters and the potential &#8220;camera movement&#8221; language for our design space!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5722710f3da&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5722710f3da\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"14998\" height=\"5965\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/BigPictureStoryboard_test1.jpg\" alt=\"\" class=\"wp-image-776\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Visual metaphors &#8211; to change scenes!<\/h2>\n\n\n\n<p>Building on the visual focal point from the narrative side, a huge focus for this project is the pictorial element, so our visual designer came up with a storyboard that showcases the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Phone is used as a phone (phone UI is breaking the fourth wall &#8212; a feature we find extremely interesting, also as an artistic statement for creating a 4 phone game that seeks to bring together 4 people in person)<\/li>\n\n\n\n<li>A character&#8217;s hair that cuts off at the edge of a phone, prompting players to connect another phone to it.<\/li>\n\n\n\n<li>The hair that visually transform into the lines that a spaceship leaves when propelling forward.<\/li>\n\n\n\n<li>The scene that truly changed from a character&#8217;s hair to her journey on a spaceship.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572271121d3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572271121d3\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2245\" height=\"1277\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention.png\" alt=\"\" class=\"wp-image-790\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention.png 2245w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention-300x171.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention-1024x582.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention-768x437.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention-1536x874.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/guide-attention-2048x1165.png 2048w\" sizes=\"auto, (max-width: 2245px) 100vw, 2245px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hamburger Structure &#8211; our big puzzle moment<\/h2>\n\n\n\n<p>This might sound confusing at first, but we decided that puzzles should be our main moment where mechanics shine! (This will be an obsolete statement a few weeks later as we discover that the mechanics are actually what connects everything from narrative and puzzle together)<\/p>\n\n\n\n<p>What is a Hamburger structure! [missing picture go take picture in project room]<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simply, a hamburger consists of buns on top and bottom, this will be the role of our narrative repositioning contents.<\/li>\n\n\n\n<li>The main attraction is actually the meat: the puzzle moments will be supported and transitioning in and out by the narrative moments. <\/li>\n\n\n\n<li>Any secondary are the lettuces and tomatoes.<\/li>\n<\/ul>\n\n\n\n<p>Our instructor Dave pointed out that in fact, not all people go to a hamburger for the meat, but for the buns. We were not sure what to make about this at that time, but intuitively, this was the first step we got towards our understanding of the system of this medium.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puzzle design pipeline<\/h2>\n\n\n\n<p>With the hamburger structure, we have a puzzle design pipeline: a golden triangle with puzzles coming up with mechanics, narrative co-developing for how the pieces came to be, and visual design envisioning how the contents get presented on the phones. <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227112834&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227112834\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"492\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-scaled.png\" alt=\"\" class=\"wp-image-991\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-scaled.png 2560w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-300x58.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-1024x197.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-768x148.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-1536x295.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-21-2048x394.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Showcase for the designs and explorations this week<\/h2>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Light and shadow<\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227112ecf&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227112ecf\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"2044\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-scaled.png\" alt=\"\" class=\"wp-image-992\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-scaled.png 2560w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-300x240.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-1024x818.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-768x613.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-1536x1227.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-22-2048x1635.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Light and shadow took inspiration from the cog rotating mechanic from Gorogoa, having phones repositioning to change how an eclipse-like sunlight blocking creates shadow, which would change how the phones light up.<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Timelapse<\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572271141d1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572271141d1\" class=\"wp-block-image size-full is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2522\" height=\"2560\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-scaled.png\" alt=\"\" class=\"wp-image-993\" style=\"aspect-ratio:0.9851636539800769;width:283px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-scaled.png 2522w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-296x300.png 296w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-1009x1024.png 1009w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-768x780.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-1513x1536.png 1513w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-23-2017x2048.png 2017w\" sizes=\"auto, (max-width: 2522px) 100vw, 2522px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Taking inspiration from narrative repositioning, timelapse is an over game structure where the main character collects items in a main &#8220;lobby&#8221; scene, and through phone repositioning of the sun, it changes the time of the scenes, which reveals more relics to go into and solve. However, as this interferes with how narrative can be structured, it did not get further developed.<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>Clock and snow<\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227115068&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227115068\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1277\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-scaled.png\" alt=\"\" class=\"wp-image-995\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-scaled.png 2560w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-300x150.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-1024x511.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-768x383.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-1536x766.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-24-2048x1021.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Inspired by the time theme of timelapse, when a phone shows a snowing scene, and another shows a clock that has clock-hands needing to get to another position, if players bring the snow to above the clock, the weight of the snow would change the positions of the clock-hands, effectively getting to a puzzle objective.<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\" open><summary>2D in 3D<\/summary>\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227115972&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227115972\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"976\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-25-1024x976.png\" alt=\"\" class=\"wp-image-996\" style=\"aspect-ratio:1.0492083454258165;width:262px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-25-1024x976.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-25-300x286.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-25-768x732.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-25.png 1246w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227115d22&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227115d22\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-1024x574.png\" alt=\"\" class=\"wp-image-997\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-1024x574.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-300x168.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-768x431.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-1536x861.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-26-2048x1148.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>As of currently, our goal is to have narrative be in 2D sequences and puzzles a mix of 2D and 3D, to utilize our talents in both artistic departments. With that, our 3D artist explored a mechanic that brings 3D to a 2D scene, anchored by searching for a 2D symbol in a 3D scene, so transitions between two artistic styles can be smooth.<\/p>\n\n\n\n<p>Here&#8217;s how it works: With a bit of shaders applied, colorful 3D scenes change colors as you rotate a camera perspective on an individual phone. When all 4 phones discover the right perspectives, when brought together, those unified colors show the final 2D symbol, which is the opportunity to transition to a 2D scene. <\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A script<\/h2>\n\n\n\n<p>Our narrative designer created a full script form our worldbuilding and the current explorations. Our explorer Naiad starts on the spaceship and onto Earth to discover what happened to the past. Having a script outlines where puzzle moment opportunities exist.<\/p>\n\n\n\n<p>Here&#8217;s an excerpt.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a5722711829d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a5722711829d\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"283\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-27.png\" alt=\"\" class=\"wp-image-998\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-27.png 980w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-27-300x87.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-27-768x222.png 768w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">A new communication rule: the conch<\/h2>\n\n\n\n<p>As a team filled with infinite ideas, it turned out that why many ideas float without grounding in actionable items, was because we were yes, and-ing each other so much, that all new arguments get expanded to another, which leads to another, and never returning to the original argument. In order to bring structure to this team, we came up with a communication rule: only the person with the throwable stress ball dice can speak. And this will externalize our ideas floating in air and ground each us. We call it the conch, as it took inspiration from the Lord of the Flies. We tried it, and it was oh so helpful to ground us!<\/p>\n\n\n\n<p class=\"has-text-align-center\">Here&#8217;s a dedicated photo of our conch.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a57227119718&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a57227119718\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-768x1024.png\" alt=\"\" class=\"wp-image-1000\" style=\"aspect-ratio:0.7499961852445258;width:223px;height:auto\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-768x1024.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-225x300.png 225w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-1152x1536.png 1152w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-1536x2048.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/image-28-scaled.png 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quarters slide<\/h2>\n\n\n\n<p>Quarters was in between the above, and it was shown in a much flowier method, where team members chime in for each topic whenever a faculty raised questions for different departments. Our presentation was received extremely positively: the possibilities were infinite but exciting, and we have been making good explorations towards utilizing the medium. <\/p>\n\n\n\n<p>Here is the slides we used for reference.<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/quarters-presentation.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of quarters presentation.\"><\/object><a id=\"wp-block-file--media-6135f636-3d1f-4044-8d79-160364567647\" href=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/01\/quarters-presentation.pdf\">quarters presentation<\/a><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next steps<\/h2>\n\n\n\n<p>And this concludes week 3. Next weeks, we&#8217;ll be finding our hamburger meat puzzle by following the script puzzle opportunities! Off to more explorations of how content can be showcased on this medium!! See you next week.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s quarters week this week, a time when faculty walkaround project rooms to understand the initial explorations and subsequent development directions. Yet, what our medium looks like to us is still fuzzy (not vague, but too many directions), even with the overall structure being a linear narrative, and the technical gold spikes \/ storyboards for [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-230","post","type-post","status-publish","format-standard","hentry","category-devlogs"],"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":21,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/230\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/230\/revisions\/1001"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/media?parent=230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/categories?post=230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/tags?post=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}