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

Open
opened 2026-04-17 21:34:45 -07:00 by pyr0ball · 0 comments
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

  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)

  • 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
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: Circuit-Forge/kiwi#87
No description provided.