teddy-clinic

Teddy Clinic is an original Three.js steady-hand tabletop game for Poe. Players read the treatment card, tap the matching pocket on the teddy board, avoid buzzing the wrong pocket, and clear every treatment.

Gameplay

• Read the active card in the bottom panel.
• Tap the matching treatment pocket directly on the teddy board.
• Wrong pockets buzz, highlight the requested pocket, and reset the streak.
• Treat every pocket to finish the clinic board.

Implementation

• Three.js renders a plush teddy clinic board with animated glowing treatment pockets.
• Synced-store persists score, buzzes, streak, target card, removed pieces, and round state.
• Transparent hit targets are larger than the visible pockets and aligned to the rendered board.
• Playwright tests cover direct board taps, canvas rendering, and a 300x500 mobile viewport.

Commands

• bun run doctor
• bun run dev
• bun run build
• bun run type-check
• bun run test
• bun run test:playwright
• bun run publish-to-app-platform