Usage no npm install needed!

<script type="module">
  import pixelSpriteGenerator from 'https://cdn.skypack.dev/pixel-sprite-generator';
</script>

README

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

Other Languages

Dart pixel-sprite-generator port by tobbel
Haxel 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.