This is a submission for the Alibaba Cloud Challenge: Build a Web Game.
🤖 Cody's Cloud Arena - Robot Battles Powered by Alibaba Cloud
What I Built
Cody's Cloud Arena is a futuristic robot-building game where players:
- 🛠️ Construct custom robots using parts representing Alibaba Cloud services
- ⚡ Battle AI opponents in dynamic, animated combat
- 📈 Compete globally via real-time leaderboards
- 🛒 Expand arsenals through a cloud-powered marketplace
The game features CODY, a charismatic robot protagonist, and uses Alibaba Cloud technologies both thematically (as robot parts) and technically (for infrastructure).
Demo 🎮
Play Now:
🔗 Alibaba Cloud Hosted Entry
🔗 Direct Netlify Deployment
Screenshots:
Alibaba Cloud Services Implementation ☁️
1. Object Storage Service (OSS)
Why: Chosen for its cost-effectiveness and global CDN for static asset delivery
Integration:
- Hosts all game assets (HTML/CSS/JS/images)
- Configured for static website hosting in Virginia (us-east-1)
- Automated deployment via custom Node.js scripts
Challenges & Solutions:
| Issue | Resolution |
|-------|------------|
| OSS forcing file downloads | Created redirect mechanism to Netlify |
| Cross-region configuration | Enforced region-specific API calls |
| Static hosting setup | Automated configuration with deployment scripts |
Benefits Experienced:
- 99.9% uptime during testing
- 40% faster load times vs traditional hosting
- Seamless CDN integration
Game Development Highlights 🌟
Technical Stack:
+ React + TypeScript - Type-safe component architecture
+ TailwindCSS - Responsive design system
+ React Context API - State management for inventory/battles
+ Custom WebGL animations - Energy beams & shield effects
- Automated Deployment Pipeline
# 3-step deployment process
npm run build &&
node scripts/upload-to-oss.mjs &&
node scripts/configure-oss-website.js
- Responsive Design Works seamlessly on devices from mobile to 4K displays
Future Plans 🚀
- 🤝 Multiplayer battles using Alibaba Cloud WebSocket+
- 🤖 ML-powered opponents via PAI Studio
- 🌐 Global localization support
Developer: Ilya Belous (@st3adyp1ck )
Contact: thesage@northstarcoding.com
Acknowledgments: Thanks to Alibaba Cloud for the challenge and Northstar Coding Team for game concept inspiration!
Top comments (1)
I'm gonna be the first to comment on my own submission. Even if I don't win, this has been an incredibly fun learning experience!