<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="google-site-verification" content="Lnpq4qiMKE7FWZpi6zLc7Lt1dmLucct794riGkEq0K0">


<meta name="generator" content="WordPress 6.6.1">
<!-- leave this for stats -->


<meta name="description" content="Seth Sandler is a musician, educator, thinker, programmer, and artist. Most notably known for his Multitouch Mini (MTmini) and development of the musical platform Audiotouch.">
<meta name="keywords" content="seth sandler, sethsandler, ssandler, mtmini, musician, audiotouch, audio touch, tbeta, community core vision, nuigroup, nui group,  natural user interface, natural user interface group, nui, multitouch, technology, ccv, thought leader, leadership, flash, actionscript, AS3, programmer, touch, touchscreen, multi-touch, minority report, surface, emerging technology, hci, human computer interaction, creator, ibar, reactable, reactivision, multitouch table, multitouch wall, naturalui, natural ui">



<link rel="icon" href="/wp-content/themes/child/images/favicon.ico">
<link rel="shortcut icon" href="/wp-content/themes/child/images/favicon.ico">

<!-- ########## CSS Files ########## -->
<!-- Screen CSS -->
<link rel="stylesheet" href="/wp-content/themes/child/front-style.css" type="text/css" media="screen">
<link rel="stylesheet" id="custom-datefield-style-css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" type="text/css" media="all">
<link rel="stylesheet" id="contact-form-7-css" href="/wp-content/plugins/contact-form-7/styles.css" type="text/css" media="all">


<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js"></script>


</head>


<!-- ########## body ########## -->

<body>

  <ul id="top-nav" class="rounded">
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About Me</a></li>
      <li><a href="#portfolio" class="active">Portfolio</a></li>
      <li><a href="#contacts">Contact</a></li>
    </ul>
  </ul>


  <div id="social-holder">

  <ul id="social-nav">
      <div class="subscriberStats">		
        <div class="socialIcon twitter">
            <a target="_blank" href="https://twitter.com/sethsandler"></a>
        </div>							
        <div class="socialIcon linkedin">
            <a target="_blank" href="https://linkedin.com/in/sethsandler"></a>
        </div>				
        <div class="socialIcon youtube">
            <a target="_blank" href="https://youtube.com/cerupcat"></a>
        </div>				
    </div>  
  </ul>
  </div>


<div id="page" class="clearfloat">

<!-- About Me //-->
<div id="home">
  <div class="floater-inner">
  
    <div class="experiment-container">
    <div class="fellowDesignAfficiandos">Greetings, fellow earthling</div>
	<div class="welcome">Welcome</div>
	<div class="toThe">to the</div>
	<div class="hot">creative</div>
	<div class="css">world</div>
    <div class="of">of</div>
	<div class="fontFaceDemo">Seth Sandler</div>

  </div>

    <center>
      <a class="big_button rounded" href="#about">click here and enjoy the ride!</a>
    </center>
    <div> </div>
  </div>
</div>

<!-- About Me //-->
<div id="about" class="floater">
  <div class="floater-inner">
    <h2>Hi, I'm Seth — I think.</h2>
    <p> I'm an aspiring inspirer and happiness deliverer in training. During the day, I'm an interactive designer, developer and consultant, but enjoy spending time learning about leadership, organization, and user experience. I'm a permanent student of all things.</p>
    <p> People tell me I'm most known for creating the Sparkon Network, the Multitouch Mini (MTmini), Audiotouch, being co-founder and developer of Community Core Vision  (CCV/tbeta), NUIGroup. </p>
    <p> As a creative, I think it's a rule that I'm not allowed to have a standard biography. However, if I did, it'd probably sound something like:
    <br>
    <br>
    </p>
