Project
Roulette

Shell Game

A Shell game is a classic gambling game that dates back to ancient Greece.

AdvancedWeb appGame14–32hAI-buildable 3/5no setup

A Shell game is a classic gambling game that dates back to ancient Greece. Playing it requires three shells, a pea, hand dexterity by the operator, and keen observation skills on the part of the player. It's also a classic con game since its easy for the operator to swindle the player. Thank goodness the latter isn't our intent with this app. This Shell game is intended to provide a graphical interface to the classical shell game and to provide the player with an honest game to play. Our game draws three shells on the canvas along with the pea, moves the pea under one, of the shells, and…

UI
Logic
Useful

Hosting · Free forever

Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.

Deploy it and share a link.

Core features · 9

  • User can see the canvas with three shells and the pea.
  • User can click the shell the pea is to be hidden under.
  • User can see the pea move under the shell that's been clicked.
  • User can click on a 'Shuffle' button to start an animated shuffling of
  • User can click on the shell she believes the pea is hidden under when
  • User can see the shell that has been clicked rise to reveal if the pea
  • User can continue clicking shells until the pea is found.
  • User can see a congratulations message when the pea is located
  • User can start a new game by clicking a shell the pea is to be hidden

Once it works

  • User can see a score panel containing the number of wins and the
  • User can see the number of games played increase when the pea is hidden
  • User can see the number of wins incremented when the pea is found on
  • User can see the shell hiding the pea to animate (color, size, or

Suggested stack

reacttypescripttailwindcanvas-apithree.jsrechartsframer-motiondate-fns

Track it