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

What I Built : 🚀 Flashbot: The Color Click Challenge

I created a fast-paced robot-themed game called Flashbot: The Color Click Challenge. In this game, players must quickly click the robot whenever its eye color matches the target color displayed above. As players score points, the robot's eye color changes faster and faster, testing their reaction speed and focus! The game is simple, addictive, and designed to challenge both reflexes and accuracy.

Demo

You can play the game here: https://jaydengaramyoon.github.io/FlashBot/

Image description

Image description

Image description

Alibaba Cloud Services Implementation

For this project, I used Alibaba Cloud's services to host and serve the game efficiently:

  1. Alibaba Cloud Object Storage Service (OSS):
    I uploaded all game assets (images, sounds, and HTML/CSS/JavaScript files) to OSS for reliable, fast content delivery. It helped me keep loading times low and ensured a smooth user experience.

  2. Alibaba Cloud Elastic Compute Service (ECS):
    I set up a lightweight server instance to handle the hosting of the game. ECS provided a flexible and affordable way to maintain control over deployment, allowing me to manage updates easily.

  3. Alibaba Cloud Content Delivery Network (CDN):
    I integrated CDN to deliver game assets even faster across different regions, improving responsiveness for players everywhere, not just near the server location.

Why Alibaba Cloud?

I chose Alibaba Cloud because it offers reliable infrastructure, global reach, and a user-friendly setup process. Their documentation made it easy to configure services even as an individual developer, and the free-tier options were perfect for hosting an indie web game.

Game Development Highlights

1.🎨 Color Matching Mechanic: I designed a dynamic gameplay loop where players must react to random color changes.

2.🔊 Sound Effects and Background Music: I added engaging sound effects and background music to make the game more immersive.

3.🚀 Difficulty Scaling: As players level up, the robot’s color changes faster, keeping the game exciting and challenging.

4.🎨 Responsive Design: The canvas resizes based on window size, providing a seamless experience across devices.

I had a lot of fun building Flashbot, and I'm proud of how it turned out. This challenge gave me a chance to combine creativity, coding, and cloud technology into one project!