<blockquote class="rounded">Seth Sandler is a musician, educator, researcher, developer, tinkerer and artist. He has a degree in <a href="http://music.ucsd.edu/ugrad/icam.php" target="_blank">Interdisciplinary Computing and the Arts</a> with an emphasis in Music from the <a href="http://www.ucsd.edu/" target="_blank">University of California, San Diego. </a>His background involves both music and art and he often focuses on how they relate. Seth has taught music and leadership at High Schools throughout the Southern California area and is currently pursuing research and development in the area of natural user and multi-touch interfaces.</blockquote>
    
    <div id="experience" class="right">
      <h2>I know...</h2>
      <ul id="tabs">
        <li> <b>Languages</b>
          <div id="default">
            <ul>
              <li>PHP</li>
              <li>HTML</li>
              <li>CSS</li>
              <li>Javascript</li>
              <li>AS2 / AS3</li>
              <li>C++</li>
            </ul>
          </div>
        </li>
        <li id="one"> <b>Languages</b>
          <div>
            <ul>
              <li>PHP</li>
              <li>HTML</li>
              <li>CSS</li>
              <li>Javascript</li>
              <li>AS2 / AS3</li>
              <li>C++</li>
            </ul>
          </div>
        </li>
        <li id="two"> <b>Applications</b>
          <div>
            <ul>
              <li>Photoshop</li>
              <li>Illustrator</li>
              <li>PureData</li>
              <li>Flash / FlashBuilder</li>
              <li>SVN / GIT</li>
              <li>Redmine</li>
              <li>Finale</li>
            </ul>
          </div>
        </li>
        <li id="three"> <b>Frameworks</b>
          <div>
            <ul>
              <li>Drupal</li>
              <li>Wordpress</li>
              <li>jQuery</li>
              <li>openCV</li>
              <li>openFrameworks</li>
              <li>Processing</li>
              <li>TUIO</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="clear"></div>

<!-- Portfolio //-->
<div id="portfolio" class="floater">
  <div class="floater-inner">
    <h2>Portfolio</h2>
    <div class="container_12">
  <div id="portfolio-list">
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2013/03/iTunesArtwork@2x-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="tunable-instrument-tuner">Tunable - Instrument Tuner</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Tunable, the most intuitive visual toolkit for musicians.

Tunable is a chromatic tuner, tone/chord generator and metronome that helps you learn to play steadily, in tune, and on beat. Featuring a unique “tuning history” display for visualizing pitch over time, Tunable is the perfect toolkit for professional and beginning musicians.<div class="info">Work By: AffinityBlue</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2013/02/Screen-Shot-2013-02-27-at-2.06.10-PM-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="icondrop">IconDrop</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          While developing our next app, Tunable, we were having a hard time deciding on an App Icon. So, I built a handy tool, IconDrop, to help us visualize our icon designs against others in our category. Try it out yourself by clicking 'live preview' below.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2013/01/Screen-Shot-2013-01-13-at-10.26.49-PM-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="buzzed">Buzzed</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Buzzed was an iOS application that allowed people to order, pay, and pickup food and drinks through their phones. I was co-founder and iOS developer on the project.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2013/01/mzl.movydkdu-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="pirate-or-ninja">Pirate or Ninja</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Pirate or Ninja helps you and your matees discover, experience and conquer the world around you. Play with your friends to conquer over 750,000 locations to unlock content and special perks. Train your pirate or ninja skills with massive social battles to become the ultimate pirate or ninja. This was an app released on the AppStore but has since been shut down.<div class="info">Work By: BLACK Design</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Concept</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-11.24.46-PM-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy" srcset="/wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-11.24.46-PM-190x135.png 190w, /wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-11.24.46-PM-139x100.png 139w" sizes="(max-width: 190px) 100vw, 190px"> </div>
        <div class="text">
          <h4 id="feed-ios-app">FEED iOS App</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Co-commissioned by Head for Arts and Arnolfini and conceptuilized by The Incidental, FEED is a real-time sampler and audio playback application for iOS. My role is in the implementation of the multitouch gesture interactions as well as many of the visual aspect implementations.<div class="info">Client: theincidental</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2011/11/mzl.ewytmily.320x480-75-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="crimson-cadets-ios-app">Crimson Cadets iOS App</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          I was approached by the Band Director of the Crimson Cadets music program to design an application for their program. The Crimson Cadets application includes useful information about the Crimson Cadets organization such as: rehearsal and performance calendar, news, and parent and student information.<div class="info">Client: Murrieta Valley High School Band</div>
