Warbrush · v0.7.30 · Phase 3B · 4C

Warbrush · v0.7.30 · Phase 3B · 4C

Brush

4px

Color

Select

Canvas

I/O

Icons

64px

100%

Shapes

Ready · Brush tool

Tool: — · Sel: — · Canvas: 640×480 · BG: White · Tpl: None

New Canvas

Create a fresh canvas from a preset (fast) or a custom size (manual). Hard cap: ≤ 1920×1080.

Presets

Custom Size

Width

Height

Limit Max width 1920 · Max height 1080. Values outside the cap will be clamped.

Background

White Transparent

Note Transparent uses a checker preview (no pixels). White fills the canvas.

New canvas will clear the current drawing.

Selected: 640×480 · BG: White

Export PNG

Downloads a flattened PNG of the current canvas.

Filename

Base name

Include dims Include timestamp

Will download: warbrush_640x480_2025-01-01_12-00-00.png

Captured frames: 0

Frames (Phase 4B)

Delay (ms)

—

Loop

Quality (1–30)

—

GIF Preview (Phase 3)

Encoded GIF preview

—

Download GIF

Phase 4 (start) Download is now wired; final UX polish/testing comes next.

Tip If your browser blocks the download, you can still right‑click the preview and “Save image as…”.

Tip Ctrl+E opens Export. If a selection is floating, it will be committed first.

Canvas: 640×480 · BG: White

Icon Library

Pick an icon, tweak size/opacity/rotation, then stamp it onto the canvas. Phase 1 supports SVG <path d="..."> (multi-path ok).

Library

Selected

—

—

Tip Press T to toggle Stamp mode. Press I to open this library.

Stamp Settings

Color

Rotation (°)

Size

Opacity

Restrict to selection Link to brush color

Fill Mode

Fill Scope

Scope Global keeps one set of Fill/Gradient settings for every stamp. Per Icon remembers settings per stamp icon.

Grad A

Grad B

Grad C

Mid Stop

Mid: 50%

Angle (linear)

Angle: 45°

Gradient Presets

Presets Presets are optional and never affect Classic mode. Applying a preset respects your current Fill Scope (Global / Per Icon).

Gradient Pick the colors for the stamp fill. This only affects stamps when Fill Mode is set to a Gradient — Classic stamps stay unchanged.

Seed

Detail

Detail: 3.0

Contrast

Contrast: 1.15

Motion speed

Speed: 35 px/s

Drift

Drift: 24 px

Live stamps: 0

Selected live stamp: —

Size

Size: 64 px

Rotation

Rot: 0°

Opacity

Opacity: 1.00

Motion Speed

Speed: 35 px/s

Drift

Drift: 24 px

Detail

Detail: 3.0

Contrast

Contrast: 1.15

Seed

Tip: Toggle Select/Move Live to pick stamps. Drag to move. Press Delete to remove.

Fractal Uses your Grad A/B/C colors as a palette and renders a static plasma texture inside the stamp shape. (Animation comes later.)

Snap Hold Shift while stamping to snap rotation to 15° increments.

Add SVG (Custom)

Name

Category

SVG or raw path d

Notice —

Current: —

Stamp mode: Off · Size: 64px · Opacity: 100%

Roadmap · Phase 2 (GIF Template Viewport)

Phase 2 adds GIF template playback in the viewport (under the paint layer). Exports remain PNG-only in this build.

Locked Requirements (Definition of “Done”)

GIF animates in-canvas
Not first-frame only; plays inside the viewport layer.

Fractal/gradient lives inside the stamp
Stamp shape clips the animated fill; not a whole-canvas overlay.

Export GIF outputs real animation
Multi-frame GIF (not a static first frame).

No SVG “arc flag” console errors
Icon library must not inject SVG paths into DOM for thumbnails.

Export timing mode: B (override Frames/Delay) Stamp animation: Per-stamp seeds

Acceptance Checks (Phase Targets)

Phase 1 — Icon system stable ✅ (Implemented) - Open icon library → NO arc-flag errors in console - Thumbnails render via canvas only (no SVG injection) - Stamping still works Phase 2 — GIF playback layer - Open GIF → visibly animates in viewport - Painting persists while GIF plays Phase 3 — Fractal stamps - Fractal stamp animates INSIDE shape - Multiple stamps animate uniquely (seeded) Phase 4 — Export GIF (Mode B) - Export produces multi-frame animated GIF - Output matches viewport playback (Frames/Delay)

Build Status (Phase 2)

Phase 1 focuses on icon system stability (no SVG parser errors) and a readable Roadmap panel. GIF playback, fractal stamps, and animated GIF export begin in later phases.

Icon system stable
Canvas-only thumbnails & previews (no SVG DOM injection)

Roadmap layout fixed
Modal fills height; columns scroll cleanly

GIF template playback
Implemented ✅ (Phase 2)
File ▸ Open Template (Ctrl+O) loads GIFs and plays under paint.

Fractal stamps
Not implemented (Phase 3)

Export GIF
Not implemented (Phase 4)

M opens this Roadmap panel.