Posts tagged with “animation”

untitled 252

June 13th, 2010

Watch the HD video on Vimeo.

Or click here for the realtime version (Java applet). A good graphics card is required.

Realtime graphics made with Processing, toxiclibs for general vector math and Minim for audio playback. The following links were very helpful:

I feel that I haven’t explored 3D graphics in my projects so far, so that was one thing I wanted to do this time. But 3D graphics implies lighting, texturing, shadows, which are all difficult problems to solve. In the end, I only used one directional light and wasn’t able to implement shadows nor ambient occlusion.

Another important thing was sequencing. One person on Vimeo commented that untitled 246 lacked some sort of ending, and I agreed. Even abstract visual graphics can benefit from some sense of storytelling. I think this time there are too many things happening in the ending scene, but not much changes between the first and the second sections of song, so there’s an imbalance.

Conclusion: I think I tried to build something too big (or too complex) for my current OpenGL skills. Have to keep studying. Next time I’ll probably try something a bit simpler, though. :-)

PS: 2010 has been a busy year, I’ve worked on some interesting Flash development projects, but none of them are public yet. Hope to be able to show them soon!

untitled 246

December 25th, 2009

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.

Music made with FL and MDA JX10.

Moscow Olympics: Second Trace

June 22nd, 2008

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.

Animated Voronoi 2

May 25th, 2008

View HD video at Vimeo.

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).

Animated Voronoi

May 23rd, 2008

View HD video at Vimeo.

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.

 Next →