Sky-Strike

SKY STRIKE — Retro Aerial Combat

A fast-paced, click-to-destroy arcade shooter rendered in pure HTML5 Canvas. No installs, no plugins, no dependencies — drop two files in a folder and play.

Game Overview

You're the gunner. Enemy aircraft swarm in from the northwest at a 45° dive while warships steam westward across the horizon. Click each target before it escapes. Keep your accuracy up, chain combos, and grab power-ups before the fleet breaks through your line. Three escapes per life times six lives — that's your margin for error.

Core Rules

• Click any enemy to fire on it. Larger and tougher targets need multiple hits.
• Each escape costs a life. Six lives total.
• Each miss breaks your combo. Misses are tracked in your accuracy stat.
• Waves get harder. Enemies spawn faster and move quicker as you progress.

What Makes It Fun

20 unique hand-drawn vehicles, each with distinct silhouettes and behavior:

• 10 aircraft — Fighter, Bomber, Stealth, Biplane, Jet, Helicopter (visible spinning rotors), 4-engine Cargo plane, Recon, Attack craft with missile pods, and a Red-Baron-style Ace triplane
• 10 warships — PT Boat, Frigate, Destroyer, Cruiser, Battleship, Aircraft Carrier (with planes on the flight deck and runway markings), surfaced Submarine, Patrol Boat, Gunboat, and a fearsome Dreadnought with five triple-gun turrets

Cinematic destruction — every kill produces layered flame particles, rising smoke plumes, sparking debris, tumbling wreckage, and a shockwave ring. Bigger targets = bigger explosions, with sound intensity scaled to match.

Combo system — chain three or more consecutive hits for bonus points; the multiplier grows with each successive kill. A single miss resets it.

Power-ups drift down at random — click them to activate:

• R · Rapid Fire — every shot deals double damage for 5 seconds
• T · Time Warp — slows everything to 40% speed for 5 seconds
• N · Nuke — instant kill on every target on screen
• + · Extra Life — exactly what it sounds like

Wave progression with bonuses — each cleared wave grants a score bonus that scales with the wave number, plus a screen-filling "WAVE N" announcement.

Live HUD — Score, Wave, Lives, Accuracy %, plus active power-up timers.

Atmospheric audio — looping background music (Tico-Tico) with synthesized explosion sound effects (sub-bass thump + filtered noise burst + high crack), differentiated hit and power-up sounds, and a one-click mute toggle.

Animated background — gradient sky with parallax twinkling stars, distant silhouetted mountains, rippling water with shifting reflections, and ship wakes that trail behind moving vessels.

End-game stats screen — final score, wave reached, total kills, and best combo streak.

Viewport Dimensions

The game canvas is 1100 × 700 pixels (16:10.18 aspect ratio). The container adds a 4-pixel green border with a glow effect, so the rendered footprint is approximately 1108 × 708 px.

Recommended minimum browser viewport: 1200 × 800 px to accommodate the canvas, border, and HUD overlays without scrollbars. Most desktop monitors at 1280 × 720 or higher will display it perfectly. The game is designed for desktop / laptop play with a mouse — touch and small mobile screens are not the target experience.

File List

You need two files in the same folder:

sky_strike/

├── sky_strike.html              ← the game (single self-contained file)

└── Tico_Tico_Royalty_Free.mp3   ← background music

That's it. No node_modules, no build step, no framework. The HTML is self-contained: all JavaScript, all CSS, all 20 vehicle sprites (drawn procedurally on canvas), all sound effects (synthesized via Web Audio API), and all game logic live in one file.

Installation & How to Play

Local play (single user)

1. Download both files into the same folder.
2. Double-click sky_strike.html.
3. Click ENGAGE.