timebomb

about a year ago i became obsessed with video time distortion. i really enjoy the idea of being able to see into different layers of a video at the one time and manipulate them to create interesting conceptual as well as aesthetic effects.

Time Bomb – Interactive Graffiti (StupidKrap & Holler) from Mike Hill on Vimeo.

timebomb is an interactive graffiti installation that I collaborated on with Maddi Boyd (KissKiss) from StupidKrap. check out the promo video to see what its all about…

here’s a little technical insight into the project.

the timebomb application is based on memo’s fluid dynamics library for openframeworks, ofxmsafluid. its a fantastic opensource library that memo has done a lot of amazing things with and i’ve been able to use it as the basis for fluid time distortion.
interaction input comes from a webcam, the live feed is analysed and used to create ripples in a fluid image. those fluid values are then applied to the pixels of a video, the pure white pixel (0xFF) equals a pixel taken from the top frame of the video and a black pixel (0x00) equals a pixel taken from the bottom frame of the video, all other shades of grey represent pixels between the first and last frame. confused? well hopefully the video of the debug screen will explain it better.

the video on the top left is the actual time-lapse we shot over 5 days.
next to it is the final output with time distortion applied to it.
all other frames below show the camera input and the ripples created in a black and white fluid image.

timebomb debug from lukasz on Vimeo.

here is the final effect on its own.
this is what is going to be projected onto a blank canvas at the exhibition.
people will be able to time-distort the graffiti piece through their body movements and uncover the hidden layers that lay beneath the surface of the finished piece.

timebomb from lukasz on Vimeo.

5 thoughts on “timebomb

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>