Back to Projects
2025Game DevelopmentCompleted

Space Strike

Arcade-style 2D space shooter with endless levels, boss battles, and cloud saves.

View Source Live Demo

A feature-rich 2D space shooter built entirely with the HTML5 Canvas API — no game engines or frameworks. The game features 5 enemy types, 4 boss encounters, 5 weapon systems, 6 power-ups, 5 unlockable planes, and a 10-level upgrade system for health, damage, speed, fire rate, and armor. It includes cloud account support with Gmail registration, progress persistence via Netlify Functions, and mobile touch controls.

Tech Stack

JavaScriptCanvas 2DWeb Audio APINetlify FunctionsbcryptjsJWT

Features

  • Endless procedurally-difficult levels
  • 5 enemy types: Drone, Fighter, Bomber, Stealth Jet, Elite
  • 4 epic bosses cycling every 5 levels with stat multipliers
  • 5 weapon systems: Machine Gun, Laser, Rockets, Plasma, Triple Shot
  • 6 power-ups: Health, Shield, Double Damage, Rapid Fire, Coin Magnet, Extra Life
  • 5 unlockable planes: Falcon, Eagle, Raptor, Phantom, Stealth-X
  • 10-level upgrade system for Health, Damage, Speed, Fire Rate, Armor
  • Cloud accounts with Gmail registration via Netlify Functions
  • Mobile touch controls with virtual joystick
  • Parallax background with 10 color schemes and shooting stars
  • Visual effects: glow, particles, screen shake, hit flashes

Challenges

  • Implementing smooth collision detection without a physics engine
  • Managing complex game state across menus, gameplay, pause, and boss transitions
  • Building a serverless authentication and save system
  • Optimizing Canvas 2D performance for consistent 60fps across devices
  • Implementing mobile touch controls alongside keyboard input

Solutions

  • Used bounding box collision with per-object hitbox tuning
  • Finite state machine pattern for game state management
  • Netlify Functions with bcryptjs password hashing and JWT session tokens
  • Frame-independent movement using delta time with requestAnimationFrame
  • Dual input system: keyboard (WASD/arrows) and virtual joystick for touch

What I Learned

  • Canvas 2D rendering pipeline and optimization techniques
  • Game loop architecture and frame-independent physics
  • Serverless backend design with Netlify Functions
  • Authentication flow: registration, login, session management
  • Mobile web game development and touch input handling
  • Procedural difficulty scaling and boss encounter design