Cast: Critters

Six animals carry every example. Flat SVG, 2px outlines, tinted from the palette — so a variable can literally be a coral cat.

Momo

cat

Default protagonist. One object with attributes

Rex

dog

A second instance of the same idea

Pip

bird

Movement — loops, steps, iteration

frog

True / False. A boolean with eyes

Nemi

fish

An item inside a container

Hopps

bunny

Counting. They add up fast

One sprite, eight tints

Colour is data. Three coral cats and one mint cat is a list with one odd element, and nobody needs the word "element" explained.

Sizes

40 · inline

64 · default

96 · hero

Never below 40 on a projector. Outlines stay 2.5 at every size, so the set keeps one weight.

Names are fixed

MomoRexPipBoNemiHopps

Momo is always the cat, Rex always the dog. One word, no surnames, never reassigned to another species — the names become variable names in the code, and a beginner should recognise them on sight.

Momo has five poses

sittingDefault. Any example

loafAt rest, settled value

peekInside a box or list

sleepWaiting, idle, done

standMoving, one loop pass

One character, five states — not five characters. A sleeping cat is the same Momo, waiting.

<ArtSprite name="cat" color="coral" accent="rose" :size="76" /> — body takes color, second colour takes accent, outlines are always --text. Sprites live in utils/sprites.ts.