Block Ninja

Block Ninja

Block Ninja is a fast-paced, web-based arcade game that combines the thrill of slicing falling blocks with blockchain integration. Players take on the role of a nimble ninja, slicing through cascading blocks to score points and build combos. The game features a responsive canvas interface, dynamic audio feedback, and a polished UI, all built with modern web technologies like React, TypeScript, and Tailwind CSS.

🔗 Blockchain Integration

One of the standout features of Block Ninja is its integration with the Monad Testnet blockchain. Players can connect their Monad-compatible wallet to unlock the leaderboard, slice falling blocks to earn points, and compete for high scores. The project includes an Express backend for RPC calls and an on-chain leaderboard powered by a Monad Testnet smart contract.

🎮 Gameplay Highlights

• Precision Gameplay: Slice falling blocks with tuned physics and responsive pointer support.

• Wallet-Gated Sessions: Connect your Monad-compatible wallet to access the game and leaderboard.

• On-Chain Leaderboard: Compete for high scores and see your rank on the Monad Testnet blockchain.

• Dynamic Audio Feedback: Enjoy immersive sound effects that enhance the gaming experience.

• Polished UI: Navigate through a sleek user interface with intuitive controls.

🚀 Tech Stack

• Frontend: React 18, TypeScript, Vite, Tailwind CSS, Radix UI primitives.

• Rendering: Custom canvas/WebGL loop orchestrated inside BlockNinja.tsx.

• Blockchain: Ethers v6 with a Monad Testnet contract (Leaderboard.sol).

• Backend: Express server co-located with the Vite build for proxying blockchain requests.

• Tooling: pnpm, Vitest, TypeScript strict mode, PostCSS, Tailwind Merge.

🌐 Try It Now

Experience the game live at https://blockninjax.netlify.app/.