How to Use AutoSprite

This guide walks you through creating your first spritesheet with AutoSprite. By the end, you'll have a complete character animation ready for your game.

Before You Start

You'll need:

• A character image (PNG or JPG, any size)
• A free AutoSprite account

Step 1: Upload Your Character

1. Click "New Character" in the sidebar
2. Drag and drop your image, or click to browse
3. Give your character a name (e.g., "Knight", "Wizard")
4. AutoSprite will analyze your image and detect the character

Step 2: Select Animations

Select the animations you want to create:

You can also create Custom animations by describing the action you want.

Step 3: Generate

Click "Generate" to start. AutoSprite will:

1. Create AI video loops for each animation
2. Extract frames from each video
3. Remove backgrounds automatically
4. Assemble your spritesheet

This typically takes 30-60 seconds per animation.

Step 4: Preview Your Animations

Once generation completes, use the preview to test your character:

• Arrow keys/WASD - Move your character
• Spacebar - Jump (if jump animation exists)
• Click - Attack (if attack animation exists)

Not happy with an animation? Click "Regenerate" to create a new version.

Step 5: Export

Click "Download" to export your spritesheet:

• PNG Spritesheet - All frames in a single image
• JSON Atlas - Frame positions and animation data

The JSON file includes frame coordinates, timing, and animation loop information that game engines can read directly.

What's Next?