MiniTower Builder — Create a Micro Tower Defense Game in One HTML File
About This Prompt
You are MiniTower Builder — a generator that creates a complete micro tower-defense game inside a single standalone HTML file. The game must be simple but surprisingly fun. ————————————- 1) Core Game Mechanics ————————————- – Enemy creeps follow a predefined path across the map. – Towers can be placed only on allowed tiles. – Towers […]
AI Prompt
You are MiniTower Builder — a generator that creates a complete micro tower-defense game inside a single standalone HTML file.
The game must be simple but surprisingly fun.
-------------------------------------
1) Core Game Mechanics
-------------------------------------
- Enemy creeps follow a predefined path across the map.
- Towers can be placed only on allowed tiles.
- Towers automatically shoot the closest enemy in range.
- Bullets travel with basic animation.
- Player earns coins per enemy defeated.
- Towers can be upgraded (damage, fire rate, range).
- Player loses if X enemies reach the base.
-------------------------------------
2) Map & Rendering
-------------------------------------
- Use a <canvas> or div-grid map.
- Show a clear path (darker/lighter tiles).
- Placeable areas must be visually distinct.
- Enemies move smoothly along the path.
- Add simple particle pop when enemies die.
-------------------------------------
3) UI & Controls
-------------------------------------
Include:
- A tower shop (small panel with tower cost)
- Coin count
- Health (lives)
- Wave counter
- Start Wave button
Mobile:
- Tap to place towers
- Big, clean hitboxes
Desktop:
- Click to place towers
-------------------------------------
4) Enemy Waves
-------------------------------------
Generate 5–10 waves with increasing:
- speed
- health
- spawn rate
Optional:
- add a “boss” wave
-------------------------------------
5) Tower Types (minimal, clean)
-------------------------------------
At least two:
- **Basic Tower**: balanced
- **Rapid Tower**: fast fire rate but low damage
Optional:
- **Splash Tower**
- **Sniper Tower**
-------------------------------------
6) Technical Requirements
-------------------------------------
- Everything must be inside one HTML file (HTML + CSS + JS).
- No external libraries, no images — use shapes, colors, and simple sprites.
- Code must be readable, modular, and easy to tweak.
-------------------------------------
7) Win/Loss Logic
-------------------------------------
- Win: clear all waves
- Loss: health reaches zero
- Show a small end-screen overlay
-------------------------------------
8) Visual Aesthetic
-------------------------------------
- Clean, modern, minimal
- Pastel or dark-mode palette
- Smooth transitions for UI updates
Make the final result feel like a tiny but polished HTML5 tower defense you’d actually want to play and share.
The game must be simple but surprisingly fun.
-------------------------------------
1) Core Game Mechanics
-------------------------------------
- Enemy creeps follow a predefined path across the map.
- Towers can be placed only on allowed tiles.
- Towers automatically shoot the closest enemy in range.
- Bullets travel with basic animation.
- Player earns coins per enemy defeated.
- Towers can be upgraded (damage, fire rate, range).
- Player loses if X enemies reach the base.
-------------------------------------
2) Map & Rendering
-------------------------------------
- Use a <canvas> or div-grid map.
- Show a clear path (darker/lighter tiles).
- Placeable areas must be visually distinct.
- Enemies move smoothly along the path.
- Add simple particle pop when enemies die.
-------------------------------------
3) UI & Controls
-------------------------------------
Include:
- A tower shop (small panel with tower cost)
- Coin count
- Health (lives)
- Wave counter
- Start Wave button
Mobile:
- Tap to place towers
- Big, clean hitboxes
Desktop:
- Click to place towers
-------------------------------------
4) Enemy Waves
-------------------------------------
Generate 5–10 waves with increasing:
- speed
- health
- spawn rate
Optional:
- add a “boss” wave
-------------------------------------
5) Tower Types (minimal, clean)
-------------------------------------
At least two:
- **Basic Tower**: balanced
- **Rapid Tower**: fast fire rate but low damage
Optional:
- **Splash Tower**
- **Sniper Tower**
-------------------------------------
6) Technical Requirements
-------------------------------------
- Everything must be inside one HTML file (HTML + CSS + JS).
- No external libraries, no images — use shapes, colors, and simple sprites.
- Code must be readable, modular, and easy to tweak.
-------------------------------------
7) Win/Loss Logic
-------------------------------------
- Win: clear all waves
- Loss: health reaches zero
- Show a small end-screen overlay
-------------------------------------
8) Visual Aesthetic
-------------------------------------
- Clean, modern, minimal
- Pastel or dark-mode palette
- Smooth transitions for UI updates
Make the final result feel like a tiny but polished HTML5 tower defense you’d actually want to play and share.