BitCanvas Studio – Animation Tool

Display Setup

Resolution (px)

Width

Height

Big grids (128×64) are heavier but fine for PC. For smoother UX while sketching, you can work smaller and upscale in code.

Frame Tools

Shift Frame

Generative

Onion-skin previous frames

Onion-skin depth

Show all frames overlay

Auto-play on first draw

Animation Frames

Drawing Tools

Tool

Brush Size

Size: 1

Horizontal symmetry

Vertical symmetry

Pencil: Click & drag to paint pixels
Brush: Larger circular brush
Line/Rect/Circle: Click start, drag to end
Fill: Click area to fill
Select: Select area, then draw within
Symmetry: Mirror drawing across axes

Frame: 1 / 1 Resolution: 64×64

Timeline

Idle

FPS 8

Import Bitmap

Upload image (PNG/JPG)

Invert

Threshold

128

Import as new frame

Image will be scaled to your current resolution (64×64) and converted to 1‑bit.

Paste C hex bitmap (optional)

Assumes the bytes are row-major, 8 horizontal pixels per byte, MSB=left (same as this tool’s export).

Export

Symbol prefix Export Format

C arrays use a row-major 1-bit bitmap (8 horizontal pixels per byte). Plug into display.drawBitmap() (Adafruit GFX / U8g2 compatible).