<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>interactive on LEAFCRUNCHER</title>
    <link>https://leafcruncher.com/tags/interactive/</link>
    <description>Recent content in interactive on LEAFCRUNCHER</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>en-us</language>
    <copyright>&amp;copy; LEAFCRUNCHER 2014</copyright>
    <lastBuildDate>Sat, 01 Feb 2020 00:00:00 +0000</lastBuildDate><atom:link href="https://leafcruncher.com/tags/interactive/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>PORTAL (there is still time)</title>
      <link>https://leafcruncher.com/projects/portal/</link>
      <pubDate>Sat, 01 Feb 2020 00:00:00 +0000</pubDate>
      
      <guid>https://leafcruncher.com/projects/portal/</guid>
      <description>

&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-hero.jpg&#34; alt=&#34;portal / there is still time&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;p&gt;&lt;strong&gt;PORTAL&lt;/strong&gt;, also known as &lt;strong&gt;there is still time&lt;/strong&gt;, is an installation in the bombay beach desert bordering california&amp;rsquo;s storied salton sea.&lt;/p&gt;
&lt;p&gt;100 TVs were transported from a hotel in Times Square to be given a new life on the decaying shores of Bombay Beach. each TV was mounted inside of a structure designed by joylabo and networked together using raspberry pis. each day the portal captures the sunset and replays it slowly over the course of the remaining evening.&lt;/p&gt;
&lt;p&gt;as part of the inaugural year of Mars College, the portal also functions as a creative canvas for its community.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;location&lt;/strong&gt;: &lt;a href=&#34;https://mars.college&#34;&gt;bombay beach, california&lt;/a&gt;, 2020&lt;br&gt;
&lt;strong&gt;open&lt;/strong&gt;: feb 07, 2020&lt;br&gt;
&lt;strong&gt;close&lt;/strong&gt;: apr 05, 2020&lt;/p&gt;
&lt;p&gt;

&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal.jpg&#34; alt=&#34;portal detail&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-build.jpg&#34; alt=&#34;portal builid&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-freya.jpg&#34; alt=&#34;portal freya&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-roland.jpg&#34; alt=&#34;portal roland&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-hotel.jpg&#34; alt=&#34;portal hotel&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-tech.jpg&#34; alt=&#34;portal tech&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-audiovisual.jpg&#34; alt=&#34;portal audiovisual&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-build-01.jpg&#34; alt=&#34;portal build 1&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;portal-build-02.jpg&#34; alt=&#34;portal build 2&#34; /&gt;
    
    
&lt;/figure&gt;
&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>cloud bathroom</title>
      <link>https://leafcruncher.com/projects/cloud-bathroom/</link>
      <pubDate>Tue, 15 Oct 2019 00:00:00 +0000</pubDate>
      
      <guid>https://leafcruncher.com/projects/cloud-bathroom/</guid>
      <description>

&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;cloud-bathroom.jpg&#34; alt=&#34;cloud bathroom&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;p&gt;&lt;strong&gt;cloud bathroom&lt;/strong&gt; is a permanent installation at Luxury Escapism’s “Oddly Satisfying Spa” – a relaxing space in DUMBO that provides wellness experiences made of digital and immersive media.&lt;/p&gt;
&lt;p&gt;the interactive bathroom provides a private oasis within the spa, where the door lock and faucet create whimsical moments of light and sound.&lt;/p&gt;

&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;https://player.vimeo.com/video/370734458&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;vimeo video&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;location&lt;/strong&gt;: luxury escapism: VR spa, 2021&lt;br&gt;
&lt;strong&gt;open&lt;/strong&gt;: oct 15, 2019&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>light arcade</title>
      <link>https://leafcruncher.com/projects/light-arcade/</link>
      <pubDate>Sat, 15 Dec 2018 00:00:00 +0000</pubDate>
      
      <guid>https://leafcruncher.com/projects/light-arcade/</guid>
      <description>

