Make a purple Blobby look sad after a snack






Because visitors said
- “Can u make the color represent emotion, for example, click red+ feed = smile, purple+ feed= sad, and so on. Red+poke=shake purple+poke=shrink”
More about this change
You asked for red to mean a smile. Blobby has no red swatch, so pink stands in for red: a pink Blobby already grins after a snack. This step makes a purple Blobby look sad after a snack. As a visitor, I want Blobby's colour to show an emotion when I feed it, starting with a purple Blobby turning sad, so that picking a colour changes how Blobby feels. src/features/blob/lib/time-mood.ts: new `sad` mood with the label "Sad", plus `colorSnackMood(color)` (purple → sad, every other colour → happy). `shownMood` takes the snack mood, so a daytime snack shows sad or happy, and night still stays Sleepy. src/features/blob/components/blob-creature.tsx: passes the colour's snack mood to `shownMood`. While Blobby is Sad it draws a frown overlay (`data-testid="blob-frown"`). It fades back to Awake on the existing 4 s HAPPY_MS timer. src/features/blob/components/blob.module.css: a `.sad` class on the body hides the glyph's own calm smile and gulp mouth while the frown shows, so the two mouths don't cross into an X. src/features/blob/feature.manifest.ts: new selectors `frown` and `colorPurple`, a new flow `blob.sad` that walks through every acceptance criterion, and an updated uiLocation. FEATURE_MAP.md is regenerated with `pnpm featuremap`. src/features/blob/tests/time-mood.test.ts: unit tests for `colorSnackMood`, the Sad label, and `shownMood` with a sad snack (day, night, surprised, not fed). src/features/blob/README.md: the mood section notes that a purple Blobby is Sad after a snack.











































