🚀 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.

uzondu9

Alieno Mercury-Combat

Uzondu ・ Sep 29 '24

#devchallenge #gamechallenge #gamedev #webdev

Live Demo & Code

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.

uzondu9

🚀 Nova Invaders: A Game of Bullets, Bots & Bold Ambition

Uzondu ・ Apr 27

#alibabachallenge #devchallenge #gamedev #webdev

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 of localStorage limits 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.

War image of robots

🎮 Alieno‑Mercury Combat on DEV
🎮 Nova Invaders Demo