Please update your flash player
A decent computer and lots of volume is recommended.
Well, due to the fear of slipping behind, I felt I better start learning the new Flash language, Actionscript 3, and at first glance, one of the coolest features is definitely the SoundMixer.computeSpectrum function.
This is a quick experiment which uses the spectrum data of a streaming mp3 to trigger animation. Although it dynamically reacts to the beat, there are elements of randomness in this example so the animation / visualisation is different every time.
I’ve seen a few Actionscript 3 visualisations before, though they tend to follow the graphic equaliser tradition, whereas I wanted something a little more creative.
I will release some source code as soon as I have built this into a robust class. I intend to build an easily customisable music visualisation program which can build visualisations from your own graphics with various configurable parameters.
Have fun, but epileptics beware!
The track is Öngyilkos Vasárnap by Venetian Snares
30 Responses to AS3 music visualisation
Dennis Porter Jr.
May 17th 2007
7:00 am
Hey man, you’re pretty good at programming. Nerds are few and far between up here in Detroit. I’m more of a PHP man myself, but I’m going hardcore into this actionscript thing. Trying to find the synergy between Javascript, PHP, MySQL, Actionscript, XML, and HTML. lol. Anyway just thought I’d drop you a line. Good luck on the sound spectrum class.
Tom Pike
Jun 11th 2007
10:33 am
Fucking sweet!
Might have some work for you man, this kicks ass. Is it random too? seems different each time a bit.
Good stuff.
David Backstein
Jun 24th 2007
12:43 pm
that`s definitely the best as3 visualizer i`ve seen. i love the song and the graphics!
and i will code this for my own too!
the real innovative thing is, that you don`t visualize frequencies but use kickbeats to make living graphics move. i love this kind of abstraction.
a good idea for following versions: not to scale the hole graphics container but move every graphic for its own.
thank you for that great inspiration!
Ryan
Aug 13th 2007
1:32 am
that blew me away. i would love know how you did this! i anxiously await the day you post the source.
paulo
Aug 15th 2007
2:37 am
ve se aprende isso caco.. seu porra.
Yo
Nov 6th 2007
3:21 pm
w o w… now that’s inspiring. well.. really your whole site is :)
Yo
Dec 6th 2007
12:58 pm
hi, any progress or new thoughts? i am very interested in this, create animation that dance to the beat … also, is there any actionscript library that animate human movements?
djcoconuts
Dec 8th 2007
5:00 am
fantastic
any possibility to get this code?
Soulwire
Dec 8th 2007
7:01 pm
I’m actually in the process of writing a tutorial for Kirupa on how to do this, so stay tuned and in the next couple of weeks I’ll have numerous examples ready with source code!
andrew narayan
Dec 18th 2007
7:21 am
Hey cool stuff here. I’ve just started experimenting with the soundSpectrum. How are the source files coming along?
Carl Martin
Jan 4th 2008
3:25 pm
Dude….thats inspiring!
I am a third year interactive media student trying to create artwork based around visualisers and would lovea look at the code!
If you get the chance check out my facebook group about the project!
http://bournemouth.facebook.com/group.php?gid=8877590999
awesome…truly awesome!
P7
Jan 25th 2008
2:15 pm
Wow, this is awesome lovleyness…. Any code listings yet? :)
toy sun
Feb 5th 2008
4:01 pm
Man, this is so great. Please!!! Help a bruther out and post some code!!!
Thanks,
John
Eric
Feb 14th 2008
7:01 pm
I love it. Not only is the sound dope, but your animations are killer, they remind me alot of Presstube.com
Hope your able to post some source.
Good Stuff.
Lee Grey
Apr 22nd 2008
7:01 pm
Vsnares, wooop wooop!
Dave
May 5th 2008
2:26 pm
Badass.
<3
nick
May 13th 2008
2:05 am
did you ever post a tutorial/script? I looked but couldn’t find it :/
nexflo
May 13th 2008
6:21 pm
did it ever get published?
Soulwire
May 13th 2008
7:00 pm
Yeah, the source code was never published as it was my first AS3 adventure and is a rather hacktastic affair!
I am building an AS3 Music Visualisation Class, which will allow you to easily build visualisers using simple shortcuts and built in methods. I intended to post it last week, but have been working on beat detection which has proved to be a larger job than I had first anticipated.
I’m still testing different algorithms in order to find the most efficient and universally applicable to a variety of input. Once this is done I will release the project with several examples and a tutorial on implementing the Class.
If you can’t wait, here are the source files for the above experiment (minus the artwork which I would rather not distribute)
Keep an eye out for the AS3 Visualiser Class, it’ll be sweet! I’ll email all of you who have commented on this post when it’s out.
anant
May 13th 2008
7:07 pm
thank you very very much….
nick
May 15th 2008
12:00 am
hey, I thew a song in there and the artwork appeared. So the animations were included in there. Just thought i’d let you know.
thanks for the file!
sn3p
May 18th 2008
12:55 pm
Dude, it’s awesome!
Please keep me posted if there are updates.
cheers
Dan Stoneman
May 18th 2008
8:49 pm
Hey dude, awesome work. I am currently doing something very simliar using live audio input and about to test using instruments and DJ equipment! REally appreciate the coding and I hope to get in contact soon.
Adobe - Make some noise « I Love Flash
Jun 3rd 2008
4:50 am
[...] sound, including pitch control, tempo control, EQs, etc. A few days ago I was researching a few audio visualizers and made several [...]
Adam Fehnel
Jun 5th 2008
2:07 am
Here, just wanted to show you the results I had when adding Nine Inch Nails - Just Like You Imagined to your wonderful code.
http://adamfehnel.com/sound
SAM
Jun 20th 2008
4:35 am
Hey soul wire i really liked you website i was wondering how you created the comment box can you please help me by send the .html or the codec to my email and please can you also put an explanation how it works .
Thanks,
Sam
Lawrie
Jun 20th 2008
1:24 pm
Hi,
I’m very impressed with this and would love to get a mail when your AS3 Visualiser Class is released.
I’m already thinking up some interesting things which could be done with it.
ba
Jul 7th 2008
7:46 pm
been waiting for something like this for a while. How about including a background that continues to change “moods” by gradually changing the color, hues, etc. Great work, man.
Nyxtom
Jul 10th 2008
12:31 am
Awesome.
Yianni
Jul 17th 2008
5:09 am
Great work. Love the music & animation.
Leave a Reply