Posts tagged with “glsl”

Golden Ages concert visuals

February 14th, 2011

Watch in HD on Vimeo

I was invited by Francis Tseng of Golden Ages to create audio-reactive visuals for the band’s concerts.

The visuals revolve around a rotating spiral thing made of balls and lines, inspired by ctenophora and zooplankton. There are 7 “scenes”, one for each song in their set list. With each scene, the visuals becomes more distorted and more agitated. It was built with Processing and reacted to the sound of the band fed to the computer during the concert. The post-processing effects (blurring, glowing, displacement) were done with GLSL shaders. Above is a screen capture of this audio visualization fed with the MP3 of Everything Will Be Alright (official video).

This was a fun project and I really like how it turned out. Looking forward to work on more projects of this kind.

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.

Audio reactive GLSL tentacles

April 4th, 2009

Continuing my GLSL studies — now with dynamic lighting (vertex shader) and texturing (fragment shader).

This application runs at 35fps at 1280×720 pixel resolution on my ATI HD 4850 card. There are 1024 tentacles, drawn with gluCylinder — I guess this can still be optimized.

Made with OpenFrameworks v0.06 and GLFW.
Music: “M” by Telefon Tel-Aviv.

GLSL Tentacles

February 23rd, 2009

Replaced the small spheres by cones distributed over the big sphere’s surface. Blur amount is controlled with the mouse.
Made with OpenFrameworks.
Music: “My Two Nads (Dad Reprise)” by Out Hud.

 Next →