Voight-Kampff / An interactive music video
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


An experimentation in music visualization.

Created by KAPITAN! / Lauri-Matti Parppei
Requires Paper.js and Howler.js libraries.

Live version: http://www.mustavalo.com/vk/

Please note: I am not a coder and don't have much experience with writing any code whatsoever. All of what you see here was learned from scratch and built from the ground up after numerous hours of errors and mistakes, so please excuse all the bad programming. The strangest parts I've tried to explain, but it's still sort of a mess. Dread at your own risk!

The core of all this is the rendering queue - the first thing you perhaps want to do is to clean out all of the music video parts.

Most of this is inside PaperScope and I've kept everything in a single JavaScript file of 2500 lines. And to be honest, I didn't really get it working split into multiple script files, because of the scope problems. A more experienced coder could squeeze everything into a single, clean class and just extend it.

I've edited out some PHP scripts from this open source version to get it working locally without a HTTP server, but there might be few remains of AJAX calls etc.

Hopefully this will inspire some better and fancier things and help those trying to create interactive experiences for the web.

Future considerations

The whole thing is released under the MIT License. Thanks to numerous people at Stack Overflow and the creators of Paper.js.

Good luck.

Lauri-Matti Parppei
Graphic designer and filmmaker