Sprite Maker

I’ve started to play with Stencyl for a small pet-project i’m trying to build. For those not familiar with it, Stencyl is an awesome tool that allows developers that are not game-developers, like myself, experiment with game-development. If you are newbie game developer and want to prototype things quickly, this might be a good choice to start with.

While doing this I’ve encounter a need to create (or generate) Sprite files out of multiple single frame images (for explanation of what are Sprites see here). Here is an example of a Sprite:

sprite-splashCreating Sprites manually with image editing tools, like Gimp, is not too hard but it is labor intensive and as such error prone. Googling I’ve encounter several online tools called Sprite-Generators, Sprite-Creators or Sprite-Makers that do this task for you. They all allow you to pick up number of single-frame images and automatically generate for you an uber image that stitch the frame images together.

However, at least the tools I’ve searched did not generate clean enough Sprites and each one had its own set of issues and limitations that didn’t exactly fit my needs. E.g. require that all images originally be from a specific size, or generate a one long line horizontal sprite and so on.

As a developer this became a quick mini-project I wanted to try to build. It is not so complex. Just a single static HTML page with some HTML5 items to handle Canvas and some AngularJS code to make it more interactive.

The result can be found at Sprite-Maker

Operation is easy: 3 very simple steps and the magic happens:

1. Select the images or frames you want to merge into the sprite.

2. Select the sprite options, including things like the size of the frame and the padding between frames.

3. Download the newly generated Sprite.

I know I am a little bit jaded on this one but this is so simple to use and just works for my needs. Hope you guys also feel the same…




Author: dave

Consider myself kid in soul and naive by choice. I am interested in people, technology and business and thrive when they all work together. My favorite quote and motto is that “You can fool some people some times but you cant fool all the people all the time” ― Bob Marley

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s