🚀 Space Defender

Space Defender is a fast-paced, retro-style space arcade game built entirely in HTML, CSS, and JavaScript. Dodge and destroy asteroids, fight enemy ships, and face off against powerful bosses using laser beams and power-ups!

🎮 Features

🚀 Gameplay

• Classic side-to-side ship movement
• Infinite waves of asteroids and enemy ships
• Increasing difficulty over time
• Bullet collisions with enemies, asteroids, and projectiles ### ⚔️ Enemies
• Asteroids
• Large asteroids split into medium ones
• Medium asteroids split into small ones
• Small asteroids are destroyed completely
• Enemy Ships
• Some shoot bullets
• Can be destroyed with normal bullets or laser
• Boss Enemies
• Appear at score 1000, then every score ×2 (2000, 4000, 8000...)
• Each boss has more health and stronger attacks
• Can spawn enemy minions
• Disables regular enemies and asteroids during the fight ### 💥 Weapons & Power-Ups
• Standard Bullet: Fired manually via button or keyboard
• Laser Beam:
• Powerful stream that damages all targets in its path
• Lasts 3–5 seconds and does 1 damage per 0.1s
• Automatically activates when collected
• Text displays with animated rainbow color while active
• Life Up:
• Grants +1 life (max 3)
• Follows the player briefly when collected
• Rare Item:
• Occasionally dropped by bosses
• Instantly clears all enemies and bullets on screen (excludes boss) ### 📱 Mobile-Friendly
• Touch buttons for move left, move right, and shoot
• Responsive design for phones and tablets ### 💾 UI and Score
• Real-time display:
• Score
• Lives remaining
• High Score (stored in browser)
• Active Power-Up
• Boss health bar appears during boss fights ### 🔊 Audio
• Retro-style shooting and explosion sounds
• Sound effects triggered by events (hits, deaths, laser, power-ups) And Upgraded Bosses and item drops and fixed laser bug.

⏱️ 0–2h – Project Setup & Planning

Defined the concept: 4 quick, fun browser games in one portal.

Selected tech stack: HTML5, CSS3, JavaScript, Canvas API.

Created wireframes and notes for gameplay mechanics.

Set up project structure and folders for each game.

⏱️ 1h – Game Prototyping (0,25h per game)

Flying Chicken: Gravity, jumping, collision detection.

Neon Runner: Track scrolling, obstacles, player movement.

Cosmic Shooter: Shooting, enemies, power-ups.

Puzzle Pop: Grid layout, flip/match logic.

⏱️ 1,5h – Core Game Logic & Controls

Refined game loops using requestAnimationFrame.

Implemented scoring, game-over states, and restart logic.

Added input methods:

    Keyboard (PC)

    Touch (mobile)

    Mouse (where relevant)

⏱️ 0,5h – UI & Visuals

Designed simple, clear graphics using shapes and colors.

Styled the UI using CSS3 (buttons, text, overlays).

Added animations and transitions for smoother experience.

Ensured all interfaces scaled well on different screens.

⏱️ 1h – Responsiveness & Mobile Optimization

Tested on various devices and resolutions.

Tweaked canvas scaling and layout adjustments.

Improved touch controls for smaller screens.

Reduced lag and optimized rendering on mobile.

⏱️ 0,5h – Portal Page & Integration

Built the main portal page with game preview tiles.

Connected each game with consistent design and navigation.

Implemented favicon and meta tags for mobile friendliness.

⏱️ 1h – Documentation

Wrote README.md, DEVLOG.md, and usage notes.

Prepared the repo for public release (clean code, comments).

Added developer notes, future ideas, and contribution info.

🚧 Challenges

Scaling the canvas across a wide variety of screen sizes.

Keeping code modular while using only Vanilla JS.

Balancing minimalism with fun, playable design.