{"id":234,"date":"2026-02-06T18:00:00","date_gmt":"2026-02-06T23:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/?p=234"},"modified":"2026-03-06T18:45:40","modified_gmt":"2026-03-06T23:45:40","slug":"devlog-week4","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/devlog-week4\/","title":{"rendered":"Week 4 &#8211; Learning about puzzle design: Script -> Comic Art -> Mechanics Translation"},"content":{"rendered":"\n<p>Over the weekend, some team members read through Understanding Comics by Scott McCloud, and realized how in fact, finding the &#8220;idioms&#8221; for our form, is the crucial step to creation for our artform \/ medium.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c0dea&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c0dea\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"924\" height=\"455\" 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\/02\/image.png\" alt=\"\" class=\"wp-image-853\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image.png 924w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-300x148.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-768x378.png 768w\" sizes=\"auto, (max-width: 924px) 100vw, 924px\" \/><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><figcaption class=\"wp-element-caption\">Note that creations does not go from 1-6. In fact, Idea often inspires, but is often the last people go back to after understanding the craft and form.<\/figcaption><\/figure>\n\n\n\n<p>For us, we have been stuck defining the form, which was why our idioms does not ground us. In fact, after reading this comic, we made a bold decision<\/p>\n\n\n\n<p><strong>WE NEED TO GET OUR FORM DOWN IN ORDER TO FIND OUR IDIOM TO SHOWCASE OUR CRAFT AND TELL THE STORY OF OUR PURPOSE<\/strong><\/p>\n\n\n\n<p>Each chapter of Understanding Comics actually serve as inspirations for different functions for the team.<\/p>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c117e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c117e\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"500\" 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\/02\/image-1.png\" alt=\"\" class=\"wp-image-856\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-1.png 368w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-1-221x300.png 221w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><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><figcaption class=\"wp-element-caption\">Table of contents from Understanding Comics<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<ul class=\"wp-block-list\">\n<li>Chapter 3-4 are for visual puzzle design.<\/li>\n\n\n\n<li>Chapter 7 is for production direction of how a medium evolves.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puzzle Design<\/h2>\n\n\n\n<p>Having been inspired by Understanding Comics about how to evolve our understanding for this medium, continuing from last week knowing that puzzles are our hamburger meat to be encapsulated by narrative components expressed through repositioning, our hamburger buns, it was time to find the main complex puzzle from our proposed linear script!!<\/p>\n\n\n\n<p>Different people designed different puzzles, but mainly the golden triangle of script + comic art + puzzle mechanic started working on the first moment on the script: the solar wind introduction.<\/p>\n\n\n\n<p><strong>4 distinct settings<\/strong> from the script was confirmed, and they will be slowly translated to our final experience:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>outer space with spaceship<\/li>\n\n\n\n<li>inside of spaceship<\/li>\n\n\n\n<li>marooned planet<\/li>\n\n\n\n<li>marooned planet\u2019s past<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Script<\/h3>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c2dc2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c2dc2\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"525\" 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\/02\/image-2-1024x525.png\" alt=\"\" class=\"wp-image-860\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-2-1024x525.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-2-300x154.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-2-768x394.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-2-1536x788.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-2.png 1657w\" 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><figcaption class=\"wp-element-caption\">The script<\/figcaption><\/figure>\n\n\n\n<p>An insight came that in fact, since comic art encompasses the objects the script informs, and puzzles require keyword objects to work with, the pipeline goes: script -&gt; comic art translation -&gt; puzzle mechanic informed by the art.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comic strip translation<\/h3>\n\n\n\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;6a572270c3084&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c3084\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" 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\/02\/image-3-647x1024.png\" alt=\"\" class=\"wp-image-862\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-647x1024.png 647w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-189x300.png 189w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-768x1216.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-970x1536.png 970w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-1293x2048.png 1293w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-3-scaled.png 1617w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c32da&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c32da\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" 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\/02\/image-4-647x1024.png\" alt=\"\" class=\"wp-image-863\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-647x1024.png 647w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-189x300.png 189w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-768x1216.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-970x1536.png 970w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-1293x2048.png 1293w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-4-scaled.png 1617w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c4cea&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c4cea\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" 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\/02\/image-5-647x1024.png\" alt=\"\" class=\"wp-image-864\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-647x1024.png 647w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-189x300.png 189w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-768x1216.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-970x1536.png 970w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-1293x2048.png 1293w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-5-scaled.png 1617w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><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<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Puzzle idea<\/h3>\n\n\n\n<p>The power of the golden triangle of script, comic art, and puzzle mechanics come form: when one of these functions come up with an idea, the other can yes, and to the idea, and co-develop the next step. In this case, the comic visualization gave rise to how the phones move (the repositioning), and that informs how content is communicated across frames for narrative to design. <\/p>\n\n\n\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\" style=\"flex-basis:33.33%\">\n<p><strong>Comic to repositioning translation<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c5cf3&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c5cf3\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" 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\/02\/image-6-647x1024.png\" alt=\"\" class=\"wp-image-866\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-647x1024.png 647w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-189x300.png 189w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-768x1216.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-970x1536.png 970w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-1293x2048.png 1293w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-6-scaled.png 1617w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><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\" style=\"flex-basis:66.66%\">\n<p><strong>Puzzle from the repositioning ideation<\/strong>: a space ship that opens its wings!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c5f7e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c5f7e\" class=\"wp-block-image size-large 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\/02\/image-22-768x1024.png\" alt=\"\" class=\"wp-image-886\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-22-768x1024.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-22-225x300.png 225w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-22-1152x1536.png 1152w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-22-1536x2048.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-22-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<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>And with the synergy between a spaceship opening wings puzzle idea came the design of what the spaceship should look like visually.<\/p>\n\n\n\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;6a572270c6257&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c6257\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" 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\/02\/image-7-1024x647.png\" alt=\"\" class=\"wp-image-868\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-7-1024x647.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-7-300x189.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-7-768x485.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-7-1536x970.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-7-2048x1293.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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c8b7e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c8b7e\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" 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\/02\/image-8-1024x647.png\" alt=\"\" class=\"wp-image-869\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-8-1024x647.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-8-300x189.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-8-768x485.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-8-1536x970.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-8-2048x1293.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<\/div>\n\n\n\n<p>And these formalized into the puzzle moment where, if the player opens the wings of the spaceship, it will block the solar wind that is making the ship unsafe to move. Once the wings are open, our main character Naiad can enter her ship, and the story progresses.<\/p>\n\n\n\n<p>Further on, because of how helpful this comic translation process was, the visual development function decided to visualize the entire script from start to finish, shown below.<\/p>\n\n\n\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;6a572270c8ec1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c8ec1\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" 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\/02\/image-9-647x1024.png\" alt=\"\" class=\"wp-image-870\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-647x1024.png 647w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-189x300.png 189w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-768x1216.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-970x1536.png 970w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-1293x2048.png 1293w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-9-scaled.png 1617w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c90ee&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c90ee\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" 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\/02\/image-10-512x1024.png\" alt=\"\" class=\"wp-image-871\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-10-512x1024.png 512w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-10-150x300.png 150w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-10-768x1536.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-10-1024x2048.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-10-scaled.png 1280w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><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<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Other explorations beyond the golden triangle puzzle design<\/h3>\n\n\n\n<p>Outside of the script -&gt; comic -&gt; puzzle translation, there were attempts in the onboarding side, trying to answer the question of how players learn the main mechanic of connecting phones together. In fact, this clarified to the team how narrative works with puzzle design. It is the showcase of the spaceship going across the screen, like how a <a href=\"https:\/\/www.youtube.com\/watch?v=cwUzUzpG8aM\">long take<\/a> (a cinematic language for scene movements that doesn&#8217;t cut) always introduces new content regardless if the camera moves. <strong>In order for us to utilize our medium well, and have profound story for the narrative, the newly introduced frames always have to include a narrative component.<\/strong><\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c966f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c966f\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1680\" height=\"710\" 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\/02\/image-23.png\" alt=\"\" class=\"wp-image-889\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-23.png 1680w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-23-300x127.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-23-1024x433.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-23-768x325.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-23-1536x649.png 1536w\" sizes=\"auto, (max-width: 1680px) 100vw, 1680px\" \/><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>There was also another attempt for the solar wind puzzle moments from the direction of tutorials: if zooming in and out of a scene has to be introduced to the players, a possible puzzle is having the solar wind lines being activation method for a spaceship entrance lock. It is through matching of the lines metaphorically, making connections between a line in the game world, to a puzzle input, that the players learn about visual matching and a sequence of zoom in, zoom out, match actions. However, this did not further development at that time as tutorial sequence has to be rethought about AFTER the design in set. It was still a good exploration!<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270c98cc&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270c98cc\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1183\" 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\/02\/image-24-scaled.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-scaled.png 2560w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-300x139.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-1024x473.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-768x355.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-1536x710.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-24-2048x947.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<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More Tech prototypes<\/h2>\n\n\n\n<p>Sometime between last week and this week, our system programmer refined the architecture of a moments-based game, where instead of a phone connection functionality component being added to game objects one by one, it now changed to an event structure, where a connection event would be broadcasted to the scene, and listener objects who are involved would answer. This helps with separation of concerns for our &#8220;moments-based&#8221; game structure, so that an object hat has changed connection type during different moments, would not have to dynamically add and take away components themselves, but only do so when prompted by a central commander.<\/p>\n\n\n\n<p>In addition, preparing for our first playtest next week, a system for registering swipe as connection activation entry, and a &#8220;pick-up&#8221; motion detection mechanism for players to get feedback on when the phone disconnects, is created. <\/p>\n\n\n\n<p>Other than that, we played with other possibilities the phone has: <\/p>\n\n\n\n<p><strong>Drag prototype<\/strong><\/p>\n\n\n\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 class=\"wp-block-video\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>What if you can drag one thing to another screen. Sounds cool right! And it utilizes our cross-screen interactions well! However, we decided to focus our on-screen interactions to only pinch. Regardless, look at this beautiful prototype.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Satellite prototype<\/strong><\/p>\n\n\n\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 class=\"wp-block-video\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>The team has been very excited about having one phone as a controller to change the contents of the other phones, which we have been calling satellite. This on the other hand, turned out to be a base proof-of-concept of our phone-changes-each-other puzzle design philosophy.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Gyroscope prototype<\/strong><\/p>\n\n\n\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 class=\"wp-block-video\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>How good can the phones detect movement? Gyroscope is a phone feature we have been thinking of utilizing, but haven&#8217;t tested. Turns out, the phones know exactly how much this phone has been rotated, on any axis that we specify. This will be the basis for the solar wind beetle wing puzzle. <\/p>\n<\/div>\n<\/div>\n\n\n\n<p><strong>2D in 3D test<\/strong><\/p>\n\n\n\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 class=\"wp-block-video\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Because of our 3D artist&#8217;s beautiful finding 2D symbols in 3D scenes idea, we also sought to prototype this. It was more difficult than we imagined, and the matching of textures did not feel intuitive enough. Still, it was a great attempt.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Miscellaneous<\/h2>\n\n\n\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<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;6a572270cc9e2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270cc9e2\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" 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\/02\/image-25-1024x520.png\" alt=\"\" class=\"wp-image-921\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-25-1024x520.png 1024w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-25-300x152.png 300w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-25-768x390.png 768w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-25-1536x780.png 1536w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-25-2048x1041.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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270cd053&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270cd053\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"426\" height=\"240\" 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\/02\/casters.gif\" alt=\"\" class=\"wp-image-1003\"\/><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<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Concerned about harming the camera when sliding the phones on the table, this week, in addition to receiving the phones, we also tested with using casters to see if they would make moving them smoother. We decided not to use it though, as it made the phones too clunky, and the camera scratching is not as pronounced as we imagined.<\/p>\n<\/div>\n<\/div>\n\n\n\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\" style=\"flex-basis:66.66%\">\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;6a572270cd49f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270cd49f\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"843\" 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\/02\/image-51.png\" alt=\"\" class=\"wp-image-1045\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-51.png 633w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-51-225x300.png 225w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><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<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a572270cec43&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a572270cec43\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"633\" height=\"845\" 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\/02\/image-52.png\" alt=\"\" class=\"wp-image-1046\" srcset=\"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-52.png 633w, https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-content\/uploads\/2026\/02\/image-52-225x300.png 225w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><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<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<p>Our poster underwent different iterations, and while this specific theme was not chosen, it is so pretty, so I&#8217;ll put it here!<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Next steps<\/h2>\n\n\n\n<p>So you see, week 4 is filled with puzzle design, tech foundation, and content exploration. There is one thing missing: the player perspective, so next week is playtest night, the first time we&#8217;d bring our ideas to actual users. Please look forward to our discoveries.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Over the weekend, some team members read through Understanding Comics by Scott McCloud, and realized how in fact, finding the &#8220;idioms&#8221; for our form, is the crucial step to creation for our artform \/ medium. For us, we have been stuck defining the form, which was why our idioms does not ground us. In fact, [&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-234","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\/234","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=234"}],"version-history":[{"count":39,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":1048,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/234\/revisions\/1048"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/media?parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/categories?post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/tags?post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}