2D Game Asset Creator-4.0

GameAsset Creator 4.0

SPRITE EXTRACTION PIPELINE  |  CLIENT-SIDE

Upload

Image loaded0

Selected--

Background Setup

Already transparent (PNG alpha)

No transparent source detected -- enable manually if you know it applies.

Click on the canvas to sample the background color

RGB: --

HEX: --

Tolerance 30

Edge flood-fill (smart)

Only removes background pixels connected to the image edge -- safe for matching colors inside the subject (e.g. white mountains on white bg).

Alpha threshold 10

Sprite Detection

Min Size (px) 16

Max Size (px) 1024

Padding (px) 2

Max Sprites 64

Merge Overlap

Detection Method

Auto (Connected Components) Uniform Grid Slicing

Grid Cols 4

Grid Rows 4

Remove Background

Tolerance 30

Edge Feather 1px

Erosion 0px

Smooth Mask

Touch-up

Sprites0

Clean0

Edited0

Skipped0

Wand Power (Tol) 35

Expand Edge (Grow) 1px

Contiguous

Despill Edge (No Green)

Click patch to erase. Hold Shift and scroll to zoom in/out. Expand eliminates border fringe.

Brush Radius 10px

Click & drag to erase stray pixels. Use [ and ] to resize brush. Hold Shift and scroll to zoom in/out.

Canvas & Layout

Canvas Size 256px

Margin (px) 8

No-upscale (nearest size)

Each sprite is placed on the smallest standard canvas that fits it (16..512) instead of being stretched up to the size above -- the size above becomes a cap, not a forced target.

Export Options

Format

PNG (Lossless 32-bit)

Folder / Package Name

Base Filename

Folder Structure

Single Folder (ZIP Root - No nested sprite folder) Enclosed in Folder inside ZIP

Pipeline

1 Upload Images

2 Pick Background

3 Extract Sprites

4 Remove Background

5 Touch-up

6 Trim & Center

7 Export ZIP

SOURCE IMAGE  |  Scroll Zoom  |  Drag Pan | No image loaded

Fit

+

Drop Sprite Sheet or Image Here

Supports PNG, JPG, WebP, GIF -- single image or sprite sheet.
Files are processed 100% locally in your browser.

Ready. Load an image or sprite sheet to begin.

CLICK TO PICK BG  |  Scroll Zoom  |  Drag Pan | Pos: --  |  Color: --

Fit

Click the background area, adjust tolerance, then confirm.

BOUNDING BOX DETECTION  |  Scroll Zoom  |  Drag Pan | Found: 0 sprites

Fit

Tune parameters on the left and click "Extract Sprites".

BACKGROUND REMOVED PREVIEW | Sprites: 0 | Hover card to Delete / Drop unwanted sprites

Click "Remove Background" to process all extracted sprites.

-- clean

Fit

0 / 0

Shift + Scroll Zoom at Cursor

Scroll Pan Up/Down

Space + Drag Hand Pan

[ ] Resize Brush

Ctrl + Z Undo

A / D Prev/Next

1x

Select Magic Wand or Brush to clean up transparent sprites.

TRIM & CENTER| Canvas: 256x256  |  0 sprites

Adjust canvas size and padding, then click "Trim & Center".

READY TO EXPORT| 0 assets ready

Ready to download ZIP package or individual PNG files.

Keyboard & Mouse Shortcuts

Zoom at Cursor Shift + Scroll

Pan Canvas Up/Down Scroll

Hand Pan View Space + Drag

Middle-Mouse Pan Middle Click + Drag

Undo Touch-up Ctrl + Z

Switch Sprite A / D or Arrow Keys

Adjust Brush Size [ and ]

Magic Wand Erase Click color patch

Brush Erase Click + Drag

Drop / Delete Sprite Click red icon on card (Stage 4)

Close Shortcuts Esc or Click Outside

Export Package Stage 6 Download ZIP