🚀 TDF Microvisions: Alien Bomber & City Bomber
🎮 Two thrilling side-scrolling bomber games — created with AI assistance, built for web & mobile. Destroy structures, avoid crashes, and chase high scores!
👽 Alien Bomber Sci-fi themed bomber on an alien planet with neon structures and cosmic visuals
🏙️ City Bomber Urban edition with city skyline theme — same addictive mechanics, fresh aesthetic
🤖 How It Was Made STEM showcase: How AI helped build these games in hours, no prior coding needed
🎮 Game Concept
Core Objective
Control a flying vehicle (alien spacecraft 🛸 or urban bomber
Progressive Difficulty
Level Structures Speed Modifier Challenge 1 20 1.0x Learn mechanics 2 25 1.15x Faster respawns, tighter timing 3 30 1.3x Precision bombing required
Win/Lose Conditions ✅ WIN: Destroy all structures across all 3 levels ❌ LOSE: Collision with any structure OR flying below minimum altitude
Structure Damage System
Each structure requires 3 precise hits to destroy:
🟢 Hit 1: Top 1/3 destroyed (visual damage overlay)
🟡 Hit 2: Top 2/3 destroyed (cracks appear)
🔴 Hit 3: Completely destroyed (particle explosion + points)
Scoring System
Bomb hits structure +25 Structure fully destroyed +150 Level completed +1,000 bonus Perfect Level (no misses) +500 extra bonus
🎨 Visual Design
Alien Bomber Theme 🌌 Deep space background with animated starfield & floating alien orbs 🎨 Color palette: Purple (#7e57ff), Cyan (#4fc3f7), Neon Green (#00ff88), Magenta (#e91e63) 👽 Spacecraft: Saucer design with dome cockpit, pulsing engine glow, antenna, wing fins 🏗️ Structures: 4 unique alien architectures (tower, pyramid, dome, blocky) with glowing accent lines
City Bomber Theme
🌆 Urban skyline backdrop with parallax buildings & atmospheric fog
🎨 Color palette: Steel Gray (#2c3e50), Amber (#ffb300), Electric Blue (#2979ff), Crimson (#e53935)
Shared Visual Effects 💥 Bomb explosions with expanding particle systems 📉 Progressive building damage (height reduction + crack overlays) ✨ UI elements with neon glow animations 🌠 Animated transitions between game states
⌨️ Controls
Action Desktop Mobile
Start Game SPACE or Click Star Tap Star
Drop Bomb SPACE Tap Anywhere on Screen
Save High Score SPACE or ENTER Tap "Save" Button
Navigate Menus Click Buttons Tap Buttons
✅ Mobile Optimized: Added touchstart listeners + viewport meta tag for seamless touch controls. No extra buttons needed — just tap anywhere to drop bombs!
🤝 Contributing This project was created as a STEM education showcase demonstrating AI-assisted development. While not actively seeking external contributions, we welcome: 🐛 Bug reports via GitHub Issues 💡 Feature suggestions (mobile enhancements, accessibility) 🌍 Translation help for global learners 🎨 Theme variations (holiday editions, student remixes) To contribute: Fork → Make changes → Submit Pull Request with clear description.
📜 License Distributed under the MIT License. See LICENSE for details. ✅ Free to use, study, modify, and share for educational purposes ✅ Credit appreciated but not required ❌ Not for commercial resale without permission
🙏 Credits & Acknowledgements 🤖 AI Development Partner: Qwen / OpenClaw Agent — for rapid prototyping and code generation 🎨 Font: Press Start 2P via Fontsource (SIL Open Font License) 💡 Inspiration: Classic arcade bombers (Bomb Jack, B-17 Bomber) + modern HTML5 game tutorials 🌟 Community: GitHub Pages, MDN Web Docs, freeCodeCamp for learning resources 👨🏫 Educational Goal: Created for STEM Innovation Fair 2025 — demonstrating accessible coding through AI collaboration
🚀 Ready to Play? 🔗 Visit: https://tdf-microvisions.com 📱 Works on: Desktop, Tablet, Mobile (iOS/Android) 🎮 Controls: Spacebar (desktop) or Tap Anywhere (mobile) 💬 "Every expert programmer started by being curious. AI just makes the first step easier!"
Built with ❤️ and AI assistance • TDF Microvisions © 2026 Open Source • Educational Purpose • STEM Innovation