Music Visualization Engine and Generative Drawing

February 12th 2009 in Actionscript Sound Visualization, Laboratory, Music Visualization & Generative Drawing


The Neural Orb from chris teso on Vimeo.

130 seconds of a music visualization engine and generative drawing built in AS3 using particles and physics engine.

See it in it’s 4:02 entirety HERE.

512 particles are released with instructions to randomly disperse throughout the scene. Variants include friction and wander. Particle location is constantly tracked and more particles are drawn at that location. These particles are sized and alpha’d according to stage location creating a “corridor”.

Music visualization occurs by looping through SoundMixer.computeSpectrum and creating a ByteArray. Each of the 512 particles are controlled the ByteArray which conveniently contains 512 bytes of data. Each byte contains a floating-point value. This value determines the individual particles scale and glow.

I hope to make this more interesting if/when I get some free time.

Music: All Mine | Portishead

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print

2 comments to...
“Music Visualization Engine and Generative Drawing”
Avatar
ryan

did you use any particle or physics engine or write your own from scratch? niaaace visuals… keep hacking dude… lets see more of this…


Avatar
tebor

Hey Ryan, thanks for the comment. I’ve used several and have done some from scratch as well depending on the situation. For example, I always loved BIT 101’s simple particle engine in AS2, so I rewrote it for 3 and use that when I need a quick and light engine [http://www.christeso.com/index.php/lab/bit-101-particle-class-in-as3/]. I’ve also used Flint before, and think it rocks. I sometimes write my own class if I need something small but very specified.

Thanks for the compliment, it’s fun shit.




required



required - won't be displayed


Your Comment:

CommentLuv Enabled

Twitter Users!
Enter your personal information in the form or sign in with your Twitter account by clicking the button below.

Facebook and Social Networking

I recently had a chance to comment on a friends blog about how “weird” and “fake” Facebook is. This was my retort:
What’s more odd than Facebook to me is the fact that you analyze how odd Facebook is. I see this over and over again. People talking about online communities as if they are an [...]

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print
Facebook and Social NetworkingPrevious Entry

Gravy

Gravy from chris teso on Vimeo.

Tax time = new toys, so I bought a Canon Mark II. The video above is me trying to get comfy with it. I realized last night that I probably need to move beyond iMovie. Hey gimme a break, I’m a Flash guy.

Taken with a canon mark II inside Gravy [...]

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print
GravyNext Entry