{"id":227,"date":"2026-01-09T18:00:00","date_gmt":"2026-01-09T23:00:00","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/?p=227"},"modified":"2026-03-03T19:44:00","modified_gmt":"2026-03-04T00:44:00","slug":"devlog-week0","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/devlog-week0\/","title":{"rendered":"Pitch – Vastly exploring everything that is cross-screens"},"content":{"rendered":"\n

One day in October, James discovered the potential of creating a cross-screen experience from this ACM paper: Dynamic tiling display: building an interactive display surface using multiple mobile devices<\/a>, and he thought, “such fun is having the phones connect physically as if no borders, we should make a game out of it!” Since then, the pitch team Borderless was created. <\/p>\n\n\n\n

Creativity is most effective when it is constrained within a few parameters. In the beginning, we had almost no constraints. Anything was possible, and I’ll list everything out here to show off our extensive exploration in this whole space:<\/p>\n\n\n\n

<\/p>\n\n\n\n

Zoom – the magic moment of reveal upon connection<\/h3>\n\n\n\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

An improvisational acting group problem solving activity was Zoom<\/a>, where each person receives an individual page from the picture book Zoom<\/em> by Istvan Banyai<\/strong>, which starts from a crown of a rooster to pictures that were zoomed out from that picture. Without showing your own picture to another participant, simply by describing the content verbally, the goals of the group is to line their pictures up into a coherent sequence. <\/p>\n\n\n\n

The magic here was that, it was only after communicating with other people, will the fact that the pictures are zoomed out sequences register as a problem solving clue. When the pictures finally get revealed, there was always a sense of awe and wonder of the connection. <\/p>\n\n\n\n

This was what we wanted to achieve with the phones connecting too!<\/p>\n\n\n\n

<\/p>\n\n\n\n

Pastime during Line-ups – a multi-screen shared experience<\/h3>\n\n\n\n

While sharing our idea with ETC faculty Mike Christel, we stirred up excitement for a multiplayer experience with phones, a technology so ubiquitous yet so often associated with disconnection. An often brought of experience idea As our team member Ian often says: “Phones make humans distant, but our experience aims to use the technology to achieve something the opposite!”<\/p>\n\n\n\n

In this phase, we also explored how technically phones can be synchronized (with the suggestions from Vivian Shen, another ETC faculty):<\/p>\n\n\n\n

    \n
  1. Using Apple AR toolkit to detect shared environment -> we might lean into 3D experience instead of 2D.<\/li>\n\n\n\n
  2. AcUro tags, fiducial markers designed so a camera can detect it. -> this would mean we’ll have to design an experience that constantly allows camera and lighting to be detected. <\/li>\n\n\n\n
  3. Stations around the room to detect movement -> this make us go towards a location-based installation and would require much setup.<\/li>\n<\/ol>\n\n\n\n

    Through these, we realized as a team that we were secretly bias towards an experience that is 2D, has easy setup, and can be played anywhere.<\/p>\n\n\n\n

    \n
    \n

    Then, this paper showed up MovieTile: interactively adjustable free shape multi-display of mobile devices<\/a>. In this paper, it details how multiple touch displays get synchronized through swiping across two phone screens in a pinch gesture for the two devices to know when they are “connected”. This would allow us to have standalone phone setups!! Now, the it was only the matter of choice to make the swipe gesture a design constraint to design for!<\/p>\n<\/div>\n\n\n\n

    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    <\/p>\n\n\n\n

    Infinite Canvas – expanding the story by adding frames<\/h3>\n\n\n\n
    \n
    \n

    Scott McCloud’s book Understanding Comics became a huge point of reference after we started developing our game, but even earlier, we were fascinated by the concept of infinite canvas, and what that means for using (comic) frames to expand story<\/a>! <\/p>\n<\/div>\n\n\n\n

    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button>
    Interactive demo from https:\/\/e-merl.com\/chrono.htm<\/a><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    <\/p>\n\n\n\n

    The Interactive References<\/h3>\n\n\n\n

    The game references, to be more exact! We looked at various designs that involved breaking apart screens and frames, and used that as a core mechanic.<\/p>\n\n\n\n

    Sifteo Cubes<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Gorogoa<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Moncage<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Family Style<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Betrayal on the House of the Hill<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    DUAL!<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Cool arcade-y game that really showcases how in-person multiplayer interactions can be in a multi-phone space. This is a really simple showcase of that simple player experience goal realized into one simple game. In fact, through the game’s limitation that only long edges can “connect” to another long edge (from a distance), it indirectly controlled players have to sit across from each other. <\/p>\n\n\n\n

    However, we want more, more subtlety, and more visual integration.<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Framed<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here. Describe framed. But we did not need it because it’s like a platformer that we did not like. ….. like how should I translated this…..<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Burgle Bros (mobile version)<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Description here<\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    Florence<\/summary>\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    Mechanics embodies the emotional landscape of the main character. There was a particular puzzle we were most drawn to: the drifting chapter includes a torn picture of two people hugging that we had to solve through jigsaw puzzling it up together. The catch was: the pieces continue drifting away from each other, making it extremely difficult to get the picture to the right formation. That actually symbolized how the two characters were drifting emotionally apart! Such clever mechanics + narrative integration is what we are aiming to achieve.<\/strong><\/p>\n<\/div>\n<\/div>\n<\/details>\n\n\n\n

    <\/p>\n\n\n\n

    The Content Explorations <\/h3>\n\n\n\n
    \n
    \n

    Billy’s Balloon – the art of subtle and profound storytelling from simplicity<\/strong><\/p>\n\n\n<\/div>\n\n\n\n

    \n

    Moebius – detailed art is opportunity for visual puzzles (literally)<\/strong><\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n

    ok go phone video<\/a> – how can we go from scripted to improvisational phone play<\/strong><\/p>\n\n\n\n

    <\/p>\n<\/div>\n\n\n\n

    \n

    Match cuts – visual matching as a technique to progress the meanings of the pictures<\/strong><\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    What about playground games!<\/h3>\n\n\n\n

    After a brief chat with our faculty Jesse Schell, we realized the potentiality of bringing the phones around in space like how you would in a playground game. Imagine a phone carrying water while another phone shows a fire! If designed well and the fire phone cannot move, but the water phone leaks water as they move, then that would be extremely interesting! <\/p>\n\n\n\n

    This, however, would focus a lot on the accelerometer of the phones, the physicality, and might the narrative of the content. With our team member’s specialties being in narrative design. <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    What we ended up pitching – the vertical phone<\/h2>\n\n\n\n

    The Heist of the Louvre – an architecture approach to the game world<\/strong><\/p>\n\n\n\n

    [Put pictures and descriptions]<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Conclusion<\/h2>\n\n\n\n

    Lots of possibilities. We sold the vision, pitched it, and now we’re ready to actually make a commitment, right?<\/p>\n","protected":false},"excerpt":{"rendered":"

    One day in October, James discovered the potential of creating a cross-screen experience from this ACM paper: Dynamic tiling display: building an interactive display surface using multiple mobile devices, and he thought, “such fun is having the phones connect physically as if no borders, we should make a game out of it!” Since then, the […]<\/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-227","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\/227","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=227"}],"version-history":[{"count":23,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":1169,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/posts\/227\/revisions\/1169"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/big-picture-studio\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}