PokeWars

This project is a multiplayer Pokémon shooting game built on top of web3 technology, combining gaming, blockchain, and real-time interactions. Players can connect their MetaMask wallet to log in, choose their Pokémon, and compete in fast-paced battles.

The game uses Phaser as the core game engine to power the 2D shooting mechanics, animations, and real-time gameplay. Players control their Pokémon on the battlefield, shoot projectiles, dodge attacks, and fight other players in a dynamic multiplayer arena.

To enhance the experience, the game integrates with the Polygon blockchain:

Pokémon ownership is tied to NFTs, so players can use their on-chain Pokémon inside the game.

Rewards are distributed through the X402 protocol, giving players daily incentives for participation and victories.

MetaMask is used for authentication and transaction signing, making entry simple and secure.

Multiplayer functionality is powered by WebSockets, ensuring smooth communication between players, real-time updates of health, attacks, and positions, and a competitive online experience.

The React.js frontend provides a seamless interface around the Phaser game, including menus, lobbies, matchmaking, and player dashboards.

We built this project using Polygon smart contracts, MetaMask wallet integration, and a gamified frontend to create a smooth crypto onramp/offramp experience with daily rewards.

Core Protocol:

Smart contracts written in Solidity deployed on Polygon.

Integrated the X402 protocol to provide daily on-chain rewards for active users.

Frontend & User Experience:

Built with React.js for the main UI.

Integrated MetaMask for authentication, wallet connection, and transaction signing.

Used Phaser to create a gamified interface that makes interacting with balances, rewards, and flows more engaging.

WebSockets power real-time updates so users see instant changes in balances, rewards, and onramp/offramp progress.

Backend Services:

Node.js backend to handle off-chain coordination, messaging, and WebSocket connections.

The backend also communicates with the smart contracts to sync user states and manage rewards distribution logic.

Security & Reliability:

All transfers and reward claims are verified on-chain.

MetaMask ensures transactions are signed securely by users.

Daily rewards via X402 are transparent and tamper-proof since they’re enforced by smart contracts.

Hacky but fun things we did:

Integrated Phaser not just for visuals, but to make onramp/offramp flows feel like a game.

Built an optimistic WebSocket layer so users get instant feedback before on-chain confirmation.

Streamlined reward claiming by combining on-chain verification with a lightweight off-chain notification system.

This mix of Polygon + Solidity + React + Phaser + WebSockets + MetaMask + X402 allowed us to create a low-cost, real-time, and gamified onramp/offramp experience.