JavaScript procedural sprite generator
JavaScript HTML

README.md

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

Ports/Other Languages

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.