&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-hero.png&#34; alt=&#34;light web&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;p&gt;&lt;strong&gt;the light aracde&lt;/strong&gt; is an interactive light web, controlled by a classic arcade machine. mini-games that use a joystick and two buttons allow users to change the visuals of the oversized web. the piece was installed for a gallery party on a rooftop overlooking the nyc skyline, and at a party in arcade, new york.&lt;/p&gt;
&lt;p&gt;

&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-perspective.jpg&#34; alt=&#34;light arcade perspective&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-joyrats.jpg&#34; alt=&#34;light arcade - joyrats logo&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-joystick.png&#34; alt=&#34;light arcade - joystick&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-party.jpg&#34; alt=&#34;light party&#34; /&gt;
    
    
&lt;/figure&gt;



&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;light-arcade-smoky.jpg&#34; alt=&#34;light smoky asha&#34; /&gt;
    
    
&lt;/figure&gt;
&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>IN DREAMS</title>
      <link>https://leafcruncher.com/projects/in-dreams/</link>
      <pubDate>Sat, 01 Dec 2018 00:00:00 +0000</pubDate>
      
      <guid>https://leafcruncher.com/projects/in-dreams/</guid>
      <description>
&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;https://player.vimeo.com/video/313912251&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;vimeo video&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;&lt;strong&gt;IN DREAMS&lt;/strong&gt; is a full-body instrument exploring skating as it is in my dreams&amp;hellip;&lt;br&gt;
  without gravity&lt;br&gt;
   without endings&lt;br&gt;
    and, most importantly, without bruises.&lt;/p&gt;
&lt;p&gt;for whatever reasons, i was never really excelled at skateboarding when I was younger. yet, my imagination was always wild with possibilities. i set out to bring that imagination to life.&lt;/p&gt;
&lt;p&gt;deep down, this instrument explores my anxiety and shyness. and so i composed the music and designed the instrument to force myself to play loudly. here, it is performed live using a custom instrument designed to encourage large gestures, taking up space, and a joyful smile. the instrument was developed for &lt;em&gt;new instruments for musical expression&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;performed live&lt;br&gt;
&lt;strong&gt;venue&lt;/strong&gt;: the paper box&lt;br&gt;
&lt;strong&gt;location&lt;/strong&gt;: brooklyn, ny&lt;/p&gt;
</description>
    </item>
    
    <item>
      <title>search divides us</title>
      <link>https://leafcruncher.com/projects/search-divides-us/</link>
      <pubDate>Wed, 01 Aug 2018 00:00:00 +0000</pubDate>
      
      <guid>https://leafcruncher.com/projects/search-divides-us/</guid>
      <description>&lt;p&gt;&lt;strong&gt;location&lt;/strong&gt;: MakerFaire 2018&lt;/p&gt;
&lt;p&gt;a museum exhibit that invites users to understand internet segregation, especially the role of algorithms and how they might silently reinforce existing racial biases in the society.&lt;/p&gt;

&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;
  &lt;iframe src=&#34;https://player.vimeo.com/video/313934146&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;vimeo video&#34; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;

