Best of 2009
An overview of projects from last year which I liked the most:
- Axe instinct
- 180 Amsterdam
- House of orange
- Placebo – interactive video clip
- Alex – Wie volgt
- Philips MSS 2009
Archived entries for 2009
Processing webcam
My first experiment with Processing, based on a previous experiment with Flash.
Philips MSS 2009
My first month as a partner at Random is over and my first project is finished. We had to make a campaign website for the Philips MSS shaver. The idea was to use your webcam and a face recognition algorithm to “scan” your face so the shaver could attach itself to your face. Shaving your face also triggers panels on the right side to explain the unique features of the shaver. People without a webcam can shave the face of a model instead. Check out the website over here, or watch the video below.
Random path
I had this idea to let the Math.random() function generate paths in flash. What does it look like? Like this. The algorithm is really simple (as usual):
- Pick an empty point
- Pick a random neighboring point which is not occupied
- Draw a line between the active point and the picked neighbour
- Set the active point to the neighboring point
- Repeat step 2
- When no neighbors are found start from step 1
Perlin noise generative art
Two days ago I continued to play around with perlin noise (see previous experiment). The idea is to let lots of particles crawl over a perlin noise bitmap. Each frame they will leave their trail generating nice patterns like the ones below. I wrote a little tool to influence the curve width, speed of the particles, colors, type etc. Try it out for yourself over here, and show me the result when you’ve created something nice.
Alex – Red 5 live video chat
Last month I’ve been working on a live video chat application for Alex. The goal is to let the current clients of the bank to be ambassadors for potential new clients. The application uses Red 5 to support the live video and chat messages. The whole project consists out of three separate applications:
- The moderator application
- The ambassador application
- The client application
Client application
Ambassador application
Moderator application
The moderator application collects all question asked in the client application, after which they have to be approved before being send to the ambassador application. The ambassador answers the question through the web cam stream. Check the video below for a recorded example of the client application.
Papervision3D and inverse kinematics
Today I had some time to do some experimenting again. In the Placebo project I used 2D inverse kinematics on the octopus tentacles, so when that project was finished I was curious how that would work in 3D. Turns out not much different then the 2D version. Check out the result over here. I also added a drawing function to the experiment, just click the mouse on the canvas to turn drawing on and off and create your own artwork.
House of orange
Yesterday, a new website I’ve been working on with the guys from Random went live. It is the portfolio site for the modeling, photographer and stylist agency House of orange. For this site I created the architecture and data communication, as well as the menu and the collage view (e.g. the landing page). An extensive CMS is backing up the website for easy maintenance. Users can add their favorite images to a lightbox after which the lightbox can be downloaded onto their computer. You can check the website here.
Check out the video below for a recorded example of the website.
Placebo interactive videoclip
About two months ago, Champagne Valentine won a pitch to make the video clip for the song “The Never-Ending why” from Placebo. In addition to that video clip they also wanted to create an interactive video clip. Random teamed up with them and with lots of hard work from lots of talented people the result ended up to be awesome. To check out the original video clip, click here. To check out the interactive video clip, click here.
The cool thing about the project was that lots of Flash animation and scripted animations are use in the normal video clip, for which we had to create tools to record the motion first, and later render it out frame by frame in flash. The animations I worked on (both linear and interactive) are the squid scene and the tunnel scenes.
Glow filter patterns
This afternoon I was in a designer furniture shop in Amsterdam. While I was there I spotted a carpet which was made up out of lines of fabric (check the image below).
This gave me the idea of doing something similar with code. It ended up being a pretty simple thing to do. You just need to start out with a basic shape, then you need to draw that shape onto a bitmap. The next step is to apply a glow filter with a specific color, and repeat this over and over again with different colors. You can try it out yourself over here. The result may end up something like this…
