So I’ve been laboring with some music visualizations relying on the fantastic P5.js library, which is an advanced extension to the popular processing language.
Here are the latest results: http://ugotsta.github.io/projects/p5-hid-template.html
Basically, that’s just a single, self-contained HTML file with no CSS, images or other assets needed and it can provide visualization for any SoundCloud url. It currently supports two url parameters as follows:
- url= enter any SoundCloud track url.
- text= enter the text you’d like to appear in the visualization.
So for example, a metal track from a friend of mine:
You’ll see the ?url= references the track’s url at SoundCloud, then the &text= provides text to show in the center of the visualization.
The raw source file is part of my main GitHub repo here, accessible here: https://github.com/Ugotsta/Ugotsta.github.io/blob/master/projects/p5-hid-template.html
Of course, I’ve already put the visualization to use in some videos for my “Hidden in Darkness” project. Here’s one of them:
More to come
This is still a work in progress so there’s more to be done yet. I’m also working on a more basic template to somewhat emulate Monstercat videos.
Let me know if there’s anything in particular you’d like to see done as well, I’ll see if I can get to it.
The file at GitHub’s undergoing some major cleanup and revision but I’ve updated details above to reflect that.
Play Warcraft III in your browser: http://www.arcadeup.io/
I’m not sure how they’ve managed it, but this site’s apparently streaming the Warcraft III game in the browser. It plays nicely, seems to work without problems so far for me.
Right now, only Warcraft III is available but it looks like they’ve got big plans. A good one to keep an eye on!
Check it out here: http://www.jsbreakouts.org/
Incidentally, I had the same idea to experiment cross-engine and already have a bunch of matrix effect clones across several engines. I’ve posted about the first in a small article, Experimenting with the Matrix code effect.
Hopefully we’ll see more cross-engine experiments to help others learn various engines and practices. 🙂
Real quick, check it out here: http://jstutor.herokuapp.com/