Awesome

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

Dart tobbel/pixel-sprite-generator port by tobbel
Haxe Zielak/pixel-sprite-generator port by Zielak
C# BenMcLean/Pixel-Sprite-Generator-CSharp port by BenMcLean
libGDX BenMcLean/pixel-sprite-generator-libgdx port by BenMcLean
Unity3d Shogan/PixelSpriteGenerator-Unity port by Shogan
Node.js blipn/pixel-sprite-generator-nodejs port by blipn
Node.js/Browser seiyria/mixel port by seiyria
Rust tversteeg/sprite-gen port (with editor) by tversteeg
OCaml fccm/px_sprite_gen port by Florent Monnier
Python MaartenGr/Sprite-Generator port by MaartenGr

Similar Projects

Sprator yurkth/sprator

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.