&lt;h2 id=&#34;research&#34;&gt;research&lt;/h2&gt;
&lt;p&gt;dr. charlton mcilwain, associate dean for faculty development &amp;amp; diversity, associate professor of media, culture, and communication at nyu. his work focuses on the intersections of race, digital media, and racial justice activism. his research reveals how internet’s categorizations create opportunities for inequality and more importantly how it has implications on the real world. he was also recently featured in the atlantic’s the internet may be segregated as a city.&lt;/p&gt;
&lt;h2 id=&#34;background&#34;&gt;background&lt;/h2&gt;
&lt;p&gt;this exhibit playfully communicates serious research about internet segregation by dr.charlton mcllwainthe current architecture of the web encourages categorization. however, this categorization can negatively affect real-world outcomes. in our exhibit piece, we examine the pre-existing, technical, &amp;amp; emergent bias of web traffic segregation. search divides us is an exploration of systemic racial bias through machine learning &amp;amp; tactile interaction.&lt;/p&gt;
&lt;h2 id=&#34;exhibit-goals&#34;&gt;exhibit goals&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;encourage visitors to criticize the mainstream view of the internet being equitable.&lt;/li&gt;
&lt;li&gt;feel unfairly forced into an outcome.&lt;/li&gt;
&lt;li&gt;confront the scale of internet segregation beyond individual choice.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;ideation&#34;&gt;ideation&lt;/h2&gt;
&lt;p&gt;our interviews with the researcher had a strong take away that the researcher compares web pathways to highways and internet segregation to discrimination in a city. so we wanted our project to have a ‘city ‘element in it while talking about differences. we ideated a bunch of concepts and presented it to a few of our friends and classmates to see what they interpret out of it and to see if the message was clear. in the initial concepts, we abstracted privilege with shapes and the goal is to find the most diverse neighborhood to live in.&lt;/p&gt;


&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;sdu-ideation.png&#34; alt=&#34;search divides us - ideation splay&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;h2 id=&#34;iterations&#34;&gt;iterations&lt;/h2&gt;
&lt;p&gt;after user testing, we found that abstracting inequality wasn’t communicating the message of discrimination and segregation. moreover, it did not make them question about the internet. some of the questions we asked while reiterating the concept are:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;how do we force comparison?&lt;/li&gt;
&lt;li&gt;how to design it so that users are willing to interact more than once?&lt;/li&gt;
&lt;li&gt;how to make it clear that different profiles end up in different places?&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;low--hi-fidelity-prototypes&#34;&gt;low &amp;amp; hi fidelity prototypes&lt;/h2&gt;
&lt;p&gt;we decided to go with direct filters (income, race, and education) on the physical interface that decides where the user should be living on the fictional map. special attention was given to the color palette and iconography of the map to depict good and bad neighborhoods.&lt;/p&gt;


&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;sdu-prototyping.png&#34; alt=&#34;search divides us - prototyping&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;h2 id=&#34;technology&#34;&gt;technology&lt;/h2&gt;
&lt;p&gt;there are two tech components to this interactive exhibit - tangible and digital. the tangible kiosk acts as an input and the visuals on the screen are the output. we used rotary encoders, buttons and a limit switch as inputs to the master mkr1000 which then communicates with the slave arduino uno which is connected to the neopixels. we used a master and slave arduinos merely because of insufficient pins on the mkr1000. visuals are created on p5.js using a p5 scene library that talks to the browser using node. these visuals are projected on a custom map cut on a cnc using projection mapping.&lt;/p&gt;


&lt;figure class=&#34;hero &#34;&gt;
    
        &lt;img src=&#34;sdu-system-diagram.png&#34; alt=&#34;search divides us - system diagram&#34; /&gt;
    
    
&lt;/figure&gt;

&lt;h2 id=&#34;interaction-design&#34;&gt;interaction design&lt;/h2&gt;
&lt;p&gt;feedback of user action is given in the form of visuals and sound. neo pixels on the physical interface are used to illustrate the user’s selection from the rotary encoder. each parameter(‘race’, ‘education’, ‘income’, ‘search’ and ‘refresh’) are color-coded on the physical and digital interfaces for easy recognition. the angled design of the console is inviting and giant sized buttons enable multiple users to interact with the system at the same time encouraging them to discuss. timings of the interaction have been refined after multiple user tests.&lt;/p&gt;
&lt;h2 id=&#34;team&#34;&gt;team&lt;/h2&gt;
&lt;p&gt;asha veeraswamy&lt;br&gt;
kathy wu&lt;br&gt;
keerthana pareddy&lt;br&gt;
anthony bui&lt;/p&gt;
</description>
    </item>
    
  </channel>
</rss>
