🚀 Two Web Games, One Journey
I’ve built two distinct browser‑based games—from a tower‑defense on Mercury to an endless robot arena shooter—all with pure JavaScript, HTML5 Canvas, and browser storage. Here’s a side‑by‑side look at what I’ve learned, where each shines, and why you might give them a spin.
👾 Alieno‑Mercury Combat
A retro‑style tower‑defense where you deploy defenders to protect your base from alien hordes on Mercury.
Live Demo & Code
- 🎮 Play
- 💻 Source on GitHub
Key Features
Resource Management & Tactics: Choose defender types to counter waves
Retro Pixel Art Aesthetic: Nostalgic visuals with modern performance
Procedural Enemy Waves: Increasing difficulty with each round
🤖 Nova Invaders
A fast‑paced, endless arena shooter where you control a robot, outlast invaders, and level up your firepower.
Live Demo & Code
Core Innovations
Endless Mode & Dynamic Waves: No end—just ever‑escalating chaos
Smart Bullet Refills: B2 (3/sec), B3 (2/sec), B4 (1/sec) for strategic depth
Level‑Up Mechanics: Scaling enemy health, speed, and spawn randomness
Seamless UI Transitions: Hand‑crafted DOM logic—no frameworks
Browser Storage Persistence: Save progress locally—no server needed
🔄 Tech & Tools Comparison
| Aspect | Alieno‑Mercury Combat | Nova Invaders |
|---|---|---|
| Game Type | Tower‑Defense | Endless Arena Shooter |
| Engine | JS Classes + Canvas | JS Classes + Canvas |
| Data Persistence | localStorage (score) | No localStorage (Set target (full state) |
| Performance | Procedural waves, simple AI | Object pooling for bullets |
| UI | Static menus + Canvas HUD | Dynamic state transitions |
🧠 Lessons & Next Steps
OOP & Logical Thinking: Moved from coder to engineer by structuring code for reuse and clarity
Browser Storage Mastery: Learned nuances oflocalStoragelimits and serialization
Performance Tuning: Implemented object pooling to avoid GC spikes
Deployment Realities: Balanced GitHub Pages reliability with Alibaba Cloud ambition
What’s Next?
- Leaderboards, mobile port, co‑op modes
- Enhanced AI patterns and new defender/bullet types
- Polishing visuals and accessibility
❤️ Your Turn
Give these games a spin and let me know which you prefer! Stars, claps, and feedback fuel the next iteration.
