{"id":302,"date":"2022-09-23T14:59:07","date_gmt":"2022-09-23T14:59:07","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/picopicopi\/?p=302"},"modified":"2023-01-23T01:36:29","modified_gmt":"2023-01-23T01:36:29","slug":"week-4","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/picopicopi\/week-4\/","title":{"rendered":"Week 4 – Paper Prototype"},"content":{"rendered":"\n
<\/span>
\n

Summary<\/h2>\n\n\n\n

This week, we elaborated more details on our 5 ideas and presented them to our client. With the feedback and confirmation that we should make a high-level and top-down approach for our game, we made the decision for our prototype direction. In the second half of the week, we built a playable paper prototype with a puzzle level demonstrating the core interaction and gameplay mechanics, and we conducted 2 playtests. At the end of the week, we went to Fogo de Ch\u00e3o for team bonding.<\/p>\n<\/div><\/div>\n\n\n\n

<\/span>
\n

Proposals<\/h2>\n\n\n\n

We elaborated more on our 5 ideas, with the goal of depicting a crucial moment of the game with hand drafts to demonstrate the core gameplay mechanics. <\/p>\n\n\n\n

1. Byte Factory<\/h4>\n\n\n\n

Control cute byte characters with a programming-lite panel to earn more money. The game goes through ideas from the binary system and bit operation, all the way to reverse engineering and binary exploitation.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

2. Slay the Buffer<\/h4>\n\n\n\n

Hack the enemy’s behavior by playing cards to replace the commands in their memory cells.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

3. Exception<\/h4>\n\n\n\n

Control the character and hack and modify monsters’ behavior with a visual scripting panel. <\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

4. Nobody<\/h4>\n\n\n\n

Transform the character among different data types and goes through different computer operation machine to solve puzzles. <\/p>\n\n\n

\n
\"\"<\/a><\/figure><\/div>\n\n\n
<\/div>\n\n\n\n

5. Decompiling Knight<\/h4>\n\n\n\n

Hack almost everything in the world and turn them into statements of property and value. Modify the statements to decide how items behave and thus solve puzzles. Figure out the hidden components by cross-testing; overflow the slots to overwrite components.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Decision<\/h2>\n\n\n\n

We presented the 5 drafts to our client and had a long discussion about their preference and the expected approach for the game. Long story short, we should rather assume the audience doesn’t have any background in programming and address the topics from a high-level top-down view. We’d focus on the ultimate mission of illustrating the concepts of binary exploitation and reverse engineering first, and better not to require too much coding prerequisite. But if necessary, our client suggested we could either do the teaching of fundamental programming skills in the game or simply include some tips and links in the game to ask the audience to get themselves prepared with background knowledge before advancing.<\/p>\n\n\n\n

With the conclusion above, we finally decided to aim for an in-between of Decompiling Knight and Exception, as they were inherently similar. Byte Factory focused too much on the low-level binary system. Core gameplay mechanics of Nobody were based on data structure and type-casting, but some of the puzzle logic will be preserved and referred to. Slay the Buffer was liked by many people but might be out of scope.<\/p>\n<\/div><\/div>\n\n\n\n

<\/span>
\n

Paper Prototype<\/h2>\n\n\n\n

We made the first paper prototype of a puzzle level to demonstrate the core interaction, mechanics, and how a puzzle works. The documentation of the rules and level is here<\/a>.<\/p>\n\n\n\n

We playtested with 2 ETC students and they both figured the puzzle out.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n
<\/span>
\n

Team Bonding<\/h2>\n\n\n\n

We went for team bonding at Fogo de Ch\u00e3o on Friday after work. The Brazilian buffet made every one of us so full. The good food and talk made it a wonderful night.<\/p>\n\n\n

\n
\"\"<\/a><\/figure><\/div><\/div><\/div>\n\n\n\n
<\/span>
\n

Next Steps<\/h2>\n\n\n\n

Our programmers and artist will start turning the paper prototype into a digital one, and our designers will start designing more levels on paper. We are arranging a playtest with Cornell High School students and hope to have it on week 6, a week before the Half Presentation. The goal for week 5 and week 6 is straightforward – start building the digital game and keep playtesting and iterating!<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":305,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":5}},"_links":{"self":[{"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts\/302"}],"collection":[{"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":25,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts\/302\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts\/302\/revisions\/386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/media\/305"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/media?parent=302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/categories?post=302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/tags?post=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}