A video for a song. Code and music by me.
(Note: music is not realtime generated, only the graphics).
Video made with Processing, toxiclibs, penner.easing lib, Robert Hodgin’s perlin noise movement, and Paul Bourke’s 2D line intersection algorithm.
Moscow Olympics: Second Trace from eduardo omine on Vimeo.
—
This is my first music video; made with Processing + Ess library.
The song is Second Trace by Filipino band Moscow Olympics, from their recently released debut album Cut The World. Although the band’s musical references are clear (post-punk, shoegaze), their music has that ineffable quality that makes it stand out.
—
It seems that computing a Voronoi diagram with mathematical accuracy for a real-time animation is not really feasible. I found this Processing hack that takes advantage of graphic acceleration to draw an approximate Voronoi diagram. It works by drawing 3D cones at the points of interest of the diagram and rendering a top view — the regions are drawn automatically as the Voronoi edges sit on the intersections between the cones.
Using this hack, it is possible to make a real-time Voronoi diagram animation, albeit with a limited number of points and a restricted applet area. This video was rendered with 364 particles (= sum of powers of 3 from 0 to 5).
—
Voronoi diagrams display areas of influence of a set of points in a plane. And they can also be used to create beautiful, organic images.
But even though constructing a Voronoi diagram geometrically seems easy, computing it efficiently can be quite hard. I’m still trying to figure out both Fortune’s and Bowyer-Watson algorithms, but as a first and quick exercise I implemented a naive algorithm with Processing and generated a short animation.
This is a remake of one of the first programmatic animations I did with Flash (AS2 at that time). I decided to translate it to AS3, looking for a better performance.
The pseudo swarm behaviour of the particles is obtained by combining the movement of the visible particles with the movement of a non-visible, reference particle.
Interestingly, the animation performed much better when I unified all Event.ENTER_FRAME handlers in one single place. Originally I made each particle and each trail listen to Event.ENTER_FRAME, removing the event listeners when destroying the particle. Now I only listen to Event.ENTER_FRAME in the Main class, and then loop through all instances to call each instance’s update() method.
The background color changes with time; one cycle should take 1 minute to complete. You can also click the background to toggle full screen mode.
