A little coffee cup character with noodly rubber-hose arms walks in from the left, waves at the camera, and does a happy hop. 1930s cartoon style, black and cream, a bit of film grain. Loop it.

SCOPE
Go all out. This is a showcase piece, so be ambitious and surprising and push the craft as far as you can: layered depth, rich secondary motion, light, a memorable signature moment and polish in every frame. Read my description boldly; it's the starting point, not the limit. Keep my core idea recognisable.

TECHNIQUES
The linked phrases above mean exactly this:
- Film grain: Fine random speckles vary with the image's brightness, like the silver halide crystals of photographic film.

QUALITY BAR
This will sit next to work by professional motion designers. A correct but mechanical result counts as a failure. Make it feel alive, intentional and physically believable, the way a skilled animator would deliver it; deciding what that takes is your job.

OUTPUT
Build it as an artifact: one self-contained HTML file with an inline <canvas> animation, well-known libraries such as GSAP or three.js loaded from cdnjs or jsDelivr are fine, but no outside images. It should play automatically and loop. Also define window.motion = { duration, fps: 60, render(t) }, where render(t) draws the frame at t seconds from t alone, so the animation can be exported to video frame by frame.

CHECK YOUR WORK
If you can run code (for example in Claude Code), render a contact sheet of frames by calling window.motion.render(t) at evenly spaced times, look at it as an animator would, and revise anything that feels mechanical, cramped, rushed or unclear. Repeat until you would be proud to show it.