User Guide

Upload Video

Support drag-and-drop or click to select video files

1. Click upload area or drag video file to upload zone
2. Supports MP4, WebM and other common video formats

Configure Extraction

Choose extraction method and set frame interval

1. Choose method: Canvas (fast) or FFmpeg (precise)
2. Set frame interval, smaller value extracts more frames
3. View expected frame count and video duration

Extract Frames

Start extracting video frames and preview results

1. Click "Start Extraction" button and wait for processing
2. View all extracted frames in the frame preview area

Export & Transfer

Select frames to export or transfer to next module

1. Check desired frames, supports select all and batch selection
2. Click "Export Selected Frames" to download as PNG images
3. Or click "Remove BG" to transfer selected frames to Background Remover

Upload Images

Receive frames from extraction or upload local images

1. Automatically receive frame data from Frame Extract page
2. Or click "Add Image" to upload local PNG/JPG files

Chroma Key Removal

Remove background by specifying color, suitable for solid backgrounds

1. Select "Chroma Key" mode
2. Click target color or use color picker to set target color
3. Adjust tolerance value and preview removal effect

AI Model Removal

Use AI model to intelligently identify and remove background

1. Select "AI Model" mode
2. Select model and data type configuration
3. Click batch process, AI automatically identifies and removes background

Batch Process & Export

Batch process multiple images and export results

1. Select multiple images and click "Batch Process"
2. Use Diff comparison view to see before and after effects
3. Export processed transparent background images or generate Atlas

Auto Detect & Crop

Automatically detect sprite content area and crop transparent edges

1. Select processed transparent background sprites
2. Click "Auto Crop", system automatically detects content boundaries
3. Preview crop results, confirm and export cropped sprites

Add Sprites

Receive sprites from BG Remover or upload local files

1. Automatically receive processed sprites from Background Remover
2. Or click "Add Sprite" to upload local PNG files

Manual Layout

Freely drag and adjust sprite positions on canvas

1. Use select tool to select sprite
2. Use move tool to drag sprite to target position
3. Adjust position and scale precisely in inspector

Auto Arrange

One-click automatic optimization of sprite layout

1. Set canvas size and sprite padding
2. Click "Auto Arrange", system automatically calculates optimal layout

Export Atlas

Export Atlas image and Plist configuration file

1. Confirm canvas layout and sprite positions
2. Click "Export Atlas + Plist" to generate final files

Upload Atlas

Upload Atlas image and corresponding Plist file

1. Upload Atlas PNG image file
2. Upload corresponding Plist configuration file

Auto Detect

Parse Plist and identify all sprite regions

1. Click "Start Split" button
2. System automatically parses Plist and identifies sprite regions

Preview Split

Preview split results in grid or list view

1. Switch grid/list view to see sprites
2. Check sprites to export

Export Sprite Atlas Config File

Export identified sprite regions as atlas configuration file

1. Confirm sprite detection results are correct
2. Click "Export Plist" to download identified sprite Plist file