MOODBOARD — A Mood-Reactive Creative

MOODBOARD — A Mood-Reactive Creative Companion

What if your dashboard could feel what you feel?

Meet BLOO — a creative character who lives inside your workspace and reacts to your mood in real time. Not a mascot. Not a sticker. A companion who's actually plugged into what you're doing.

The idea: Every creative person cycles through the same emotional states every single day. The electric rush when ideas flow. The heavy fog of creative block. The jittery overdrive of too much caffeine. The quiet depth of deep thinking. And that pure, unfiltered joy when you finally ship something.

BLOO lives all of these — and shows it.

How it works: BLOO is driven by a Rive State Machine with 5 custom triggers. Each mood state triggers a unique full-body animation — arms, eyebrows, mouth, eyes, and body all move independently. Complete a task on the dashboard? BLOO jumps and celebrates. Switch your mood? His entire expression changes in real time.

What's under the hood: — Rive State Machine with 5 triggers (Inspired, Blocked, Caffeinated, Thinking, Celebrating) — 6 timeline animations with anticipation frames and squash & stretch — Eye blink loop on Idle state — Workspace scene — desk, coffee cup, sticky notes, pencil — all animated — Interactive Creative Dashboard — tasks, progress bars, energy tracker — Sound effects via Web Audio API — unique sound per mood — Keyboard shortcuts (1–5) for instant mood switching — Live deployed on GitHub Pages

The result: BLOO is not decorative. He's functional. He responds to user input, reflects the emotional state of the work session, and makes the dashboard feel alive.

This is what it means to build a character that lives inside a product.

Try it live: https://abuasifansari.github.io/moodboard/ Rive file: https://editor.rive.app/file/moodboard/2391491