# Clone the repository
git clone https://github.com/amionweb/robo-fire
# Navigate to the project directorycd robofire-cloud-clash
# Install dependencies
npm install
# Start the development server
npm run dev
For RoboFire: Cloud Clash, I used Alibaba Cloud Object Storage Service (OSS) to host and serve the static game files, and configured a custom domain for a professional, fast-loading experience.
Services Used:
Object Storage Service (OSS)
Why: OSS provides a highly reliable, scalable, and cost-effective way to store static web assets like HTML, CSS, JavaScript, and images.
How Integrated:
Built the game locally with npm run build.
Uploaded the build folder contents directly to an OSS bucket.
Configured the bucket for static website hosting (setting the index document to index.html).
Experience:
OSS made it extremely easy to deploy updates — I just re-upload the latest build files. The performance was excellent with low latency globally.
Domain Management + Custom Domain Binding
Why: Custom domains make the game more shareable and professional.
How Integrated:
Purchased or linked an existing domain via Alibaba Cloud Domains.
Mapped the domain to my OSS bucket via a CNAME record.
Configured HTTPS using Alibaba Cloud SSL certificates for secure access.
Experience:
Domain setup was straightforward following Alibaba Cloud's documentation. Enabling HTTPS ensured that game assets loaded securely without browser warnings.
Benefits:
Fast content delivery worldwide
Very low maintenance and update cost
Scalable without worrying about backend servers
Challenges:
The initial learning curve with setting correct bucket permissions (public read) for the static website.
Slight delay (~10–15 mins) when applying custom domain settings and SSL.
🎯 Game Development Highlights
Simple Yet Addictive Gameplay:
I designed RoboFire: Cloud Clash to have a fast gameplay loop — move, shoot, collect, avoid — making it highly engaging even with minimal mechanics.
Progressive Difficulty
One of the coolest features is the dynamic level system. As players collect coins, the enemy cloud speed increases, making higher levels genuinely challenging without introducing complex new elements.
Clean Responsive Canvas Integration
Using HTML5 Canvas inside a React environment with Vite made rendering super fast and allowed the game to adapt nicely to different screen sizes (desktop, tablet, mobile).
Retro-Futuristic Visuals
I’m especially proud of the polished visual design — a clean, modern robot combined with nostalgic arcade-style effects like glowing coins and cloud explosions.
Optimized Performance
Despite animations and firing mechanics, the game remains lightweight (~a few MBs), fast-loading, and smooth at 60fps even on lower-end devices.
Good Work