Cheatsheet
The whole demo on one page. ⌘ = macOS, Ctrl = Windows.
First open (unsigned demo): macOS right-click → Open (or run
xattr -dr com.apple.quarantine), Windows More info → Run anyway.
Play in 10 seconds
Section titled “Play in 10 seconds”- Open the Library (tray → Show Library).
- Pets tab, Default source → click a pet.
- Flip Live on → pet appears at the bottom of the screen.
- Drag it anywhere; drop it in mid-air and it falls.
Tray menu
Section titled “Tray menu”| Item | Does |
|---|---|
| Show Library | Open the main window |
| Focus Mode | Pets become click-through (can’t drag) |
| Hide All Pets | Hide everything at once (toggle) |
| Settings… | Preferences |
| Report a problem… | Settings → Diagnostics (export logs) |
| Quit | Exit the app |
Pets also auto-hide during fullscreen apps (toggle in Settings → General).
Settings panes
Section titled “Settings panes”- General: Launch at login · Hide during fullscreen · Editor minimap · Snap to grid
- Appearance: Accent color: Blue / Honey / Teal / Coral
- Focus Mode: On/off · Ghost Opacity (macOS) / hides on hover (Windows)
- Language: EN · 日本語 · ES · 繁體中文 · 简体中文
- Diagnostics: Export logs (never uploads) · Discord
- About: Version · Discord
Create loop
Section titled “Create loop”New Pet → Import sprites → (Slice a sheet) → wire graph → Debug → Save → toggle Live.
A pet needs a valid, saved graph to go Live. Minimum: Start → Idle(sprite) → End.
Export a custom pet (.spe) or object (.speo) from its editor; add others with
the Library’s Import button. Defaults cannot be exported or cloned.
The five nodes
Section titled “The five nodes”| Node | Category | Fields |
|---|---|---|
| Start | Lifecycle | None (entry point; one only) |
| End | Lifecycle | None (loops back to Start) |
| Idle | Action | Sprite · FPS · Duration (default 2-5 s) |
| Walk | Action | Sprite · FPS · Duration (default 3-6 s); auto-direction, bounces at edges |
| Random | Logic | Paths 2-8 (weighted pick of a connected output) |
Drag and fall are always-on in this demo, not nodes (they become node behaviors in Early Access).
Editor shortcuts
Section titled “Editor shortcuts”| Key | Action |
|---|---|
| Double-click canvas | Add-node search (type · ↑↓ · Enter · Esc) |
| Drag Out → In | Connect nodes (one wire per output; re-drag to replace) |
| ⌘S / Ctrl+S | Save |
| ⌘N / ⌘O / ⌘W | New · Open · Close |
| Delete / Backspace | Delete selected node(s) |
| Shift-drag / ⌘-click | Multi-select |
| Zoom pill (bottom-right) | −, %, +, Fit (10%-500%) |
Snap-to-grid & minimap: Settings → General. Validation runs on Save and Debug.
Other shortcuts
Section titled “Other shortcuts”- Library: ⌘, / Ctrl+, Settings · Esc exit Select mode
- Importer / dialogs: Esc cancel
Importer & Slicer
Section titled “Importer & Slicer”- Import from: single image · PNG sequence (natural order) · GIF (FPS pre-filled) · sprite sheet (→ Slicer)
- All frames of one animation must be the same size. Default 4 FPS.
- Slicer: set Frame Size or Grid X/Y (+ Separation, Offset, Frame Order) → click cells → Confirm (N). Try Auto-detect grid.
Sprite limits & guidance
Section titled “Sprite limits & guidance”| Sheet width | ≤ ~4096 px (wraps to rows) |
| Frame size | Aim ~64-128 px, up to ~256; smaller = faster (no hard limit for normal art) |
| Format | PNG / GIF, transparent background |
| Default FPS | 4 |
| Scale range | 0.1×-20× |