Launching the GUI
Open the GUI with any of these commands:- Empty project
- With GUI command
- With project file
Window layout
The window is divided into five panels:Menu bar
Menu bar
Toolbar
Toolbar
Below the menu bar. Contains:
- Export button
- Add Sprites button
- Preview Animation button (enabled when two or more sprites are selected)
- Source count indicator
- Light/Dark theme toggle
Sprite list (left panel)
Sprite list (left panel)
Shows source directories at the top and packed frame list below. Resizable by dragging its border.
Settings (right panel)
Settings (right panel)
All packing configuration options organized into collapsible sections. Resizable.
Atlas preview (center)
Atlas preview (center)
The composited atlas texture. Updates automatically when any layout, sprite, or algorithm setting changes.
Output log (bottom panel)
Output log (bottom panel)
Timestamped messages from pack operations. Resizable.
Managing sprites
Adding sprites
There are multiple ways to add sprites to your project:Dropping an image file adds its parent folder as a source directory.
Sprite list panel
The top section lists configured source directories. Use the Add and Remove buttons to manage entries. The bottom section shows the packed frames from the most recent pack. Click a frame to select it. The selection highlights the corresponding region in the atlas preview and opens a detail view with:- Frame and source coordinates
- Nine-patch editor: checkbox to enable, four inputs for top/right/bottom/left border widths, preview showing the boundary lines over the sprite
- Pivot editor: checkbox for a custom pivot, X/Y sliders scaled 0.0–1.0, interactive preview where dragging the crosshair updates both sliders
- Add Override button to persist the nine-patch and pivot values into the project
Frames marked as aliases show the name of the canonical sprite.
Atlas preview panel
The atlas texture fills the center panel with interactive controls:- Scroll to zoom (0.05× to 64×)
- Click and drag to pan
- Double-click to reset zoom and pan
A blue overlay with “Drop folders or .fpsheet here” appears when files are dragged over the window.
Settings panel
The settings panel has four collapsible sections:Texture settings
Controls output path (text field + Browse button), name prefix, texture format (PNG/JPEG/WebP), pixel format, data format (JSON Hash/JSON Array/Phaser 3/PixiJS), quality, premultiply alpha, and texture path prefix.Layout settings
Controls:- Max width/height
- Optional fixed width/height
- Size constraint (Any/Power of 2/Multiple of 4/Word aligned)
- Force square toggle
- Allow rotation toggle
- Border padding
- Shape padding
- Algorithm (Grid/Basic/MaxRects/Polygon)
- MaxRects heuristic
- Pack mode (Fast/Good/Best)
Sprite settings
Controls:- Trim mode (None/Trim/Crop/CropKeepPos/Polygon)
- Trim margin
- Trim threshold
- Extrude
- Common divisors
- Alias detection toggle
Variants
Lists scale variants. Each variant has:- Scale factor
- Scale mode (Smooth/Fast/Scale2x/Scale3x/HQ2x)
- Filename suffix
Pixel art modes (Scale2x/Scale3x/HQ2x) are planned but not yet implemented.
Auto-repack
Changing any layout, sprite, or algorithm setting triggers an immediate repack. The atlas preview updates in place without needing to click a button.Output-only settings (texture format, data format, quality, output directory, name) do not repack.
Exporting
Export compresses the atlas image using the configured texture format (PNG/JPEG/WebP) and writes a data file in the selected data format alongside it.
Output log panel
Messages appear with a timestamp prefix:- Info messages are grey
- Warnings are orange
- Errors are red
Keyboard shortcuts
All shortcuts can be rebound in Edit → Preferences → Keybinds.
Drag and drop
FastPack supports drag and drop for quick operations:- Dropping a .fpsheet file opens it as the current project
- Dropping a folder adds it as a source directory and triggers an automatic pack
- Dropping an image file adds its parent folder as a source directory
Project files
Open and save with File > Open/Save or the corresponding keyboard shortcut. The window title shows the project name with an asterisk when there are unsaved changes. The project file is TOML with a.fpsheet extension. See the project file guide for the full schema.