Face Find Fun

Access webcam through the browser with navigator.getUserMedia

Face detection and tracking with headtrackr

Drawing with HTML5 canvas

Current version tracks your face via webcam and places a party hat on top of your head. Moving your head to the right corner changes the visual CSS webkit-filter

Demo

http://alyssaq.github.io/face-find-fun

Usage

1) Install nodejs. The only node module dependency is express.
2) To grab node dependencies, run:

> npm install  

3) Enable getUserMedia() in chrome.
In the URL, type: chrome://flags and search and enable:

Enable screen capture support in getUserMedia()

4) To run the web server, in the project folder:

> node app.js

5) Have fun! Draw more shapes!

Built With

Share this project:

Updates