{"id":113,"date":"2014-09-21T04:17:11","date_gmt":"2014-09-21T04:17:11","guid":{"rendered":"http:\/\/itp.fromjia.com\/?p=113"},"modified":"2014-09-22T21:14:05","modified_gmt":"2014-09-22T21:14:05","slug":"lessons-from-pattycake","status":"publish","type":"post","link":"http:\/\/itp.fromjia.com\/?p=113","title":{"rendered":"Lessons from Pattycake"},"content":{"rendered":"<p>For our first Costume assignment,\u00a0we were asked to create a game with the Flora and conductive fabric (made of copper). My teammate, Abhishek, and I decided to make a pattycake game with gloves as controllers. (It turns out\u00a0a lot of other people in the class also made glove controllers. It figures, since we are most familiar with using our hands to interact with and control our environment.)<\/p>\n<p>We connected each pair of hands as a switch that would produce digital inputs into the Flora, so we can differentiate between one switch on (one pair of hands in contact) or both switches are on (both pairs of hands in contact). The inputs are categorized as three states: no contact (1), one\u00a0switch on\u00a0(2), and both switches on\u00a0(3). Then this information is fed into Processing through port communication to match with instruction patterns we created.<\/p>\n<div id=\"attachment_117\" style=\"width: 740px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/sketches1.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-117\" class=\"wp-image-117 size-large\" src=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/sketches1-1024x387.jpg\" alt=\"Sketch of different contacts.  Schematic of the two switches with help from Benedetta. \" width=\"730\" height=\"275\" srcset=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/sketches1-1024x387.jpg 1024w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/sketches1-300x113.jpg 300w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/sketches1-1200x453.jpg 1200w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/a><p id=\"caption-attachment-117\" class=\"wp-caption-text\">Sketch of different contacts. Schematic with help from Benedetta.<\/p><\/div>\n<div id=\"attachment_118\" style=\"width: 740px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/IMG_3021.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-118\" class=\"size-large wp-image-118\" src=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/IMG_3021-1024x768.jpg\" alt=\"Gloves are switches. \" width=\"730\" height=\"547\" srcset=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/IMG_3021-1024x768.jpg 1024w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/IMG_3021-300x225.jpg 300w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/IMG_3021-1200x900.jpg 1200w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/a><p id=\"caption-attachment-118\" class=\"wp-caption-text\">Gloves are switches.<\/p><\/div>\n<p>For the screen interface, we designed five patterns based on the five different types of contact. They alternate between each other randomly on screen to instruct the player which hands should contact, similar to how arrows work in Dance Dance Revolution.<\/p>\n<div id=\"attachment_119\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-09-20-at-10.25.50-PM.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-119\" class=\"size-medium wp-image-119\" src=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-09-20-at-10.25.50-PM-300x60.png\" alt=\"Five patterns for the different types of contacts. \" width=\"300\" height=\"60\" srcset=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-09-20-at-10.25.50-PM-300x60.png 300w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-09-20-at-10.25.50-PM-1024x206.png 1024w, http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/Screen-Shot-2014-09-20-at-10.25.50-PM.png 1050w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-119\" class=\"wp-caption-text\">Five patterns for the different types of contacts.<\/p><\/div>\n<div id=\"attachment_131\" style=\"width: 460px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/final_s4503.gif\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-131\" class=\"wp-image-131 size-full\" src=\"http:\/\/itp.fromjia.com\/wp-content\/uploads\/2014\/09\/final_s4503.gif\" alt=\"Playing pattycake (fast forwarded) \" width=\"450\" height=\"282\" \/><\/a><p id=\"caption-attachment-131\" class=\"wp-caption-text\">Playing pattycake (fast forwarded)<\/p><\/div>\n<p><strong>Takeaways:<\/strong><\/p>\n<ul>\n<li>It&#8217;s really hard for more than one players to take instructions, even just a little bit complicated, on the screen and coordinate physically with each other based on those instructions. DDR works because arrows are very simple signals and the player is only interacting with another player through coordinated instructions on the screen: each player is really only focused on his\/her task instead of having to physically coordinate with another player.<\/li>\n<li>It would be more appropriate for a multiplayer game, where each player need to collaborate physically, to either have the instructions embedded in the wearable controllers or provide on screen visual feedback instead of instructions that the players would have to follow.<\/li>\n<li>Audio (sound effects) and costumes can add more to the experience of a game.<\/li>\n<\/ul>\n<p><strong>Technical issues:<\/strong><\/p>\n<ul>\n<li>We had a really hard time getting data from Flora to\u00a0transfer over to Processing. We got it to work in the end by changing strings to integers and 0s to 1s in the Adafruit Arduino IDE, but the solutions still seem very arbitrary to me.<\/li>\n<li>We had originally wanted to differentiate between different types of one switch on (meaning one pair of hands in contact). For example, a player&#8217;s own hands touching would be different from the right hand of each of the players touching. This was impossible to accomplish with the two switches connection we created, because since one hand of each player is connected to the ground the signal would come from the same pin when a third hand touches either ground. We haven&#8217;t figured out an alternative circuitry.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>For our first Costume assignment,\u00a0we were asked to create a game with the Flora and conductive fabric (made of copper). My teammate, Abhishek, and I decided to make a pattycake game with gloves as controllers. (It turns out\u00a0a lot of other people in the class also made glove controllers. It figures, since we are most [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-costume-as-game-controller"],"_links":{"self":[{"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":10,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":136,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=\/wp\/v2\/posts\/113\/revisions\/136"}],"wp:attachment":[{"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/itp.fromjia.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}