Do it yourself bio-robotics: Difference between revisions

From Hackers & Designers
No edit summary
No edit summary
Line 15: Line 15:
     <body>
     <body>
       <video id='v'></video>
       <video id='v'></video>
       <h1>I don't see anything.</h1>
       &lt;h1>I don't see anything.</h1>
       <canvas id='c'></canvas>
       <canvas id='c'></canvas>
     <script>
     <script>

Revision as of 16:04, 22 November 2015

Recognizing a plant in a pinch

by James Bryan Graves

When asked to assist how to quickly recognize a plant with a webcam I remember an Apple WWDC presentation called "Find my iCone" an app that tracked an orange construction pylon using it's color.

I already had some web/Javascript code to do some chromakey (greenscreen) swapping, so I just re-purposed it. However, tracking the correct color of say "purple flowers" needed to be a little less fined grained then #ef0114 (for example, I have no idea what "color" that is by looking at it's hex values), so I grabbed a JS library to print colors as words.

Here's the code:

   <!DOCTYPE html>
   
    
        
    
    
      
      <h1>I don't see anything.