<div class="info">Work By: AffinityBlue</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2011/04/iphone-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="nodebeat">NodeBeat: Generative Music Sequencer</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          A collaboration between Justin Windle, Laurence Muller and myself, NodeBeat is an experimental node-based audio sequencer and generative music application for the iPhone, iPod Touch, iPad, Android, and Playbook. By combining music and exploration, NodeBeat allows anyone to create a variety of rhythmic sequences and ambient melodies in a fun and intuitive fashion. <div class="info">Work By: AffinityBlue</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2011/04/4-11-2011mtbiggie-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="mtbiggie">Multi-touch Biggie</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          A Multitouch Biggie, MTbiggie for short, is a low-cost multitouch table. I created the Multitouch Biggie to show people how something that seems complicated or 'magical' can be made simply and at low cost. The MTbiggie has been featured in several online publications.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Design</li> <li>Electronics</li> <li>Engineering</li> <li>Fabrication</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-10.01.09-PM1.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy" srcset="/wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-10.01.09-PM1.png 190w, /wp-content/uploads/2012/02/Screen-Shot-2012-02-25-at-10.01.09-PM1-141x100.png 141w" sizes="(max-width: 190px) 100vw, 190px"> </div>
        <div class="text">
          <h4 id="sparkon-network">Sparkon Network</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          sparkon is a social platform for people that are inspired (sparked) by creative and emerging technology. A personal project, sparkon was built to meet a need I felt was missing in the interactive technology space.           <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/tedx-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="tedxsandiego">TEDxSanDiego Presentation</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          In 2010, I was approached by Shannon Spanhake to program a simulation for her mobile pollution monitors for her TEDxSanDiego Presentation. The simulation showcased mobile pollutions monitors traveling throughout the San Diego area gathering pollution information as they travel. The simulation helped present the significant cost reduction between current pollution monitor and Shannon Spanhake's mobile solution.<div class="info">Client: Shannon Spanhake</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/rsna-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="rsna-healthy-imagination">GE Healthcare @ RSNA 2010</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          RSNA Healthy Imagination is an interactive multi-touch application that allows you to take an in depth look at the relationship between health risk factors and common conditions by country. The application was built for multi-touch interaction and to be shown at RSNA 2010.<div class="info">Client: GE</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/visualizing-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="ge-visualizing-health-table-website">GE @ TEDMED: Visualizing Health</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          GE's Visualizing Health is an interactive multi-touch application that allows you to take an in depth look at the relationship between health risk factors and common conditions by state. The application was built for multi-touch interaction and adapted for use on the web. Visualizing Health debuted at TEDMED 2010.<div class="info">Client: GE</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Design</li> <li>Programming</li>          </ul>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/12/IMG_0024-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="multitouch-hand-scanners">Multi-touch Hand Scanners</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          This project involved custom hand scanner and multi-touch displays. Users would enter their information on the display, place their hand and the resulting image scan would display on a large map geotagged with their location. My role involved programming the applications as well as the hand scanning computer vision elements.<div class="info">Client: Pharmaceutical Company</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/makeover-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="abc-extreme-home-makeover-mirror">ABC Extreme Home Makeover Mirror</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Conceptualized by Interference Inc./The Supertouch Group, the interactive mirror was a donation to 'Girl's Hope' home makeover featured on ABC's Extreme Home Makeover premiere episode in 2010. The mirror featured an Artboard, Puzzle Game, and Social News feed.<div class="info">Client: ABC</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/provenge-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="pharma2">Interactive Multi-touch Wave Table</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The Interactive Multi-touch Wave Table is a wave-shaped multi-touch table designed by Interference Inc./SuperTouch and showcased information about the pharmaceutical company. My role involved programming the application being utilized on the table.<div class="info">Client: Pharmaceutical Company</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/prevnar-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="pharma1">Pharmaceutical Mirror and KOL</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The mirror and KOL consists of two interactive displays for a leading pharmaceutical company. The mirrors scan a user's height and cater the experience to the user as they explore information about the product. The KOL units sense a user's presence and welcome them to use the display. My role for the project involved software adjustments and height scanning.<div class="info">Client: Pharmaceutical Company</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/aero-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="aeropostle">Aéropostale Interactive Mirror</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The Aéropostale interactive mirror was developed for Aéropostale's new kids line and placed in their pilot store in New York. The mirror consists of 3 applications that include a maze, drawing board, and mirror.<div class="info">Client: Aéropostale</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/wonkaimaginator-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="wonka-imaginator">Wonka Imaginator</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The Wonka Imaginator is an adaptation of Wonkavision for the Wonka.com website. My role involved adapting the Wonkavision Artboard application to be used on the Wonka.com website.<div class="info">Client: Wonka Candy</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2012/01/IMG_0162-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="recombinant-media-labs-360-cinema">Recombinant Media Labs 360 Cinema</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          This install consisted of 10 individual screens, 12 feet wide x 6 feet 9 inches tall. Together they formed a rectangle 24 feet x 36 feet. 10 projectors, 1 per screen, projected on each screen to create a full 360 surround experience. The setup was complimented by a 10 channel audio setup with dedicated microphones, 28 MM-4 miniature loudspeakers, 12 UPJ-1P VariO loudspeakers, and eight UMS-1P subwoofers. <div class="info">Client: UCSD + RML</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Engineering</li> <li>Fabrication</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/wonkavision-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="bamboozle-mirror">Wonkavision Interactive Mirror</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Wonkavision is an Interactive Mirror used for Wonka Candy's Bamboozled music tour. My role involved programming 3 interactive games (Maze, Photo Hunt, and Artboard) that featured Wonka Candy.<div class="info">Client: Wonka Candy</div>
