pixel-sprite-generator
JavaScript implementation of a procedural pixel sprite generator similar to the old days of video game sprites. The sprites are algorithmically generated by combinatorial methods.
Live Example
http://plnkr.co/edit/Dji8rljS0yDL16Ao8Iq6?p=preview
Installation
Using Bower
If you have bower installed, you can add the pixel-sprite-generator to your project using the following command.
bower install pixel-sprite-generator
Using NPM
If you have npm installed, you can add the pixel-sprite-generator to your project using the following command.
npm install pixel-sprite-generator
Other Languages
- Dart pixel-sprite-generator port by tobbel
- Haxe pixel-sprite-generator port by Zielak
Algorithm
The sprites are generated by using a two dimensional mask. The values in the mask are then randomized and mirrored. The resulting template is rendered to a canvas element.
The algorithm is explained in more detail on Dave Bollinger's website.