{"id":1156,"date":"2020-07-03T16:36:55","date_gmt":"2020-07-03T20:36:55","guid":{"rendered":"https:\/\/playfulcity.net\/go\/?p=1156"},"modified":"2020-07-03T16:37:25","modified_gmt":"2020-07-03T20:37:25","slug":"diy-box-midi-bee","status":"publish","type":"post","link":"https:\/\/playfulcity.net\/go\/designs\/diy-box-midi-bee\/","title":{"rendered":"For installations: A DIY Box (aka, the &#8220;MiDI Bee&#8221; for Hive Mechanic)"},"content":{"rendered":"\n<p><em>This post is part of a <a rel=\"noreferrer noopener\" href=\"https:\/\/dc.storytelling.city\/2020\/01\/29\/iterations-on-mount\/\" target=\"_blank\">series on physical installations<\/a>, which are important for public space and can radically expand the possibilities for games made with <a href=\"https:\/\/playfulcity.net\/go\/hive-mechanic\/\">Hive Mechanic<\/a> and other interactive systems. Our goal is to publish blueprints that use cheap materials from the neighborhood hardware store, so that anyone can make their own.<\/em><\/p>\n\n\n\n<p>For our next mount, we wanted to create a more multi-purpose &#8220;installation box&#8221; for use with a wide range of games &#8212; from audio installations, to push-button interfaces and screens. At the same time, we wanted to keep it accessible and invitational &#8211; so that ordinary people would try the thing if they encountered it in public space. What to include?  So many things! Buttons. Monitors. Phones. RFID. <a rel=\"noreferrer noopener\" href=\"https:\/\/www.raspberrypi.org\/\" target=\"_blank\">Raspberry Pi<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/makeymakey.com\/\" target=\"_blank\">Makey-Makey<\/a> integrations. Striking visuals. For now, we call it the <strong>M<\/strong>odular <strong>D<\/strong>IY <strong>I<\/strong>nteractivity <strong>B<\/strong>ox (<strong>M<\/strong>i<strong>DI B<\/strong>ee). <\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_HalfDiagram-1024x812.jpg\" alt=\"\" class=\"wp-image-1157\" width=\"474\" height=\"373\"\/><figcaption><br><br>Diagram of the MiDI Bee (Mount v.1.30)<\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/Before.jpg\" alt=\"\" class=\"wp-image-1190\" width=\"302\" height=\"441\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/Before.jpg 701w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/Before-205x300.jpg 205w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><figcaption>Predecessor: the &#8220;Classic Phone Mount&#8221; with chalkboard sign, RFID detector in keyboard, and prominent signage attached at top<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\n<\/div><\/div>\n\n\n\n<p>In designing the MiDI Bee, we sought to tackle the fear and uncertainty of people using objects in public space as our primary design challenge: <em>How can we make sure people know it&#8217;s okay to touch and use this?<\/em> Our answer also tries to leave room for playfulness with the physical object while increasing the range of user input. To ensure that non-programmers can control all the pieces, we plan to use Hive Mechanic as the remote brain &#8212; as interpreted by a Raspberry Pi inside the MiDI Bee.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771-1024x495.jpg\" alt=\"\" class=\"wp-image-1159\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771-1024x495.jpg 1024w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771-300x145.jpg 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771-768x372.jpg 768w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771-1536x743.jpg 1536w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/MiDIBee_FullDiagram-scaled-e1593702429771.jpg 1612w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>&#8220;THE BOX&#8221; would communicate through the Raspberry Pi to the rest of the components.<\/figcaption><\/figure>\n\n\n\n<p>We envision creating a simple client for the Raspberry Pi in the box that constantly checks Hive Mechanic after a one-time configuration process to register it with the server. By doing so, we would be able to do all of the programming of the digital game components in Hive Mechanic, using it as a game engine. <\/p>\n\n\n\n<p>As a thought experiment, we built the simplest possible version: &#8220;the one-button box.&#8221;   <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/one-button-box-IMG_2777sm.jpg\" alt=\"\" class=\"wp-image-1213\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/one-button-box-IMG_2777sm.jpg 1024w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/one-button-box-IMG_2777sm-300x225.jpg 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/one-button-box-IMG_2777sm-768x576.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"817\" src=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram-1024x817.jpg\" alt=\"\" class=\"wp-image-1167\" srcset=\"https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram-1024x817.jpg 1024w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram-300x239.jpg 300w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram-768x613.jpg 768w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram-1536x1226.jpg 1536w, https:\/\/playfulcity.net\/go\/wp-content\/uploads\/2020\/07\/One-Button-Box_Diagram.jpg 1935w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The full MiDI Bee is first and foremost <strong>m<\/strong>odular because the interactive concepts that are included can be broken down into its individual pieces and still provide powerful interactive experiences. Even with the One-Button Box alone could be useful for public opinion polls, games that involve racing and timing (<em>be the first to push the button<\/em>), single-player experiences, multiplayer experiences, and more.  <\/p>\n\n\n\n<p><em>This post was contributed by Hazel Arroyo, a professional game designer and member of the&nbsp;<\/em><a rel=\"noreferrer noopener\" href=\"https:\/\/playfulcity.net\/go\/\" target=\"_blank\"><em>The Playful City Lab<\/em><\/a><em>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post is part of a series on physical installations, which are important for public space and can radically expand the possibilities for games made with Hive Mechanic and other interactive systems. Our goal is to publish blueprints that use cheap materials from the neighborhood hardware store, so that anyone can make their own. For [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[10,11],"tags":[],"class_list":["post-1156","post","type-post","status-publish","format-standard","hentry","category-designs","category-hive-mechanic"],"_links":{"self":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/posts\/1156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/comments?post=1156"}],"version-history":[{"count":9,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/posts\/1156\/revisions"}],"predecessor-version":[{"id":1214,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/posts\/1156\/revisions\/1214"}],"wp:attachment":[{"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/media?parent=1156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/categories?post=1156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/playfulcity.net\/go\/wp-json\/wp\/v2\/tags?post=1156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}