Category Archives: Audio Visualization

Audio Painting Pt4

After a long while of abandonment, my Audio Painter project has finally reached a first version of completion. By mixing the second prototype and the logic of the Sound Tracer, I’ve managed to create an audio painter with a deterministic behavior. Before this version the direction of the paint cursor movement was dictated by a Random Walker which didn’t quite reflect the nature of the song. This version has some very flexible settings to control the aspect of the image rendition of the audio. The result is exactly as i first envisioned it… 2 years ago. I think I’m gonna theme the images differently (maybe depending on the song, I guess), so that they can become like different views of little universes created by the sound properties of songs.

Drawback: It’s much more interesting to see the way the song is painted than it is to see the finished image, so this will probably work better as a multimedia installation or a live performance thing than as just little painterly images. So, a couple of videos will be coming soon.

Pj Harvey- White Chalk

At the Drive In-Rolodex Propaganda

Omar Rodriguez-Lopez - Boiling Death Request A Body To Rest Its Head On

So, the idea is that different music looks radically different… well not that radical, but it does look different. When working with live audio, it also looks very different for the voices of different people, so it’s fun so just sit in front on it and make it draw things (video for that also coming soon). More at my Flickr Page.

3 Comments

Filed under Audio Visualization

Sound tracer

Going back to the most basic expression of painting with sound.
This is meant to be a solution for the randomness of movement of the painting cursor in my other sound painting programs.

I was remembering that we used to do “vibration paintings” in school, holding a pen over a paper while on the bus, trying to transmit the vibrations of the road on the paper. I tried to reproduce this kind of effect by using the music and tracing a point.

A point leaded with audio driven forces. The direction is based on the frequency analysis, the weight is based on the amplitude of the frequencies. The latter version uses one point for the left channel and other for the right channel, it can be viewed as an Anagliph.
The upper one is done using Harrowdown Hill by Thom Yorke The lower one is done using Only if you run by Julian Plenti.

1 Comment

Filed under Audio Visualization, Development

Pechakucha Night Bogotá No. 6

My Presentation at the event


I Hope this does a bit as an artwork sample.

Leave a Comment

Filed under Animation, Audio Visualization, Compositing, Development

Nostalgia of Younger times

The first time i became A post-production director was at 2007, when i started directing small projects at Crear te ve. This was the first professional work i ever directed. young, naive but here for the sake of nostalgia.

Leave a Comment

Filed under Animation, Audio Visualization, Compositing, Motion Graphics

Yo en PKN (in spanish)

Noche muy buena. Se expuso y se conoció gente demasiado talentosa :) que buen plan.

Blurryness from moving too much

Leave a Comment

Filed under Animation, Audio Visualization, Compositing, Development

PKN Bogotá (in Spanish)

Perdón a mis compatriotas por tener el sitio completamente en inglés… pero es más fácil por el bien de la globalización.

Es un honor para mi presentarme en el primer evento de PechaKucha Night Bogotá de este año :)

Leave a Comment

Filed under Animation, Audio Visualization, Compositing, Development, Motion Graphics

Oscilloscope

The very origins of visual perfomance were on the use of oscilloscope screens… and they even give that outher limits thinguie…

Ow yeah

So i’ve done a Sketch for Lissajous curve and stuff.

This does definetively not work real time.

this does definetively not work realtime

Also extended it to show a waveform and vectorscope. i wish i could make them additive and smoother… but looks like i’ll need a better video card for that.

Leave a Comment

Filed under Audio Visualization, Development, Motion Graphics

Audio Painting pt. 3

Another version of the audio Painter I’ve made, uses concentric colored circles (choosing colors much the same way as the other audio painters) and lets the user paint with mouse input the direction of the resulting image.

scars of time

me whistling the beggining of "scars of time"

With this software, i wanted to make a visualization of different phonemes with the sounds they make. I speak Spanish natively (it shows, doesn’t it?) which thankfully does not have as many phonemes as English, so every letter was painted with… audio input of me pronouncing the main pronunciation of every letter (some have two… and h is mute but… i pronounced it as an aspired ‘j’)… so this visualization ends up being pretty interesting since the letters associate looks with each other, and those which are alike (which I pronounce the same) can easily be seen.

Easy alphabeth pony

The Spanish alphabeth

This visualization is affected by human error (namely me). but… i find it interesting anyway :P

Leave a Comment

Filed under Audio Visualization

Audio Painting Pt2

In continuity with my interest in Audio Painings, i kept thinking on ways to create different tools to draw based on audio information. After the colored waveform, my next idea was to keep using frecuency information as source for color hue, but i was looking for a more organic result.

As a first try, I used filled circles around a point, assigning different frequencies to each and varying their size by the frequency magnitude at a given time. The position of this ‘brush’ changes by using a random walker driven by the sound’s level and the difference between the stereo channels.

thinguies-1511

organic?

After, I changed the circles for blended paint spots, inpired by Pollock and his randomness, and added support for capturing the sequence of painting with sync with the music.


As of now, this app has control over the step size of the brush, it’s size, and the spacing of the shapes around the center of the brush.

1 Comment

Filed under Audio Visualization, Development

Aphex genious. Spectrograms

Spectrogram, Spectrogram, Spectrogram, that’s a classic audio visualization example. It’s not as uninformative as a waveform which just shows you the level vs. time (“just” shows you all the information the audio contains in a way not really easy to interpret). Spectrograms are prettier because they show you the spectrum of frequencies in the Y axis, the time in X axis and the current level of each frequency as a false color scale.

Fun fact, if you check the wikipedia page for spectrograms, It will show you the genious of Aphex Twin (Trent Reznor followed him later),  at hiding an image in a music track’s spectrogram by reverse-coding it, so that the image was used as source for the sound. the song is called: “math equation” from the Windowlicker album.

math equation

Even seeing the image of the hidden face in the wikipedia page, I wanted to code my own spectrogram maker and use it to check the song, in the last seconds of it, this was the resulting image:

Aphex twin ROX

Ow yeah

While coding this, the problem i noticed was that an spectrogram might be linear or logarithmic, consequently the image would look with long cartoon eyes if done linearly… funny enough it took me a almost a year to notice how to use a log scale (using, surprise, the log() function to map the Y values).  There is an applet for this, but openprocessing.com applets do not support audio inputs, so if you want to use it, you’re gonna have to download the code.

Leave a Comment

Filed under Audio Visualization, Development