DEV Community

Cover image for WEB GAME CHALLENGE
Subhadaya Bhatta
Subhadaya Bhatta

Posted on

6 2 2 2 3

WEB GAME CHALLENGE

#alibabachallenge #devchallenge #gamedev #webdev

This is a submission for the Alibaba Cloud Challenge: Build a Web Game.

What I Built
Robot Catcher is a fast-paced, robot-themed web game where players control a friendly robot to catch falling bolts while avoiding enemy bombs. The goal is to score as high as possible by catching bolts and dodging enemies, with the difficulty increasing as the player levels up.

The game features:

  1. Sound effects for catching and missing
  2. Level-based increasing difficulty
  3. A health bar UI to track remaining lives
  4. Distinct visuals for enemies and bolts
  5. Clean animations and retro robot visuals
  • Built with HTML, CSS, and JavaScript, the game is designed to be lightweight, responsive, and fun for all ages.

Demo
🔗 Live Game: Live Demo

Project Repo
Github Repo

Game Development Highlights
Some cool things I'm proud of:

  • 🧠 Smart level system: The game dynamically increases the falling speed of objects based on score.

  • 💣 Custom enemy logic: Enemies don’t just get ignored—they actively punish the player if caught!

  • ❤️ Health bar: Instead of just numbers, I added a health bar UI for a more visual experience.

  • 🎮 Game loop logic: I created a modular game loop where object types are randomized and speed scales.

  • 🔊 Integrated sound effects to give audio feedback and make the gameplay more immersive.

This project helped me improve my frontend game dev skills and gave me experience thinking like a full-stack game designer.

🚀 Future Plans
Implement a leaderboard using Alibaba Cloud Function Compute + ApsaraDB.

Thanks for hosting this challenge! It was super fun to build this, and I’m excited to do even more with cloud-powered game development! 🚀

Top comments (0)