# Sprite Sheet Maker — Full Documentation

> Sprite Sheet Maker is an AI-powered sprite sheet maker. Describe a character and an action, and the tool produces a live animated preview plus a single-row sprite sheet PNG suitable for game engines, animation pipelines, and motion design.

## Overview

Sprite Sheet Maker lets game developers, indie creators, and animators produce sprite sheet animations without manually drawing every frame. Users complete a 4-step guided flow that turns a natural-language description into a usable PNG sprite sheet in roughly a minute. The pipeline combines an LLM (for prompt extraction and style suggestions) with a generative animation model, plus an optional background-removal pass.

## How It Works

### Step 1: Subject & Action
Describe the character and what they do — for example, "a pixel-art knight performing a 4-step walk cycle" or "a low-poly fox doing an idle breathing animation." The LLM extracts the subject, motion type, and any specific cues.

### Step 2: Perspective & Specs
Pick the camera angle (side-view, front-view, 3/4 view) and choose the output dimensions and frame count. Common presets target classic 8-, 16-, and 32-frame sprite sheets.

### Step 3: Style
The LLM suggests visual styles (pixel art, hand-drawn, cel-shaded, low-poly, photorealistic, etc.) that match the subject and use case. Pick a style or describe your own.

### Step 4: Generate
Sign in, confirm credit cost, and run the generation. The AI produces a live animated preview of your character looping, and a single-row sprite sheet PNG. An optional Remove Background add-on outputs frames with transparent alpha for easy compositing.

## Key Features

- **Natural-language input**: Describe the subject and action in plain English (or Chinese), no prompt engineering required
- **Live animated preview**: Watch your character animate in a smooth loop the moment generation finishes — confidence before download
- **Multiple frame counts**: 8, 16, 24, or 32 frames per sheet, with custom counts available
- **Single-row sprite sheet PNG**: Standard layout that drops straight into Phaser, PixiJS, Godot, Unity, and other engines
- **MP4 preview included**: Download the looping preview alongside the sheet for reference
- **Remove Background add-on**: One-click matting pass produces frames with transparent backgrounds
- **Multi-language UI**: English, Chinese, Japanese, Korean, French, and Spanish
- **User accounts**: Generation history, credit balance, and subscription management
- **Daily free quota**: Anonymous trial generations per day, plus a registration bonus

## Pricing

Pricing is fetched live from the backend so the most up-to-date plans and credit packs are always shown on the [pricing page](https://spritegen.ai/pricing). Plans cover free daily quota, monthly subscriptions with credit allocations, and one-time credit packs that never expire.

## Frequently Asked Questions

### How does the sprite sheet maker work?
You describe the character and the action in plain language. The AI produces a live animated preview of your character looping, plus a single-row PNG sprite sheet ready to drop into your game engine.

### What's the output format?
A PNG sprite sheet (single row, frames laid out left-to-right) plus an MP4 preview of the looping animation. Optionally, frames can be exported with transparent backgrounds.

### How many frames per sheet?
Common presets cover 8, 16, 24, and 32 frames. Choose the count that matches your engine's animation system or your art style.

### Can I get transparent backgrounds?
Yes — the optional Remove Background add-on runs a matting pass on each frame so the output has transparent alpha, ready to drop into any engine.

### What languages does the interface support?
The interface and AI prompts support English, Chinese, Japanese, Korean, French, and Spanish.

### Is it free to try?
Yes — anonymous users get a daily free quota for trial generations. Signing up adds a registration bonus you can spend on full generations and background removal.

## Pages

- **Home** (https://spritegen.ai/): Landing page with the 4-step generator, pricing, and FAQ
- **Pricing** (https://spritegen.ai/pricing): Plans and one-time credit packs (live pricing from the backend)
- **FAQ** (https://spritegen.ai/faq): Detailed answers about sprite sheets, frames, credits, and licensing
- **About** (https://spritegen.ai/about): Team background and mission
- **Dashboard** (https://spritegen.ai/dashboard): Your generation history (requires login)
- **Login** (https://spritegen.ai/login): Sign in with email/password or OAuth (Google, GitHub)
- **Sign Up** (https://spritegen.ai/signup): Create an account to claim the registration bonus
- **Privacy Policy** (https://spritegen.ai/privacy): Data handling and privacy practices
- **Terms of Service** (https://spritegen.ai/terms): Usage terms and conditions

## Localized Pages

All pages are available with locale prefixes (default English has no prefix):
- 中文: https://spritegen.ai/zh/
- 日本語: https://spritegen.ai/ja/
- 한국어: https://spritegen.ai/ko/
- Français: https://spritegen.ai/fr/
- Español: https://spritegen.ai/es/

## Technical Details

- **Architecture**: Static site generated with Astro 6, deployed on Cloudflare Pages
- **AI Backend**: LLM orchestration for prompt extraction and style suggestions, combined with a generative animation model; an optional matting model handles background removal
- **Authentication**: Email/password and OAuth (Google, GitHub) via Better Auth
- **Performance**: Pure static HTML with React Islands for interactive components — fast load times, SEO-friendly

## Contact

Email: hi@spritegen.ai