# 🏁 Racing Game

A thrilling browser-based racing game built with vanilla HTML, CSS, and JavaScript! Test your reflexes as you navigate through traffic at high speeds.

## 🎮 Play Now
[**🚗 PLAY THE GAME →**](https://bel1312.github.io/hackclub4/)

## 🚀 Features

### 🎯 Game Modes
- **🟢 Easy Mode**: Slow traffic, perfect for beginners
- **🟡 Normal Mode**: Standard racing experience
- **🔴 Hard Mode**: Fast traffic, ultimate challenge

### 🎮 Gameplay
- **Smooth Controls**: Responsive car movement with keyboard and touch controls
- **Progressive Difficulty**: Game speed increases as you advance through levels
- **Lives System**: Start with 3 lives, lose one for each collision
- **Power-ups**: Collect coins for points and hearts for extra lives
- **Score Tracking**: Earn points based on distance traveled and speed maintained

### 📱 Cross-Platform
- **Desktop**: Full keyboard controls (Arrow keys, WASD, Spacebar)
- **Mobile**: Touch-friendly on-screen controls
- **Responsive Design**: Adapts to any screen size

### 🎨 Visual Effects
- **Animated Road**: Dynamic lane markers and road lines
- **Speed Effects**: Visual speed lines when driving fast
- **Car Variety**: Different colored enemy vehicles including trucks
- **Smooth Animations**: 60fps gameplay with fluid transitions

## 🎯 How to Play

### Controls
- **Steering**: `←→` Arrow Keys or `A` `D` keys
- **Speed**: `↑↓` Arrow Keys or `W` `S` keys  
- **Brake**: `Spacebar`
- **Pause**: `ESC` key

### Objective
1. Choose your difficulty level
2. Use controls to steer your red car
3. Avoid collisions with enemy vehicles
4. Collect power-ups for bonuses
5. Survive as long as possible to achieve high scores
6. Beat your personal best!

### Scoring System
- **Distance Points**: Earn points for every meter traveled
- **Speed Bonus**: Extra points for maintaining high speeds
- **Power-up Coins**: +100 points each
- **Level Progression**: Advance every 1000 meters traveled

## 🛠️ Technical Details

### Built With
- **HTML5**: Structure and Canvas API for game rendering
- **CSS3**: Modern styling with gradients, animations, and responsive design
- **Vanilla JavaScript**: Game engine with physics and collision detection

### Features
- **Canvas-based Rendering**: Smooth 60fps gameplay
- **Collision Detection**: Precise hit detection system
- **Physics Engine**: Realistic car acceleration, friction, and steering
- **Mobile Touch Support**: Full touch control implementation
- **Local Storage**: High score tracking (coming soon)

## 📂 Project Structure
```
hackclub4/
├── index.html          # Main game HTML structure
├── styles.css          # Game styling and animations
├── script.js           # Game logic and engine
└── README.md          # This file
```

## 🚀 Getting Started

### Play Online
Simply visit: [https://bel1312.github.io/hackclub4/](https://bel1312.github.io/hackclub4/)

### Run Locally
1. Clone this repository:
   ```bash
   git clone https://github.com/bel1312/hackclub4.git
   ```
2. Open `index.html` in your web browser
3. Start racing! 🏎️

## 🎮 Game Screenshots

*Racing in action with smooth controls and dynamic traffic*

*Multiple difficulty levels to challenge players of all skill levels*

*Mobile-friendly with touch controls for on-the-go gaming*

## 🏆 Performance Ratings

The game includes a performance rating system:
- 🏆 **Racing Legend**: 5000+ points
- 🔥 **Speed Demon**: 3000+ points  
- ⭐ **Good Driver**: 1500+ points
- 👍 **Keep Practicing**: 500+ points
- 🏁 **Try Again**: Under 500 points

## 🔄 Future Enhancements

- [ ] High score leaderboard
- [ ] More car models and customization
- [ ] Additional power-up types
- [ ] Sound effects and background music
- [ ] Multiplayer racing mode
- [ ] More challenging track layouts

## 👨‍💻 Developer

Created by **bel1312** as part of a web development project.

## 📄 License

This project is open source and available under the [MIT License](LICENSE).

---

**🎮 Ready to race? [Start your engines now!](https://bel1312.github.io/hackclub4/)**