easter egg: BotW-style cooking animation on community meal post confirmation #87

New issue

Open

opened 2026-04-17 21:34:45 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-17 21:34:45 -07:00

Owner

Idea

When a user publishes a meal to the community feed (Build Your Own post), the confirmation flow plays a Breath of the Wild-style cooking animation built in Vue/HTML5.

Flow

User uploads meal photo + instructions + selects ingredients
Taps "Post to Community"
Animation plays:
- All ingredient tile images fly into a cooking pot / bowl center-screen
- Poof of steam (CSS particle burst or SVG animation)
- User's meal photo fades in inside a transparent modal overlay
- Stats card slides in (macros, pantry items used, etc.) as confirmation
- A kiwi bird flies in from the edge and perches on the top of the modal
User confirms or edits, then dismisses

Notes

Pure Vue + CSS/SVG -- no canvas required
Kiwi bird perch animation is the signature touch (brand mascot)
Must respect prefers-reduced-motion -- skip or simplify animation if set
Only fires on community post, not on local "I cooked this" log

Tier

Free (community feed access is free per current tier design)

Community feed feature: #76
No-panic UX policy applies -- animation should feel celebratory, not stressful

## Idea When a user publishes a meal to the community feed (Build Your Own post), the confirmation flow plays a Breath of the Wild-style cooking animation built in Vue/HTML5. ## Flow 1. User uploads meal photo + instructions + selects ingredients 2. Taps "Post to Community" 3. Animation plays: - All ingredient tile images fly into a cooking pot / bowl center-screen - Poof of steam (CSS particle burst or SVG animation) - User's meal photo fades in inside a transparent modal overlay - Stats card slides in (macros, pantry items used, etc.) as confirmation - A kiwi bird flies in from the edge and perches on the top of the modal 4. User confirms or edits, then dismisses ## Notes - Pure Vue + CSS/SVG -- no canvas required - Kiwi bird perch animation is the signature touch (brand mascot) - Must respect prefers-reduced-motion -- skip or simplify animation if set - Only fires on community post, not on local "I cooked this" log ## Tier Free (community feed access is free per current tier design) ## Related - Community feed feature: #76 - No-panic UX policy applies -- animation should feel celebratory, not stressful