Semantic Music Visualization, extensible by WebGL doodlers.
Lysertron is a WebGL semantic and extensible music visualizer.
If you have the above squared away, then you are ready to get your own local Lysertron server.
Lysertron has 3 pools of layers. When creating each scene, a random layer of each type is chosen and composited together.
layers/ directory is a directory for each of these types. Each layer gets it's own folder within those. Simply adding a directory for a new layer type in the correct directory will cause the server to find it, package it, and expose it to the browser.
Most layers will have at least 3 files:
When working on a layer, you can force the randomizer to choose the layer you are working on every time with some query string shenanigans.
http://localhost:3001/?fore=abc&mid=_&back=_(hides mid and back entirely)
The project comes with an example which, while not very pretty, should lay out the foundation for you to understand how a layer works.
Simply change the name of the folder at:
Now, with the server running, navigate to:
You should see the
example layer as a spinning, color changing, cube as the foreground over random mid ground and background layers.
Now you can tweak the content of the files in the
example directory, and figure out how things work in the Lysertron.
Lysertron music must be pre-processed by Echonest.
YOUR_API_KEY_HEREwith your actual api key.
coffee upload.coffee "path/to/someSong.m4a" ShortSongName(only unprotected
ShortSongName.jsonfiles in your
Eventually, there is plans to treat layers more like content with support for keeping them in a database on a server somewhere.
But for now, I encourage anyone simply fork this repo, make some really cool layers, and send me back a pull request.