Another JS Canvas particle demo (http://hop.ie/blog/particles/), this time starting from scratch with basic theory then using dat.gui for convenience (http://hop.ie/particles/examples/07-settings.html).
Very fortunately, that particle demo is quite well written, and abstracts its logic well.
The quick-n-dirty port:
https://gist.github.com/FlyingJester/f695b2c825c14981d508 (https://gist.github.com/FlyingJester/f695b2c825c14981d508)
[gist]f695b2c825c14981d508[/gist]
A little video of the demo in TurboSphere:
https://drive.google.com/file/d/0B-hkR9nzCDDKR0ZybENCNW93cTg/view (https://drive.google.com/file/d/0B-hkR9nzCDDKR0ZybENCNW93cTg/view)
Rotation and pausing:
https://drive.google.com/file/d/0B-hkR9nzCDDKbzd3Nlp6VGxfTDQ/view (https://drive.google.com/file/d/0B-hkR9nzCDDKbzd3Nlp6VGxfTDQ/view)
This is a very taxing demo for the new graphics API, since we basically need a whole new Group for every particle. Plus, until I get masking working, every particle has its own texture!
It makes it clear that I should add a way to change a shape's relative coordinates while in a group. That, along with masking, would make this much more efficient.