If you have a Webgl enabled browser (check
), play with Spectrascade here
. It runs best in Google Chrome.
Spectrascade is project Anna
and I started a couple months ago and have been working on here and there since. We finally decided to put it online so others could enjoy.
Mostly, we wanted to learn Webgl and were inspired by Lights
and the particle based music game Auditorium
The result is a 3d particle-based music visualization. It's pretty fun and a bit mesmerizing after awhile. Enjoy!
- Particles are attracted or repelled by the block which you can interact with by dragging.
- 3d camera control with right mouse button, reset by double clicking.
- Various tunable parameters. You can also link directly to parameter settings or randomize them.
- A few different modes: automatic camera rotate, camera movement, spawning particles at mouse location.
The particle system is running purely in the browser (rendering with shaders on the video card).
Because we have physics logic for every live particle on every iteration, as well as updates based on the frequency analysis, the computational cost directly scales with the number of particles.
We can, handle somewhere between 1,000 - 20,0000 smoothly depending on your computer's hardware though it may be possible to do the logic all on the video card by writing particle state into texture
buffers (allowing for an order of magnitude more particles), but we weren't ambitious enough to try this yet.
See this page, for an example of this method, also, see my previous post for more info on particles in webgl.
We use spidergl, a webgl library (with some modifications). Much thanks Marco Di Benedetto for making this excellent software available.
This was pretty straightforward. One irritating thing is that Firefox won't play mp3s, and Safari won't play ogg-vorbis, so we have to switch between these based on the client browser.