<div class="info">Work By: Interference/SuperTouch</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/cross-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="community-core-vision-ccv">Community Core Vision (CCV)</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Community Core Vision (CCV) is a computer vision framework for multitouch and other emerging interaction types. I co-founded and developed CCV for Google Summer of Code in 2008. It has since been downloaded over 1,000,000 times and utilized by companies, researchers, and hobbyists around the world.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Branding</li> <li>Concept</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/mtmini-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="multitouch-mini">Multi-touch Mini</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The Multi-touch mini is an inexpensive multi-touch pad that can be built within a few minutes. I created a 'MTmini' tutorial on how to build the pad for the purpose of sharing the technology and introducing a low cost solution. The video currently has nearly 2 million views.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Concept</li> <li>Design</li> <li>Engineering</li> <li>Fabrication</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/squirrel-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="squirrel-mobile-pollution-monitors">Squirrel Mobile Pollution Monitors</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          The Squirrel Mobile Pollution Monitor is a device, created by Shannon Spanhake, that measures pollution levels and can interface with various mobile devices. I developed a playful interface for Shannon to showcase the device's capabilities. The interface displays on a cell phone the current pollution levels (ppm) and animates environmental changes based on those levels.<div class="info">Client: Shannon Spanhake</div>          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/osvs4-190x135.jpg" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="audiotouch">Audiotouch Multi-touch Enviornment</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          AudioTouch is an interactive multi-touch interface for computer music exploration and collaboration. The interface features audio based applications that make use of multiple users and simultaneous touch inputs on a single multi-touch screen.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Concept</li> <li>Design</li> <li>Electronics</li> <li>Engineering</li> <li>Fabrication</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
        
    <!-- Portfolio Item Start -->
    <div class="Portfolio">
      <div class="portfolio-item portfolio-top rounded show">
        <div class="image"> <img width="190" height="135" src="/wp-content/uploads/2010/11/slider-190x135.png" class="attachment-portfolio-item size-portfolio-item wp-post-image" alt="" decoding="async" loading="lazy"> </div>
        <div class="text">
          <h4 id="slider-dynamic-multiplayer-game">Slider: A Dynamic Multi-player Game</h4>
        </div>
      </div>
      <div class="portfolio-item portfolio-info rounded hide">
        <div class="text">
          Slider is a tangible multi-player game. The games utilizes reactivision software, along with Flash, to detect fiduciary (symbol) block movements. The game is played by moving these symbols on a table. Players can enter and exit the playing field at any time. The game adapts to the number of players. The lower the score the better; the first player with a score of 12 ends the game.          <div class="work">My Project Role:</div>
          <ul class="portfolioWWD">
            <li>Concept</li> <li>Design</li> <li>Programming</li>          </ul>
          <div class="clear"></div>
        </div>
      </div>
    </div>
    <!-- Portfolio Item END -->
      </div>
</div>
  </div>
</div>
<div class="clear"></div>

<!-- Contact //-->
<div id="contacts" class="floater">
  <div class="floater-inner">
    <h2>Contact</h2>    
    
