Jop Wielens » webcam

Webcam Keepy-Uppy Worldcup game for The Netherlands released

admin — Wed, 14 Jul 2010 14:30:07 +0000

Over the past couple days we’ve built a keepy-uppy game here at theFactor.e to celebrate the win of Holland in the Worldcup. Unfortunately it didn’t go our way and we came in second. So the game is now great to take your mind off the loss.

I used the great face recognition code Marilena. This awesome bit of AS3 code is based on some older work done in C: OpenCV. Once I knew where the face was I added a little bit of physics. Using 2d ball on ball collision I can make the ball bounce of your head in the right way. To see how these collisions work check this page.

Have fun playing the game. And for the non-Dutch speaking visitors just click ‘webcam’ to play with your webcam (duh) and ‘muis’ to play with your mouse. Play the theFactor.e Keepy Uppy game here.

Having fun with Face Tracking and MP3 Pitch control

admin — Fri, 11 Sep 2009 08:39:17 +0000

There is a lot of cool open source stuff coming out this year in the Flash community. Earlier this year we saw the Flash Face Tracking and 2 months ago Andre Michelle showed how easy it was to control the pitch of a sound in Flash 10. I love all that stuff.

So I though, what can I build to have a little fun with all this open source loveliness. A webcam/mic driven pan flute of course!

Here is the source from this experiment.

Silly webcam motion tracking thingy

admin — Sat, 27 Jun 2009 08:30:15 +0000

I was cycling home today and had a bit of a random idea on how it would be funny to track motion using the webcam and use that to move a set of eyes around. As if the person on screen could actually see you.

Anywaysss, quick half hour later and you can see the result below. Download the source if you like. Have fun playing!

Move from left to right. Or just sit still and move your left hand or right hand. You’ll figure it out.

Kaleidoscope fun in Flash. Now with superfast image export!

admin — Sat, 13 Jun 2009 10:40:14 +0000

I found this supercool Adobe AS3 library that uses ByteArray to export images superfast. The only thing the PHP does is put a header on it and serve it up. Wicked. And what better way to test that than building a webcam Kaleidoscope. Hours of fun! Here is the source if you’re interested.

My first papervision webcam experiment

admin — Sat, 13 Jun 2009 09:59:17 +0000

The Papervision Workshop on Flash on the Beach this year really opened my eyes on the Papervision front. I never really made the step to start experimenting with Papervision because it’s not the most accessible thing to start with. At least that’s what I thought…

Ralph Hauwert really showed how easy Papervision can be and that you can have a scene up and running in no time. So hey, in comes a rainy weekend in London and you can see the result below.

I just wanted to do something weird with a webcam and Papervision. I’ve applied a threshold to the images I capture using the webcam. The further along the line the lower the value for the threshold gets. So you get a kind of tunnel that first only shows the very bright bits and then slowly shows everything.

And I’ve added a little rotation etc just because I can

I’ve put the source code in a zip. You will need the Papervision SWC or AS3 classes to run it. If you don’t have them, please have a look at the Papervision blog on the right side (Getting started 2.0).

Colour tracking with the webcam in Flash

admin — Sat, 13 Jun 2009 09:34:19 +0000

Something I wanted to do for a while. Track a colour using your webcam in Flash. I draw the webcam into Bitmapadata so I can play around with it. If you take the getColorBoundsRect straight from the raw bitmapdata it will be very hard to get something useful as you just have to many single pixels and colours to analise. So I implement a little trick that makes it better to analise. First I blur the video so it smooths the colours. Then I turn it into a 8 channel image.

After that I just layer a fresh video feed that isnt distorted on top and start drawing based on the colour and position.

Enjoy! You can grab the source here if you want.

Flash Facetracking kicks ass

admin — Sun, 07 Jun 2009 11:49:53 +0000

(This is a repost from March 2009, my blog crashed in the meantime )

Last week I noticed a couple Flash guys jumping on the face tracking code. The legendary Mario Klingemann (aka Quasimondo) did a great example and shared his source code.

I really appreciate the fact that people are sharing this source code for others to play with. Good work!

I totaly love the idea of being able to track your face with the webcam. I had a little demo working yesterday (st Patricks day) where I drop a green hat on your head. Hours of fun .
Today on the way into work I remembered the movie The Ring where peoples faces got blurred in pictures when they were about to die. So 20 minutes of playing around with Mario’s source code later and you can see the result below.

I can’t wait to spend a bit more time on this code and hopefully will be doing some client work using this technology soon. Fingers crossed.