Robo Runner Web Game Challenge Submission: Alibaba Cloud Web Game
Mohit Menghnani

Mohit Menghnani @menghnani

Joined:
Apr 25, 2025

Robo Runner Web Game Challenge Submission: Alibaba Cloud Web Game

Publish Date: Apr 27
31 4

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

What I Built

Robo Dash - Cloud Coin Runner 🤖

A fast-paced, side-scrolling web game where you control a robot running through a dynamic, ever-changing landscape. Collect cloud coins, avoid obstacles, and see how far you can go!

🎮 Game Features

  • Dynamic Background: Beautiful changing scenery
  • Responsive Controls: Space bar or tap to jump, double-tap for double jump
  • Progressive Difficulty: Speed increases as you level up
  • Sound Effects: Immersive audio feedback for all actions
  • Responsive Design: Plays perfectly on both desktop and mobile devices

Demo

Game URL: https://mmenghnani.github.io/robbo-runner/
OSS URL: http://robbo-runner.store/

Robo Dash - Cloud Coin Runner 🤖

A fast-paced, side-scrolling web game where you control a robot running through a dynamic, ever-changing landscape. Collect cloud coins, avoid obstacles, and see how far you can go!

🎮 Game Features

  • Dynamic Background: Beautiful changing scenery
  • Responsive Controls: Space bar or tap to jump, double-tap for double jump
  • Progressive Difficulty: Speed increases as you level up
  • Sound Effects: Immersive audio feedback for all actions
  • Responsive Design: Plays perfectly on both desktop and mobile devices

🎯 How to Play

  1. Press the START button to begin
  2. Use SPACE or tap to jump
  3. Collect cloud coins to increase your score
  4. Avoid obstacles like spikes, electric traps, and falling objects
  5. Every 20 coins increases your level and game speed
  6. Try to achieve the highest score possible!

🛠️ Technical Stack

  • React + TypeScript
  • HTML5 Canvas for game rendering
  • Howler.js for audio management
  • Tailwind…

Image description

Alibaba Cloud Services Implementation

Object Storage Service (OSS)

  • Why I chose it: OSS is ideal for hosting static sites, especially in regions where ECS isn’t accessible (like India). It’s fast, global, and straightforward to use.
  • How I used it:
    • Uploaded my built React game (npm run build) directly to an OSS bucket.
    • Enabled static website hosting on the bucket.
    • Set index.html as the entry point.
    • Used an OSS-accelerate endpoint for faster access worldwide.
  • Benefits:
    • Extremely fast and low-latency static asset delivery
    • No server management or backend setup required
    • Easy integration via Alibaba Cloud Console
  • Challenges:
    • Regional restriction for some core services (like ECS), but OSS worked perfectly as a workaround
    • Slight learning curve with bucket policies and enabling public access safely

Game Development Highlights

Robo Dash is a lightning-fast, side-scrolling runner where you guide a robot through a colorful, ever-changing world!

🏃‍♂️ Gameplay Highlights:

  • One-Tap Controls: Jump and double-jump with a tap or spacebar
  • Dynamic Worlds: Gorgeous animated backgrounds and parallax effects
  • Cloud Coin Rush: Collect coins to boost your score and speed
  • Rising Challenge: Game gets faster and tougher as you level up
  • Obstacles Galore: Dodge spikes, zappers, and falling objects

🎵 Immersive Experience:

  • Snappy sound effects powered by Howler.js
  • Responsive design: perfect on mobile and desktop
  • Particle effects for extra visual oomph

🛠️ Built With Love (and Tech):

  • React + TypeScript
  • HTML5 Canvas for buttery-smooth rendering
  • Tailwind CSS for crisp, responsive UI
  • Howler.js for managing game sounds

🌟 Coming Soon:

  • Power-ups and new enemy types
  • Epic background tracks
  • Global leaderboard to show off your high score

Comments 4 total

Add comment