rainbow-trail
@jeffy24

rainbow-trail

Draw color cards and race animated pawns across a bright original 3D trail board.

About this tile

Rainbow Trail is an original color-card path race for two local players. Coral and Teal draw color cards, move to the next matching tile, and race to tile 36 on a bright Three.js trail board.

The app keeps the board front and center with animated pawns, candy-bright color tiles, subtle trail ribbons, top race stats, and bottom controls for the frequent draw action plus a finish drill and new round.

What you can do

  • Draw from the bottom bar: The card action advances the current pawn immediately.
  • Read the color trail: Pawns jump to the next tile matching the drawn color.
  • Race to the finish: A player wins by reaching tile 36.
  • Practice the finish: The drill loads a terminal rainbow-card position.
  • Share one instance: Synced-store keeps the race state consistent across clients.

Development

  • ./scripts/doctor.sh checks the local toolchain.
  • bun run type-check verifies TypeScript.
  • bun test runs synced-store and happy-dom UI tests.
  • bun run test:playwright builds and runs browser tests.
  • bun run screenshot:regen regenerates assets/screenshot.png.
  • bun run regenerate-screenshot is an alias for screenshot regeneration.