Heroes Of Wallaby

• 

  1. Start Screen

• 

  2. Select/Mint Hero

• 

  3. Select Difficulty

• 

  4. Gameplay

• 

  5. Round Loss

• 

  6. Round Win

Inspiration

We love pixel art and wanted to build a Web 3 game.

What it does

• Mint your NFT hero by staking tFIL and unlock in-game rewards.
• Fight 28 different enemies and complete dungeons to collect rewards.
• Pick the dungeon difficulty carefully, easier dungeons offer smaller rewards and are less risky.
• Avoid the Dungeon of Degen - large rewards are found there, yet the risks are far greater.
• NFT characters can be burned anytime to collect the stake and earned rewards.

How we built it

• The project uses Next.js for front-end & API, MUI as UI library and Ethers.js for smart contract calls. The code is deployed on Vercel. Socket.io is used for server-client sync. Game library used is Kaboom. Wallet connect is done with Rainbow Me. Game art generated with MidJourney AI.

Challenges we ran into

• Sync game progress with on-chain required a Metamask transaction each time. We made it as such the smart contract is paying for the sync, so players can enjoy an uninterrupted gaming experience.

Accomplishments that we're proud of

• We've built this game in a couple of days as 2 devs

What we learned

• AI-generated art is awesome (we used MidJourney)
• Building Web3 games is tons of fun

What's next for Heroes Of Wallaby

• Finalise game mechanics for rewards and loses
• Launch on Mainnet
• Add more characters, dungeons and game mechanics
• Set up Game DAO and become decentralised

Built With

• ethers.js
• kaboom.js
• midjourney
• mui
• next.js
• socket.io
• vercel