<div class="wpcf7 no-js" id="wpcf7-f3400-o1" lang="" dir="ltr">
<div class="screen-reader-response">
<p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul>
</div>
<form action="/?simply_static_page=5381#wpcf7-f3400-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="3400">
<input type="hidden" name="_wpcf7_version" value="5.9.8">
<input type="hidden" name="_wpcf7_locale" value="">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f3400-o1">
<input type="hidden" name="_wpcf7_container_post" value="0">
<input type="hidden" name="_wpcf7_posted_data_hash" value="">
</div>
<p>Talking is free. Lets talk!
</p>
<p>Your Name (required)
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-name"></span>
</p>
<p>Your Email (required)
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email"></span>
</p>
<p>Subject
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" value="" type="text" name="your-subject"></span>
</p>
<p>Your Message
</p>
<p><span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message"></textarea></span>
</p>
<p><input type="hidden" name="_wpcf7_captcha_challenge_captcha-565" value="4164843541"><img class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-captcha-565" width="72" height="24" alt="captcha" src="/wp-content/uploads/wpcf7_captcha/4164843541.png">
</p>
<p><span class="wpcf7-form-control-wrap" data-name="captcha-565"><input size="40" class="wpcf7-form-control wpcf7-captchar" autocomplete="off" aria-invalid="false" value="" type="text" name="captcha-565"></span>
</p>
<p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Send">
</p>
<p style="display: none !important;" class="akismet-fields-container" data-prefix="_wpcf7_ak_"><label>&#916;<textarea name="_wpcf7_ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="_wpcf7_ak_js" value="153"><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p>
<div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
  </div>
</div>

<!-- Moveables //-->
<div id="moon"></div>
<div id="clouds-move"></div>
<div id="clouds-move2"></div>
<div id="cow"></div>
<div id="bottom-floater"></div>
<div class="hide">
  <center>
    <script type="text/javascript" src="https://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('h5edcr7i9c42')</script> 
    <a id="clustrMapsLink" href="http://www2.clustrmaps.com/counter/maps.php?url="><img onerror="this.onerror=null; this.src='http://clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://clustrmaps.com';" id="clustrMapsImg" title="Locations of visitors to this page" alt="Locations of visitors to this page" style="border: 0px none;" src="http://www2.clustrmaps.com/counter/index2.php?url="> </a>
  </center>
</div>

<script type="text/javascript">//<![CDATA[
	// Google Analytics for WordPress by Yoast v4.06 | http://yoast.com/wordpress/google-analytics/
	var _gaq = _gaq || [];
	_gaq.push(['_setAccount','UA-8661736-1']);
	_gaq.push(['_trackPageview']);
	(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
	// End of Google Analytics for WordPress by Yoast v4.0
	//]]></script>


<!-- Start Quantcast tag --> 
<script type="text/javascript">_qoptions={
qacct:"p-87qABuMx1i2NI"
};</script> 
<script type="text/javascript" src="https://edge.quantserve.com/quant.js"></script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-87qABuMx1i2NI.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast">
</noscript>
<!-- End Quantcast tag --> 

<script type="text/javascript">__compete_code = '2b0ee9d40538d7cbd8d83241f616ec91';
    (function () {
        var s = document.createElement('script'),
            d = document.getElementsByTagName('head')[0] ||
                document.getElementsByTagName('body')[0],
            t = 'https:' == document.location.protocol ? 
                'https://c.compete.com/bootstrap/' : 
                'http://c.compete.com/bootstrap/';
        s.src = t + __compete_code + '/bootstrap.js';
        s.type = 'text/javascript';
        s.async = 'async'; 
        if (d) { d.appendChild(s); }
    }());</script>

<script type="text/javascript" src="/wp-content/themes/child/scripts/jquery.color.js"></script>
<script type="text/javascript" src="/wp-content/themes/child/scripts/jquery-css-transform.js?ver=3.0.3"></script>
<script type="text/javascript" src="/wp-content/themes/child/scripts/jquery-animate-css-rotate-scale.js?ver=3.0.3"></script>
<script type="text/javascript" src="/wp-content/themes/child/scripts/myscript.js?ver=3.0.3"></script>

</div>
</body>
</html>