MoonRace
"MoonRace 🎮💰: Let's Make Old time gaming great again with a Real-World Twist! 🔥🏆"
About
The problem it solves "Ready to take flight? 🕹️🦅 Join the ultimate challenge where skill meets stakes! Moonrace brings the nostalgia of classic gaming into the real world, where every move counts and the stakes are real! 🎮💸 Use your hand to control the bird, dodge obstacles, and climb the leaderboard — all while competing for real rewards. 🏆💰 Only the best will rise to the top. Are you ready to flap your way to victory? 🚀🔥"
How it's made
Challenges we ran into Hand Tracking: Integrating real-time hand tracking (e.g., using MediaPipe) with React's declarative nature was tough. Hand movements need to be processed continuously, while React's render cycle isn't optimized for real-time input handling. Canvas Rendering: React isn't designed for frame-by-frame updates required by games. Using <canvas> for rendering the game while syncing with React's state management was tricky and required manual DOM manipulation. We w These were the major challenges we faced while developing this game.. Otherwise , from web3 component point of view it was quite easy for us..