RoboRescue Puzzle . A logic-based grid navigation game

This is a submission for the Alibaba Cloud Challenge: Build a Web Game.* What I Built RoboRescue Puzzle is a simple robot-themed puzzle game. Players guide a robot through a 5x5 grid filled with obstacles, aiming to reach the green goal tile. Players use commands like “move forward” or “turn” to solve each level. The game has multiple levels, a level select menu, a clean robot-style interface, and saves progress using both local storage and Alibaba Cloud. Demo This is the default link from Alibaba when deployed. It will only Download the file on your computer Click This Link to Play Alibaba Cloud Services Implementation Function Compute (FC) Why we chose it: We needed a lightweight backend to collect and sync player progress (level, time, moves) from the client side without setting up a full backend server. Integration: We created a simple Function Compute endpoint that receives a POST request with gameplay data and stores it. How it works in the game: After each level is completed, a fetch() POST request sends the player's current progress to our Function Compute endpoint. Experience: The deployment was fast and straightforward. Function Compute was ideal for serverless handling of progress data. The main challenge was setting up proper CORS headers and endpoint permissions, but Alibaba’s documentation helped resolve that. Object Storage Service (OSS) Why we chose it: OSS was used to host static assets like the robot image and optionally level configuration JSON files. Integration: Game assets such as robot.png are hosted on OSS and loaded directly into the game using their public URLs. How it works in the game: The robot image is retrieved from OSS at runtime and rendered on the game board. This makes updating assets easier without needing to redeploy the entire app. Experience: Very smooth experience. We appreciated the high availability and CDN-backed delivery which ensured fast loading, even on mobile devices. Game Development Highlights One aspect I'm particularly proud of is the level selection system with cloud progress saving using Alibaba Cloud. Players can resume from where they left off, thanks to local storage backed by Function Compute. I also enjoyed designing the robot-themed UI and making sure the game feels fun and intuitive, even on mobile. Adding movement commands, rotation, and obstacles gave it a real puzzle challenge vibe. Seeing it all come together with Alibaba Cloud services made the process both fun and educational.

Apr 17, 2025 - 17:14

RoboRescue Puzzle . A logic-based grid navigation game

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

What I Built

RoboRescue Puzzle is a simple robot-themed puzzle game. Players guide a robot through a 5x5 grid filled with obstacles, aiming to reach the green goal tile. Players use commands like “move forward” or “turn” to solve each level. The game has multiple levels, a level select menu, a clean robot-style interface, and saves progress using both local storage and Alibaba Cloud.

Demo

This is the default link from Alibaba when deployed. It will only Download the file on your computer

Click This Link to Play

Alibaba Cloud Services Implementation

Function Compute (FC)

Why we chose it: We needed a lightweight backend to collect and sync player progress (level, time, moves) from the client side without setting up a full backend server.

Integration: We created a simple Function Compute endpoint that receives a POST request with gameplay data and stores it.

How it works in the game: After each level is completed, a fetch() POST request sends the player's current progress to our Function Compute endpoint.

Experience: The deployment was fast and straightforward. Function Compute was ideal for serverless handling of progress data. The main challenge was setting up proper CORS headers and endpoint permissions, but Alibaba’s documentation helped resolve that.

Object Storage Service (OSS)

Why we chose it: OSS was used to host static assets like the robot image and optionally level configuration JSON files.

Integration: Game assets such as robot.png are hosted on OSS and loaded directly into the game using their public URLs.

How it works in the game: The robot image is retrieved from OSS at runtime and rendered on the game board. This makes updating assets easier without needing to redeploy the entire app.

Experience: Very smooth experience. We appreciated the high availability and CDN-backed delivery which ensured fast loading, even on mobile devices.

Game Development Highlights

One aspect I'm particularly proud of is the level selection system with cloud progress saving using Alibaba Cloud. Players can resume from where they left off, thanks to local storage backed by Function Compute. I also enjoyed designing the robot-themed UI and making sure the game feels fun and intuitive, even on mobile. Adding movement commands, rotation, and obstacles gave it a real puzzle challenge vibe. Seeing it all come together with Alibaba Cloud services made the process both fun and educational.