Mark the frames you'd like to appear in
selected animation
Spritesheet
SpriteDatSheet -
How to use it
This software allows you to pack your animation frames into a spritesheet (characters, assets, etc)
to use in the popular 2D engines (e.g PixieJS).
This is how you use it:
Grab your PNG files and drop them in the drop area (marked with ).
Alternatively, you could paste the image (or a group of images) from the clipboard: copy it,
click the drop area and press Ctrl+V (Windows) or Cmd+V (Mac).
You will see your files appearing underneath.
In the sidebar on the left click .
The prompt will appear - enter
the name of the animation in prompt (e.g. "Running_left").
The animation will be created and automatically selected as "Active anmiation"
In the working area click on the frames (marked with ) you'd like to be a part of the selected
animation in the order you want them.
You will immediately see the animation preview in the sidebar on the left. Feel free to
adjust the FPS to your needs (it's only affecting the preview).
You will also immediately see the spritesheet preview under the working area. It's
scaled down to fit the window, don't worry, you're getting it in full resolution later.
Configure spritesheet to your needs using checkboxes in the "Spritesheet properties"
section of the sidebar
Add more animations using
Delete selected animation using
Once you're happy with the result - go to the download section (marked with ).
Use to download the complete spritesheet PNG image.
Use to download the spritesheet data file in the format of your choice.