Games Like Spritify

Spritify is a tool for the fast and easy generation of 2D sprites. It transforms simple input images consisting of smart pixels into many distinct output images with varying properties, such as gradient, noise and color which can then be exported and used in your projects.

Demo version

There's a demo version of Spritify that you can get for free to evaluate it. In the demo some of the import and export functions are disabled. Also many of the sizes and factors are greatly limited (Palette, Canvas, Sprite counts, Scaling factors, ...). All other features are available.

Guide

Quick overview

Hotkeys

Note that several functions can also be performed via hotkeys. Hover your cursor over functions to see if there's a hotkey mapped to it.

Canvas

On the canvas you can draw your input image which is then used to generate your sprites. The canvas displays both the color and behavior of individual pixels. The color is displayed as a pixel's color, the behavior as a character (More under Brushes). You can left click to draw single pixels, drag while holding the left mouse button to draw a path or right click to flood fill.

By default the canvas is filled with the Background color and None behavior

When hovering with your cursor, the currently active brush will be displayed

The canvas after drawing several pixels

The Preview

Below the canvas there's a preview of the sprite. It will display the same result you'd receive by performing an export. Please note that the preview's pixels are scaled to always use all available space, your exported result will likely have smaller pixels.

Sidebar

The sidebar contains all of Spritify's settings and controls. The sidebar is split in groups which can be expanded and collapsed by clicking a group's header.

Import | Export

Here you can save and load projects and export your sprites.

Brushes

Your current brush and pixels on the canvas consist of a color and behavior. The different brushes are described below.

Color brushes

The color brushes set the color a pixel will have.

The currently active brush is highlighted with [> You'll notice that each name here has its distinct color. These colors are also placed on the canvas when drawing with that brush.

Behavior brushes

The behavior brushes define the behavior of a pixel during the generation process.

The currently active brush is highlighted with [> You'll notice that the first character of each brush is highlighted. That's the character that is being placed onto the canvas if you use this brush.

In this example you can see two groups of If pixels and a group of Filler pixels. In the result you'll notice that the If groups are either present entirely or not at all. Whenever one of the Filler pixels reached one of the groups, the entire group got activated. (One of the If pixels activates due to having a neighbor, which then can activate another If pixel until the entire group is active)

Controls

Here you can find various functions to edit the canvas.

Flags

In this group you can find multiple flags to control the sprite generation.

Mirroring

Below some examples explaining the mirroring flags:

All mirroring is disabled and there's 4 pixels drawn to the bottom right of the canvas

Mirroring to the right is enabled, the edge is not mirrored. In addition to the 4 pixels we now see two of them being mirrored

Now both mirroring to the right and edge mirroring is enabled. There's now 8 pixels visible since all 4 input pixels were mirrored

Additionally downwards mirroring is now enabled (no edge)

Outline

When this is active the Fixed color is used to outline the generated images. This usually only makes sense when also setting the Scaling to > 1, since otherwise most pixels will be overwritten.

Here the Outline setting is disabled

Here the Outline setting is enabled

Remove lonely

Removal of lonely pixels disabled, there's pixels without any neighbours in the output

Removal of lonely pixels enabled, there's no pixels without any neighbours in the output

Sprite counts

Here you can set the number of images your sprite will have.

Shading

In this group you can configure the shading.

Below some example shading configurations:

Here shading is disabled. There's no brightness gradient within the images

Shading is enabled, the brightness is set to high

In this image shading is enabled, the brightness set to low

Here the shading direction is set to down

Noise

A low noise value

A high value is set for the noise

Scaling

You can scale your output image, creating several output pixels per input pixel. Be careful when combining this with high sprite counts since the sprite generation can then use a lot of memory and time. Also avoid setting high values for both scaling factors, since their multiplication affects the performance (both set to 10 -> ~100x worse)

A scaling (before) factor of one. Every input pixel creates an output pixel

A scaling (before) factor of two. Every input pixel creates 2x2 (4) output pixels

Scaled with a factor (before) of 16. Creating 16x16 (256) output pixels per input pixel

Colors

The default color configuration of black Fixed pixels and a white background

Using different colors

Palette

Here you can choose an image that will be used as source for Dynamic pixel colors. If you don't choose an image, random colors are used. Otherwise your image's pixels are used as input.

An image of a fire being used as palette

An image of the sky used as palette

Seed

Here you can define a seed used for the random generation. Changing this seed has a huge impact on the generated outcome.

Result with a specific seed

Using another seed but the same configuration and input yielding a different result