Welcome! This is a web-based game allows you and another player to play additional version of Rock, Paper, and Scissors fully on chain.
The technical challenge in frontend is how to keep data updated with the blockchain(state-management), and preventing players from losing their money (Cryptographically Secure Random Value, timeout responses, e.t...). and some tricks with etherjs. This is a project that requires lots of blockchain knowledge to be understood technically.
If you care more about game theory and game design, you can read my previous project here, which is similar but emphasize more on Game Theory and make the game more fun.
Scissors cuts paper. Paper covers rock. Rock crushes lizard. Lizard poisons Spock. Spock smashes scissors. Scissors decapitates lizard. Lizard eats paper. Paper disproves Spock. Spock vaporizes rock. Rock crushes scissors.
It's a game for two players, if you just want to test the game, it's better to use two browsers.
- First-hand creats the game: deploys the game contract, commits its move, assigns the second hand and stakes some money. First-hand will get the game address and salt after creating the game and first hand need to save the salt and send the game address for second hand to play.
- Second-hand joins the game with the game contract address provided by the first hand.
- Second-hand makes its move and stakes same amount of money as the first hand.
- First-hand reveals its move and salt. Result reveals and game over.
- If any party doesn't response within 5 minutes, the other party can end the game and get the stake back(if the second-hand didn't join, the first-hand will recieve its stake, and if the fist-hand was unwilling to reveal it's original move, the second-hand will get stakes of both).
- You can always restart a new game from landing page, every time the game restarted, a new contract will be deployed.
- turbopack is not supported yet
- components: Reusable components for other projects
- modules: Project-specific components that may only be reused within the project.
- Hooks: Common hooks for broader usage.
- services: Handles data fetching, caching, and state management. Separates data logic from UI elements.
- Next framework, jotai for data management, tailwind for styling.
First, install dependencies:
npm install
# or
yarn install
# or
pnpm installThen, run the dev env
npm run dev
# or
yarn dev
# or
pnpm dev