{"id":352,"date":"2022-09-30T20:12:06","date_gmt":"2022-09-30T20:12:06","guid":{"rendered":"https:\/\/projects.etc.cmu.edu\/picopicopi\/?p=352"},"modified":"2023-01-23T01:36:26","modified_gmt":"2023-01-23T01:36:26","slug":"week-5","status":"publish","type":"post","link":"https:\/\/projects.etc.cmu.edu\/picopicopi\/week-5\/","title":{"rendered":"Week 5 &#8211; Digital Prototype"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-7-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<h2 class=\"has-palette-color-4-color has-text-color\">Summary<\/h2>\n\n\n\n<p>We had a public playtest session with our paper prototype on the main campus. We started building the digital version and had the modules ready for integration for playtesting with high school students next week. We designed another more advanced puzzle level (paper) with the same core concept. We also had our half sheet and poster submitted for printing.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:1078px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-8-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<h2 class=\"has-palette-color-4-color has-text-color\">Open Playtest<\/h2>\n\n\n\n<p>We playtested with 5 random college students of different majors on our main campus, using our paper prototype from last week. Valuable things we learned from the feedback and observations include:<\/p>\n\n\n\n<ul><li>People rarely tried to pass through objects when they are visible, so they got stuck by the stone and the barrier often -> We hope a digital version will ease this problem because it&#8217;s natural to press buttons to move steps.<\/li><li>When objects turned red, people perceived it as a bad sign generally.<\/li><li>People got confused or even misled by the unrelated symbols we used to hide the actual property names.<\/li><li>Extending the bridge was no doubt the most exciting moment for every player.<\/li><li>&#8220;Blocking\/Collidable&#8221; was a harder concept to understand.<\/li><li>Brute force was a common strategy. People solved the puzzle even though they didn&#8217;t really understand the mechanics.<\/li><li>Regardless of reversing the meaning of the symbols, the mechanics of the &#8220;statements&#8221; determining the behaviors and status of the objects were hard to understand -> We will deal with this with clearer instructions, and eventually, with tutorial levels of course.<\/li><\/ul>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery alignwide has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-1024x768.jpg\" alt=\"\" class=\"wp-image-361\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-1536x1152.jpg 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7844-1-2048x1536.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-1024x768.jpg\" alt=\"\" class=\"wp-image-360\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-1536x1152.jpg 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7846-1-2048x1536.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-1024x768.jpg\" alt=\"\" class=\"wp-image-362\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-1024x768.jpg 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-300x225.jpg 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-768x576.jpg 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-1536x1152.jpg 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Copy_of_IMG_7839-1-2048x1536.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:1306px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-7-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<h5 class=\"has-palette-color-1-color has-text-color\">Development<\/h5>\n\n\n\n<h2 class=\"has-palette-color-4-color has-text-color\">Digital Prototype<\/h2>\n\n\n\n<p>We had our first digital prototype of the same puzzle that we made on paper last week. We built it into WebGL format and deployed onto Unity&#8217;s platform, so anyone with the <a rel=\"noreferrer noopener\" href=\"https:\/\/play.unity.com\/mg\/other\/my-new-microgame-7554\" data-type=\"URL\" data-id=\"https:\/\/play.unity.com\/mg\/other\/my-new-microgame-7554\" target=\"_blank\">link <\/a>can can play it in a browser. We&#8217;ll start playtesting with this digital one next week.<\/p>\n\n\n\n<p>The goal was a rapid build for playtest purpose, so the arts and interactions are definitely going to go through a lot of polishing!<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Hacker-Is-You-Unity-Play-Google-Chrome-2022-10-10-10-36-40.mp4\"><\/video><figcaption>Runthrough of the puzzle<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-container-4 wp-block-gallery-3 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"771\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-1024x771.png\" alt=\"\" class=\"wp-image-376\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-1024x771.png 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-300x226.png 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-768x579.png 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-1536x1157.png 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105236-2048x1543.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Environment Assets<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"509\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-1024x509.png\" alt=\"\" class=\"wp-image-375\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-1024x509.png 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-300x149.png 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-768x382.png 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-1536x763.png 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-105155-2048x1018.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>UI Assets<\/figcaption><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:702px\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-5-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<h5 class=\"has-palette-color-1-color has-text-color\">Design<\/h5>\n\n\n\n<h2 class=\"has-palette-color-4-color has-text-color\">More Levels<\/h2>\n\n\n\n<p>We designed the second puzzle which is more difficult but also based on the same idea of reverse engineering.<\/p>\n\n\n\n<figure class=\"wp-container-6 wp-block-gallery-5 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"2211\" height=\"1732\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924.png\" alt=\"\" class=\"wp-image-378\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924.png 2211w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924-300x235.png 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924-1024x802.png 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924-768x602.png 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924-1536x1203.png 1536w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-03-102924-2048x1604.png 2048w\" sizes=\"(max-width: 2211px) 100vw, 2211px\" \/><figcaption>Level layout<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"767\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-110351-1-1024x767.png\" alt=\"\" class=\"wp-image-381\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-110351-1-1024x767.png 1024w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-110351-1-300x225.png 300w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-110351-1-768x575.png 768w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/Screenshot-2022-10-10-110351-1.png 1472w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Object code<\/figcaption><\/figure>\n<\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-palette-color-7-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<h5 class=\"has-palette-color-1-color has-text-color\">Production<\/h5>\n\n\n\n<h2 class=\"has-palette-color-4-color has-text-color\">Half sheet &amp; Poster<\/h2>\n\n\n\n<p>With the same geek-like and cyber theme as our logo and website, we proudly present our project poster and half sheet. <\/p>\n\n\n\n<p>We continued using the black and green color palette that is often associated with hackers (as in Matrix). The numerous &#8220;PICOs&#8221; in the background were transformed from 0 and 1, which is how data are stored in computers. The circles dropping down with tails add a dynamic feeling to the image, implying the cyber world in our game is about to go through some significant change.<\/p>\n\n\n\n<figure class=\"wp-container-8 wp-block-gallery-7 wp-block-gallery aligncenter has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/week-5\/poster-picopicopi\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" width=\"5868\" height=\"7824\" src=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/poster-PicoPicoPi.jpg\" alt=\"\" class=\"wp-image-369\" srcset=\"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/poster-PicoPicoPi.jpg 5868w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/poster-PicoPicoPi-225x300.jpg 225w, https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-content\/uploads\/2022\/10\/poster-PicoPicoPi-768x1024.jpg 768w\" sizes=\"(max-width: 5868px) 100vw, 5868px\" \/><\/a><\/figure>\n<\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":372,"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\/352"}],"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=352"}],"version-history":[{"count":10,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts\/352\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/posts\/352\/revisions\/383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/media\/372"}],"wp:attachment":[{"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/media?parent=352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/categories?post=352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projects.etc.cmu.edu\/picopicopi\/wp-json\/wp\/v2\/tags?post=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}