Create pokemon tower defense game on canvas

README.md

@@ -1,5 +1,73 @@
-# hello-world
-short description
+# Pokemon vs Pokemon Defense Game
 
-Sampel Text
-Another Sampel Text
+A fun web-based tower defense game inspired by Plants vs Zombies, but featuring Pokemon characters! Defend your base against waves of attacking Pokemon using your strategic placement of defensive Pokemon.
+
+## 🎮 How to Play
+
+1. **Start the Game**: Click the "Start Game" button to begin
+2. **Choose Pokemon**: Select a Pokemon from the right panel (Pikachu, Bulbasaur, Charizard, or Squirtle)
+3. **Place Pokemon**: Click on any grid square to place your selected Pokemon
+4. **Collect Sun**: Click on sun drops (☀️) that appear to earn more resources
+5. **Defend**: Your Pokemon will automatically attack incoming enemy Pokemon
+6. **Survive**: Prevent enemy Pokemon from reaching your base on the left side
+
+## 🎯 Game Features
+
+### Your Pokemon (Defenders)
+- **Pikachu** ⚡ - Fast attacker, low cost (25 ☀️)
+- **Bulbasaur** 🌱 - Balanced stats, medium cost (50 ☀️)
+- **Charizard** 🔥 - High damage, high cost (100 ☀️)
+- **Squirtle** 💧 - High health, medium cost (75 ☀️)
+
+### Enemy Pokemon (Attackers)
+- **Rattata** 🐀 - Fast but weak
+- **Zubat** 🦇 - Very fast, medium health
+- **Geodude** 🪨 - Slow but tough
+- **Gastly** 👻 - Medium speed and health
+
+## 🎨 Game Mechanics
+
+- **Grid System**: 9x5 grid for strategic placement
+- **Resource Management**: Collect sun drops to buy more Pokemon
+- **Wave System**: Enemies spawn in increasing waves
+- **Health Bars**: All Pokemon have visible health bars
+- **Projectile Combat**: Pokemon shoot projectiles at enemies
+- **Range System**: Different Pokemon have different attack ranges
+
+## 🎮 Controls
+
+- **Mouse Click**: Select Pokemon and place them on the grid
+- **Start Game**: Begin the game
+- **Pause**: Pause/resume the game
+- **Restart**: Reset the game to start over
+
+## 🚀 Getting Started
+
+1. Open `index.html` in your web browser
+2. Click "Start Game" to begin
+3. Select a Pokemon and click on the grid to place it
+4. Collect sun drops and strategically place more Pokemon
+5. Survive as many waves as possible!
+
+## 🛠️ Technical Details
+
+- **HTML5 Canvas**: For smooth graphics and animations
+- **JavaScript ES6**: Modern JavaScript with classes and arrow functions
+- **CSS3**: Beautiful styling with gradients and animations
+- **Responsive Design**: Works on different screen sizes
+
+## 🎯 Strategy Tips
+
+- **Front Line**: Place high-health Pokemon in the front rows
+- **Range**: Use long-range Pokemon (like Charizard) in the back
+- **Resource Management**: Don't spend all your sun at once
+- **Wave Preparation**: Each wave gets harder, so plan ahead!
+- **Sun Collection**: Always collect sun drops when they appear
+
+## 🏆 Scoring
+
+Your score is based on how many waves you survive. Try to beat your high score!
+
+---
+
+**Enjoy defending your Pokemon base!** 🎮⚡🌱🔥💧