{"id":5539,"date":"2020-09-23T14:04:54","date_gmt":"2020-09-23T18:04:54","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?page_id=5539"},"modified":"2020-11-01T04:30:00","modified_gmt":"2020-11-01T09:30:00","slug":"5a-soli-sketch-due-9-30","status":"publish","type":"page","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/5a-soli-sketch-due-9-30\/","title":{"rendered":"#5A Soli Sketch"},"content":{"rendered":"<p><strong>A great deal of media art and design is concerned with investigating the cultural potentials, critical significance, and aesthetic possibilities of emerging technologies. For this reason, building exploratory prototypes is a central practice in new media arts and design.<\/strong><\/p>\n<p>We begin a two-week project in which we will develop interactive experiences for a novel and unexplored device: the Google Soli mobile radar sensor. Our project has two one-week phases: (I) preparation and sketching, and (2) implementation.<\/p>\n<p>The first half of this assignment is due at the beginning of class on Wednesday, 9\/30, and has four parts:<\/p>\n<ul>\n<li>0. (Complete Previous Exercises)<\/li>\n<li>1. Five Interaction Exercises (I-V)<\/li>\n<li>2. Looking Outwards: Physical Computing<\/li>\n<li>3. Reading &amp; Response #5a: Critical Interface Manifesto<\/li>\n<li>4. Paper Sketches: Interactions for A Mobile Radar Sensor<\/li>\n<\/ul>\n<hr \/>\n<h2>0. Complete Previous Exercises<\/h2>\n<p>It&#8217;s essential that you&#8217;re comfortable dealing with the kinds of problems we had in last week&#8217;s <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/4-skillz\/\">Assignment #4<\/a>; please be sure to complete any missing work. I&#8217;ve sent an email and Slack message containing a link to video of me solving eight of the 20 problems. If you come to office hours I&#8217;ll do more.<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>#3 <em>Spiral,<\/em>\u00a02:10<\/li>\n<li>#6 <em>Random Splat,<\/em> 17:25<\/li>\n<li>#8 <em>Re-coding Schotter,<\/em> 29:05<\/li>\n<li>#12 <em>Islands,<\/em> 59:55<\/li>\n<li>#11 <em>Hitomezashi,<\/em> 1:17:00<\/li>\n<li>#09 <em>Billiard Ball,<\/em> 1:40:00<\/li>\n<li>#20 <em>Circumcircle<\/em>,1:51:00<\/li>\n<li>#15 <em>Longest Line Search,<\/em> 2:12:50<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr \/>\n<h2>1. Five Interaction Exercises<\/h2>\n<p>There are 5 (more) simple exercises below, which will help you develop necessary experience in managing time-based and interactive experiences.<\/p>\n<ul>\n<li>For the next few weeks, we will be using the Glitch.com service to host our projects. Get a free account at <a href=\"https:\/\/glitch.com\/\">Glitch.com<\/a>.<\/li>\n<li>While you&#8217;re logged in to Glitch, check out all of the &#8220;<a href=\"https:\/\/glitch.com\/@glitch\/building-blocks\">building blocks<\/a>&#8221; they allow you to connect to the apps you host there.<\/li>\n<li>Implement the 5 exercises shown below using p5.js code. Publish these exercises as apps on Glitch.com. Do not publish your exercises at the p5.js Web Editor. <strong><span style=\"text-decoration: underline;\">You should probably get started by forking this<\/span> <a href=\"https:\/\/glitch.com\/~p5-empty-template\">p5.js empty project template<\/a>\u00a0on Glitch<\/strong>.<\/li>\n<li>Create a blog post, entitled <em>nickname-Exercises5<\/em>, and categorized <em>05-Exercises.<\/em><\/li>\n<li>In a blog post, link to your five Glitch.com projects.<\/li>\n<li>Since they are all time-based, embed an animated GIF for each of the 5 exercises.<\/li>\n<li>Title your blog post, <em>nickname-exercises5<\/em>, and give it the WordPress Category, <em>05-Exercises<\/em>.<\/li>\n<\/ul>\n<h3>I. <em>Intermittent Events<\/em><\/h3>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/intermittent.gif\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5770\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/intermittent.gif\" alt=\"\" width=\"198\" height=\"198\" \/><\/a><\/p>\n<p>Create a time-based sketch in which a brief event (such as a sound, image-flash, or animation) is triggered sporadically and unpredictably, with a very low probability. It is also sufficient to reproduce the program above, which displays a scrolling timeline showing a history of when the random events occurred.<\/p>\n<p>By the way, I recorded a video myself creating a solution to this exercise. Please check the Slack (or your email) messages from the evening of 9\/28 for the link and password.<\/p>\n<h3>II. <em>Smoothing Data<\/em><\/h3>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/smoothing.gif\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5773\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/smoothing.gif\" alt=\"\" width=\"360\" height=\"360\" \/><\/a><\/p>\n<p>Create a polyline by storing and displaying a sequence of cursor positions, similar to what you made last week. Now smooth it, by progressively averaging each point along the line with its neighbors. Give consideration to how you handle the line\u2019s terminal points.<\/p>\n<h3>III. <em>Fuse (or Progress Bar)<\/em><\/h3>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/fuse.gif\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5775\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/fuse.gif\" alt=\"\" width=\"360\" height=\"360\" \/><\/a><\/p>\n<p>Program a virtual fuse that takes precisely five seconds to burn. Trigger a (simple! but) interesting event when it finishes, such as fireworks, flashing text, volcanic eruption, etc. If you would like to make the project less interesting, implement a progress bar.<\/p>\n<h3>IV. <em>Rain Catcher<\/em><\/h3>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/rain_catcher.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5551\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/rain_catcher.png\" alt=\"\" width=\"200\" height=\"200\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/rain_catcher.png 200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/rain_catcher-150x150.png 150w\" sizes=\"(max-width: 200px) 85vw, 200px\" \/><\/a><\/p>\n<p>Using code, animate a rainy day. Raindrops should appear from beyond the top of your screen and fall at random intervals. (It may be helpful to create a raindrop class.) Create a simple game in which the user can \u201ccatch\u201d raindrops that fall close to the cursor.<\/p>\n<h3>V. <em>Responsive Text<\/em><\/h3>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/responsive_text.png\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-5543\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/responsive_text.png\" alt=\"\" width=\"200\" height=\"200\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/responsive_text.png 200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/responsive_text-150x150.png 150w\" sizes=\"(max-width: 200px) 85vw, 200px\" \/><\/a><\/p>\n<p>Assign an interactive behavior to an animated word, such as \u201cavoid\u201d or \u201ctickle,\u201d that expressively defines its personality relative to the cursor.<\/p>\n<hr \/>\n<h2>\u00a02. Looking Outwards #03: <em>Physical Computing<\/em><\/h2>\n<p>The topic for this\u00a0<em>Looking Outwards<\/em> is &#8220;physical computing&#8221;. This is an umbrella term for creative practices which explore new combinations of materiality, tangibility, and computation. Many such projects explore the meanings that can be made with experimental interfaces, and use novel sensors, materials, and\/or actuators. Often, such projects consider new forms of interactivity <em>off the screen<\/em>.<\/p>\n<ul>\n<li>Browse the links below.<\/li>\n<li>From the provided links, blogs or any other sources, identify and briefly present a physical computing project that you were not familiar with previously, and that you find interesting.<\/li>\n<li>Write a 100-150 word <em>Looking Outwards<\/em> report about the project. At a minimum: describe the project, then state what you find interesting about it, and why.<\/li>\n<li>Be sure to include some visual documentation of the project: ideally, a still image, animated GIF, and\/or embedded video.<\/li>\n<li>Title your blog post\u00a0<em>nickname-LookingOutwards03<\/em>.<\/li>\n<li>Categorize your blog post\u00a0<em>LookingOutwards-03<\/em>.<\/li>\n<\/ul>\n<p>Some possible places to explore for projects:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>CreativeApplications.net &#8212; posts tagged with:\u00a0<a href=\"https:\/\/www.creativeapplications.net\/tag\/arduino\/\">arduino<\/a>,\u00a0<a href=\"https:\/\/www.creativeapplications.net\/category\/objects\/\">objects<\/a>,\u00a0<a href=\"https:\/\/www.creativeapplications.net\/category\/robotics\/\">robotics<\/a>,\u00a0<a href=\"https:\/\/www.creativeapplications.net\/category\/environment\/\">environment<\/a><\/li>\n<li>MediaArtTube channel &#8212; playlists for:\u00a0<a href=\"https:\/\/www.youtube.com\/playlist?list=PL682A0C8AA9A0CE04\">tangible media<\/a>,\u00a0<a href=\"https:\/\/www.youtube.com\/playlist?list=PL78E21651C8664BF8\">kinetic art<\/a>,\u00a0<a href=\"https:\/\/www.youtube.com\/playlist?list=PLAD953676ABD85151\">robotics art<\/a><\/li>\n<li>Vimeo &#8212; videos tagged with:\u00a0<a href=\"https:\/\/vimeo.com\/search\/sort:popularity?q=physical+computing\">physical computing<\/a>,\u00a0<a href=\"https:\/\/vimeo.com\/search?q=tangible\">tangible<\/a><\/li>\n<li>Tangible Media Group, MIT &#8212;\u00a0<a href=\"https:\/\/tangible.media.mit.edu\/projects\/\">projects 1993-2018<\/a><\/li>\n<li>CMU Physcomp course &#8212; <a href=\"https:\/\/www.pinterest.com\/cmuphyscomp\/physical-computing-projects\/\">Pinterest of projects<\/a><\/li>\n<li>Physical Computing&#8217;s\u00a0<em><a href=\"https:\/\/www.tigoe.com\/blog\/category\/physicalcomputing\/176\/\">Greatest Hits and Misses<\/a><\/em>\u00a0(Tom Igoe, 2008)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Some relevant artists you might find interesting:<\/p>\n<p style=\"padding-left: 40px;\"><small><a href=\"http:\/\/placesiveneverbeen.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Addie Wagenknecht<\/a>, cyberfeminist, tactical new-media artist<br \/>\n<a href=\"http:\/\/www.amandaghassaei.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amanda Ghassei<\/a>, innovative creator of tangible\/computational media<br \/>\n<a href=\"http:\/\/anninaruest.com\/\">Annina R\u00fcst<\/a>, artist and creator of feminist robotics<br \/>\n<a href=\"http:\/\/beckystern.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Becky Stern<\/a>, developer of experimental\u00a0wearable\u00a0projects<br \/>\n<a href=\"http:\/\/www.interface.ufg.ac.at\/christa-laurent\/WORKS\/FRAMES\/FrameSet.html\">Christa Sommerer &amp; Laurent Mignonneau<\/a>, media art pioneers<br \/>\n<a href=\"http:\/\/www.darsha.org\/artwork\/\">Darsha Hewitt<\/a>, electromechanics hacker, sound\/installation artist<br \/>\n<a href=\"http:\/\/www.plusea.at\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hannah Perner-Wilson<\/a>, high\/low tech wearables and textiles hacker<br \/>\n<a href=\"http:\/\/echelman.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Janet Echelman<\/a>, creator of large-scale, temporary public architecture-scale\u00a0sculptures<br \/>\n<a href=\"https:\/\/www.jimcampbell.tv\/\">Jim Campbell<\/a>, artist-engineer<br \/>\n<a href=\"https:\/\/julianoliver.com\/output\/\">Julian Oliver<\/a>, critical technologist<br \/>\n<a href=\"http:\/\/julijonasurbonas.lt\/projects\/\">Julijonas Urbonas<\/a>, creator of critical interactive installations<br \/>\n<a href=\"http:\/\/kahoabe.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kaho Abe<\/a>, experimental game\/interface developer<br \/>\n<a href=\"http:\/\/www.kenrinaldo.com\/projects\/\">Ken Rinaldo<\/a>, robotics artist<br \/>\n<a href=\"http:\/\/katehartman.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kate Hartman<\/a>, designer of computational wearables<br \/>\n<a href=\"http:\/\/cargocollective.com\/elmsly\" target=\"_blank\" rel=\"noopener noreferrer\">Keri Elmsly<\/a>, production director of new-media performances and installations<br \/>\n<a href=\"http:\/\/sensoree.com\/artifacts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kristin Neidlinger<\/a>, augmented\u00a0fashion designer<br \/>\n<a href=\"http:\/\/www.instamatique.com\/portfolio\/\">Lea Albaugh<\/a>, augmented fashion designer and game developer (CMU)<br \/>\n<a href=\"http:\/\/leahbuechley.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Leah Buechley<\/a>, researcher\u00a0of high\/low tech hybrids, innovator in maker culture<br \/>\n<a href=\"http:\/\/www.luisapereira.net\/\">Luisa Pereira<\/a>, artist-engineer, developer of new musical instruments<br \/>\n<a href=\"http:\/\/www.madlab.cc\/work\" target=\"_blank\" rel=\"noopener noreferrer\">Madeline Gannon<\/a>, designer of interactive tools for digital fabrication<br \/>\n<a href=\"http:\/\/hyarchitecture.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meejin Yoon<\/a>, large-scale interactive architecture projects<br \/>\n<a href=\"http:\/\/scanlime.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Micah Elizabeth Scott<\/a>, brilliant circuit hacker and artist-engineer<br \/>\n<a href=\"http:\/\/dailytouslesjours.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mouna Andraos &amp; Melissa Mongiat<\/a>, playful interactive public sculpture<br \/>\n<a href=\"http:\/\/www.postmastersart.com\/artists\/natalie_jeremijenko\/jeremijenko.html\">Natalie Jeremijenko<\/a>, artist &amp; critical technologist<br \/>\n<a href=\"http:\/\/future-cities-lab.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nataly Gattegno<\/a>, co-director of Future Cities Lab, experimental architecture\u00a0studio<br \/>\n<a href=\"http:\/\/raaf.org\/projects.php?pcat=2\">Sabrina Raaf<\/a>, mechatronics artist<br \/>\n<a href=\"http:\/\/samatt.github.io\/\">Surya Mattu<\/a>, critical technologist<br \/>\n<a href=\"http:\/\/tegabrain.com\/\">Tega Brain<\/a>, critical artist-engineer<br \/>\n<a href=\"http:\/\/www.dunneandraby.co.uk\/content\/projects\">Tony Dunne &amp; Fiona Raby<\/a>, influential pioneers of speculative design<br \/>\n<a href=\"https:\/\/www.zimoun.net\/\">Zimoun<\/a>, sound sculptor<\/small><\/p>\n<hr \/>\n<h2>3. Reading &amp; Response<\/h2>\n<p>Read the (one-page)\u00a0<a href=\"https:\/\/interfacemanifesto.hangar.org\/index.php\/Main_Page\">Critical Interface Manifesto<\/a>\u00a0by the Spanish HANGAR collective. Select one of the tenets that interests you (in &#8220;Topics&#8221;). Read the corresponding list of Proposals for that particular tenet (under &#8220;Propuesta de acciones relacionadas con los puntos del manifesto&#8221;).<\/p>\n<p>In a blog post, please:<\/p>\n<ul>\n<li><strong>Quote<\/strong>\u00a0the tenet you find interesting, and a couple of the provided propositions (assignments) which could illustrate it.<\/li>\n<li><strong>Write<\/strong>\u00a0a 100-150 word response. What did you find interesting about this proposition. Can you think of any examples that support the claim?<\/li>\n<li><strong>Title<\/strong>\u00a0your blog post,\u00a0<em>nickname-CriticalInterface<\/em>\u00a0and\u00a0<strong>categorize<\/strong>\u00a0it with the category,\u00a0<em>05-CriticalInterface<\/em>.<\/li>\n<\/ul>\n<hr \/>\n<h2>4. Paper Sketches: Interactions for A Mobile Radar Sensor<\/h2>\n<h5>Devise a whimsical, provocative, or sublime interaction for a mobile radar sensor.<\/h5>\n<p><em>In this part of the assignment, you are asked to develop paper sketches that illustrate new interactions and creative applications that using a mobile radar sensor. We will discuss and refine these in class on Wednesday.\u00a0<\/em><\/p>\n<h3><strong>4a. Familiarize yourself with existing sensor apps.<\/strong><\/h3>\n<p>On your Google Pixel4 phone, download, install and open the Soli Sandbox app. This is a special web browser that is able to receive Soli events. In Soli Sandbox, try out the built-in test apps (Circular Trails, Topple Towers, Rigged Riley). Play with these featured examples to familiarize yourself with Soli interactions (presence, reach, swipe, and tap). Then, in Soli Sandbox, navigate to the following URLs to test out the following additional projects on Glitch.com:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><a href=\"https:\/\/soli-sandbox-welcome.glitch.me\">https:\/\/soli-sandbox-welcome.glitch.me<\/a><\/li>\n<li><a href=\"https:\/\/soli-p5js-starter.glitch.me\/\">https:\/\/soli-p5js-starter.glitch.me\/<\/a><\/li>\n<li><a href=\"https:\/\/soli-dashboard.glitch.me\/\">https:\/\/soli-dashboard.glitch.me\/<\/a><\/li>\n<li><a href=\"https:\/\/soli-fly.glitch.me\/\">https:\/\/soli-fly.glitch.me\/<\/a><\/li>\n<li><a href=\"https:\/\/soli-jello.glitch.me\/\">https:\/\/soli-jello.glitch.me\/<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>4b. Follow the simple Soli Tutorial.<\/h3>\n<p>Please look over the following materials:<\/p>\n<ul>\n<li>The <a href=\"https:\/\/atap.google.com\/soli\/sandbox\/\">Soli Sandbox introduction<\/a><\/li>\n<li>Skim the <a href=\"https:\/\/atap.google.com\/soli\/sandbox\/learn\/#documentation\">Soli documentation<\/a><\/li>\n<li>Follow this <a href=\"https:\/\/atap.google.com\/soli\/sandbox\/learn\/#tutorial\">Soli tutorial<\/a>. It&#8217;s easy and clean.<\/li>\n<\/ul>\n<h3>4c. Make Some (Paper) Sketches.<\/h3>\n<p>Come up with (at least) 3 different ideas of how you could use the Soli sensor in a creative way. Your ideas do not need to be utilitarian (though that is fine, too); your concepts could be whimsical, provocative, expressive, purely aesthetic, etc. The purpose of coming up with 3 concepts is so that you can get practice coming up with ideas; and so that you can get peer feedback to help you choose or refine your plan.<\/p>\n<p><strong>Here are several different systems you could use to come up with your concepts.\u00a0<\/strong><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>System 1.<em> Aware\/Engaged\/Active<\/em>.<\/strong><\/span>\u00a0<span data-hovercard-id=\"lbedal@google.com\" data-hovercard-owner-id=\"149\"><a href=\"http:\/\/www.laurenbedal.com\/\">Lauren Bedal<\/a> from Google ATAP described how the Soli team conceives of interactions in three categories: <strong>Aware<\/strong>, <strong>Engaged<\/strong>, and <strong>Active<\/strong>. For example, the Soli &#8220;presence&#8221; trigger could be used to detect a person over a timescale of hours (&#8220;Aware&#8221;), whereas the &#8220;swipe&#8221; trigger could be used to make an interactive game (&#8220;Active&#8221;). Use these three categories and their associated interactions to structure your three ideas.<\/span><\/p>\n<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM.png\"><img loading=\"lazy\" class=\"alignnone size-large wp-image-5934\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-1024x678.png\" alt=\"\" width=\"840\" height=\"556\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-1024x678.png 1024w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-640x423.png 640w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-768x508.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-1536x1016.png 1536w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM-1200x794.png 1200w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/09\/Screen-Shot-2020-09-28-at-4.53.15-PM.png 1868w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>System 2: <em>Character\/Toy\/Reinterfacing<\/em><\/strong><\/span>. <span data-hovercard-id=\"rmather@google.com\" data-hovercard-owner-id=\"149\"><a href=\"https:\/\/ryancan.build\/\">Ryan Mather<\/a> from Google ATAP described how Soli is ideal for making &#8220;characters&#8221; that respond to non-verbal behavior. He also showed examples of &#8220;toys&#8221; (not-quite-games), such as the Jenga-like tower, as a fruitful area. Finally, he showed examples like Caroline Herman&#8217;s exquisite corpse designer, as projects in which a traditional concept is given a new interface.\u00a0<\/span><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>System 3: <\/strong><\/span><em><strong>Visual\/Networked\/Spatial.<\/strong><\/em>Another way of planning your 3 concepts could be something like the following.<\/p>\n<ol>\n<li style=\"list-style-type: none;\">\n<ol>\n<li><span style=\"text-decoration: underline;\"><strong>Something visual.<\/strong><\/span> Make one idea which is a purely visual or audiovisual interactive animation based on gesture. <em>For example<\/em>, you could make a little boat or kite that you push around with &#8220;wind&#8221;.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Something that connects.<\/strong><\/span> Browse the API offerings from <a href=\"https:\/\/ifttt.com\/home\">IFTTT<\/a> and the API <a href=\"https:\/\/glitch.com\/@glitch\/building-blocks\">building blocks<\/a> at Glitch.com. Devise one concept in which an event detected by the Soli radar triggers a transaction with an online API. <em>For example<\/em>, you could make an app that uses the &#8220;tap&#8221; gesture to order a Dominos pizza.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Something that relates to space.<\/strong><\/span> Devise a concept which involves putting the phone in an unusual location. <em>For example<\/em><strong>,<\/strong> you could mount the phone high up on a wall, just out of reach, and make a game of virtual basketball.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<h3><strong><em>Now:\u00a0<\/em><\/strong><\/h3>\n<ul>\n<li>Create drawings on paper to illustrate the 3 concepts.<\/li>\n<li>In a blog post, embed photos of your paper sketches. Taking photos with your phone is fine.<\/li>\n<li>Elaborate on your paper sketches with brief written explanations.<\/li>\n<li>Title your blog post, <em>nickname-soli-sketches.<\/em><\/li>\n<li>Categorize your blog post with the Category, <em>05-Sketches. <\/em><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A great deal of media art and design is concerned with investigating the cultural potentials, critical significance, and aesthetic possibilities of emerging technologies. For this reason, building exploratory prototypes is a central practice in new media arts and design. We begin a two-week project in which we will develop interactive experiences for a novel and &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/deliverables\/5a-soli-sketch-due-9-30\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;#5A Soli Sketch&#8221;<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/5539"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=5539"}],"version-history":[{"count":29,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/5539\/revisions"}],"predecessor-version":[{"id":6917,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/5539\/revisions\/6917"}],"up":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=5539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}