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:
Creating 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…