Mozilla Demo Studio

  • Submit a Demo

Fiamma Bellezza

Music with dancing flames

Built using JavaScript, HTML5, Audio, WebGL,

  • 76 views
  • 0 comments

More About This Demo From The Author

Representing music in graphical form is both art and engineering. Here the target platform is WebGL on Mozilla Firefox browser, using the Mozilla Audio Data API.

The base visual consists of 12 spark emitters, each emitting a maximum of 64 sparks. Authored keyframes select the algorithms for spark lifetime, position and color for given frequency and magnitude. The result movement is composed from the physical properties of the music by the author.

Requires Firefox 10 or newer and a modern GPU with accelerated drivers.
NOTE: There may be an occasional problem that might be a browser or graphics driver quirk. If no visuals appear when the music starts, reload the page (or close and re-open the tab).

No comments yet.

Register or log in to add your own.

Get the Source Code

Download the Source 4430.92 KB · ZIP File

This demo is released under the GPL license.