HOME | DD
Aralicia-Moran — Contest Sound Visualizer
Published: 2010-12-13 20:10:21 +0000 UTC; Views: 4401; Favourites: 24; Downloads: 133
Redirect to original
Description
This is the visualizer I'm working on for #Actionscript-as-Art Contest.The interface is almost finished, but the visualization needs more work.
The current effect is interesting, but I'm not sure I'll keep it. I've to says that I don't really know how I've managed to do that kind of hollow effect
I'm currently trying to clean up the spectrum so that I can highlight the main parts.
I also need to optimize my code, It's pretty heavy in CPU Usage.
A interesting feature that I may be the only one to present : the music can be muted, but the visualization will continue as if not.
Music Credits : -Glorious morning- by Waterflame
/**** Update 01/07/2010 : v0.3 ****/
I feel this version is working enough to be transferred from the scraps to the gallery. In the "Visualizer" tab, You can switch between different visualization i've worked/i'm working on.
The "tunnel" visualization react to mouse position, but can be locked in a position by clicking on the BG. This one work great with energetic musics.
Work I need to do next :
- seekbar (will in the top bar)
- visualisation parameters (will be next to visualisation selection)
- work on and chose a final visualisation that I'll present as Main visualisation for the contest.
/**** Update 01/19/2010 : v0.4 ****/
Ok, new version, new features :
- there is now a seekbar. I've made the seekbar react only to MOUSE_UP because I can't stand the repeated jumps that there usually are with seekbars. The seek bar is in the top bar.
- Visualizations have editable parameters. Tunnel even permit to edit its color or disable the flash effect. The parameters are in the Visualizer tab.
- The default music can now be disabled, so that playlists don't play it.
There aren't new visualizations, but at least one will come soon. Its name will be "Fireworks".
/**** Update 01/31/2010 : v0.5 ****/
Ha well, that was a pain in the ass...
Ok, new Visualization : Fireworks. It will be my main for the contest. Fireworks explodes in rythm with the music. What was a technically challenging is that the fireworks are launched before they explodes, and so I had to be able to compute the spectrum of the sounds around 1 second before it plays.
There is a pair of more parameters for this visualization, but I'm right now to happy to have made it work to be efficient. I'll go sleep and return to it.
The final version will be up later today.
/**** Update 01/31/2010 : v1.0 ****/
At last, the final version !
I removed the Bar Visualization. It was a test, and never gone anywhere. I added the parameters on Fireworks, a little indicator of the default values of the sliders, and a little comment for every visualization.
This is the Contest version. I'll possibly fork it latter to add things out of contest, but it's not sure.
Trivia : from the start, the development name of this project was Precognitive Sound Visualizer. The public name became Composite Sound Visualizer because the precog part came late, and in reference to the Composite Design Pattern.
Related content
Comments: 23
Hi, have you done any more work on this? I really dig it
👍: 0 ⏩: 1
Hi;
no, I haven't. I should still have the sources somewhere, so if you have any evolution to propose, feel free to do so.
I guess I should (just in case) remind you that the music is not from me, only the player/visualizer. From previous comments, it seems that some people made this mistake.
👍: 0 ⏩: 1
HI, I couldn't care less about the music. My interest is solely in the fireworks visualizer and I am curious if you have found a more efficient way of displaying them. Your work on Wonderfl is far more streamlined, this one is kind of a beast, with almost 50 classes. I just figured you would have gone back at some point, as it is a really great concept with the fireworks. I am sure it must have been a complicated task, back then, to design.
👍: 0 ⏩: 0
Thanks !
In the "Musics" Panel there are two buttons : "load" and "open".
- With "load", you can load in a mp3 using a URL. Usefull if the music is somewhere on the net.
- With "open", you can open a mp3 from your computer. Wanna test it with the thousands of musics you keep on your PC ? Use this.
While loading, the Visualizer will show two percentages : the first indicates the loading of the music, and the second the analysis of the music. This analysis is necessary to be able to show the Visualization, but you only have to wait until this percentage go yellow (~5.0%) before starting the music.
👍: 0 ⏩: 0
wow! Tunnel view is stunning! Nice buildup and great peak. Holy! Good job!!
👍: 0 ⏩: 1
Thanks! It took time to make, put I learned much from it. Glad to see you like it
👍: 0 ⏩: 0
I find myself just leaving this running in the background as I work on my code.
Love the music choice
Already must have listened to it 7 times now, finally decided to comment
👍: 0 ⏩: 1
Thanks a lot.
Originally I didn't intended to use this music, but =flashygoodness 's music "Purify My Steps - Celtic Mix" (can be found Here ). Sadly, He didn't gave me the authorization to do it. So, I went on Newgrounds to find one, found -Glorious Morning- and kind of fell in love.
I like the Mad-eye by the way.
👍: 0 ⏩: 1
Oh yes, he is captivating.
I just loved mad eye moody character.
Had him for a while now, probably time for a change ... only if I can create something else just as captivating
👍: 0 ⏩: 0
This is awesome 
👍: 0 ⏩: 1
Thanks! I guessed that not everyone had a music on its computer, and so decided to embed one and permit to load a song either from the computer, or from the internet.
The problem with loading a song from the computer is that it must be a mp3, and a ill-formed mp3 might not be accepted. On the other side, the loading time is cut down, since the music is already on the computer.
👍: 0 ⏩: 1
Yeeeah idk anything about these things :S
I can't tell the difference between mp3 and.. any.. others
It was a good idea. 
👍: 0 ⏩: 0
Impressive technical exploit, on par with the impressive Cpu usage on my machine. When you have to consume 100% cpu for ten fireworks, you know you've got to thank very hard Flash.
Nonetheless, it's really beautifull, inspiring, and the amount of works in this is trully impressive. Good work.
👍: 0 ⏩: 1
Since 10 fireworks means "only" 1200 independent particles, and that in addition to that I compute 2 FFT per frame, I'm not really surprised it's a bit hard for configuration that are a bit low. It is partly for this reason that it is possible to use smaller fireworks (30 particles instead of 120), and to increase the threshold.
The fact that I had to reimplement a part Flash Sound API also hinder the performances. If Alchemy gives good results, I may do a recode with lower CPU usage. It'll have to wait, however.
For myslef, even on really active tracks, it only use one of my core, so my PC don't really feel anything about it.
👍: 0 ⏩: 0
Fireworks seem very hard to read unless the piece is very simple. I do admire your UI though, it's several steps up from mine.
👍: 0 ⏩: 1
Yeah I know. It's due to the way it detects when it should launch the fireworks. If the music have many volume variations in a short time at many frequencies, many fireworks are launched resulting in a big mess. The update I just made lower a bit the unreadability by permitting to increase the threshold and so lowering the sensitivity, and by enabling the use of 1x1 fireworks, against the default 2x2.
Thanks for the UI
I've finished the entry, and submitted it to AaA, so now all I have to do now is wait and see.
👍: 0 ⏩: 0
Thanks ! The menu is completely generated via actionscript, and I'm pretty happy of the result myself
👍: 0 ⏩: 1
Ah very nice, you definatly need to write a good framework for yourself with that, that will really come in handy in the future!
👍: 0 ⏩: 0