The Red Hat Boy - 2D Game

A fun and engaging 2D side-scrolling runner game built with HTML5, CSS3, and JavaScript. Control the Red Hat Boy as he runs through a challenging landscape, jumping over flames to survive and achieve the highest score possible!

🎮 Game Features

• Smooth Character Animation: Fluid running, jumping, and death animations
• Dynamic Obstacles: Flame obstacles that move across the screen
• Progressive Difficulty: Obstacle spacing changes as you advance
• Score System: Earn points for survival time
• Sound Effects: Immersive audio for running, jumping, and game events
• Win Condition: Reach a score of 630 to win the game
• Responsive Controls: Simple keyboard controls for easy gameplay

🕹️ How to Play

Controls

• ENTER: Start the game
• SPACEBAR: Jump over obstacles

Objective

• Keep the Red Hat Boy alive by jumping over flames
• Survive as long as possible to achieve a high score
• Reach 630 points to win the game!

Gameplay Tips

• Time your jumps carefully to avoid the flames
• The game gets progressively challenging with varying obstacle patterns
• Listen for audio cues to enhance your gaming experience

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• No additional installations required

How to Run

1. Clone or download this repository
2. Open index.html in your web browser
3. Press ENTER to start the game
4. Use SPACEBAR to jump and avoid obstacles

📁 Project Structure

2D-Game/
├── index.html          # Main HTML file
├── style.css           # Game styling and layout
├── script.js           # Game logic and mechanics
├── Icons/
│   └── Icon.png        # Game favicon
├── Images/
│   ├── background.png  # Game background
│   └── Game Over Background.jpg
├── Run (1-8).png       # Running animation sprites
├── Jump (1-12).png     # Jumping animation sprites
├── Dead (1-10).png     # Death animation sprites
├── flame.gif           # Obstacle animation
├── run.mp3            # Running sound effect
├── jump.mp3           # Jumping sound effect
├── dead.mp3           # Death sound effect
└── README.md          # This file

🎨 Game Assets

The game includes high-quality sprite animations and sound effects:

• Character Sprites: 8-frame running animation, 12-frame jumping animation, 10-frame death animation
• Sound Effects: Authentic audio feedback for all game actions
• Visual Effects: Animated flame obstacles and scrolling background

🏆 Scoring System

• Continuous Scoring: Earn 2 points every 100ms while alive
• Victory Score: Reach 630 points to win
• High Score: Try to beat your personal best!

🛠️ Technical Details

• Built with: Vanilla HTML5, CSS3, and JavaScript
• Animation: CSS sprite-based character animations
• Audio: HTML5 Audio API for sound effects
• Responsive: Optimized for desktop browsers

🎯 Game States

1. Start Screen: Welcome screen with instructions
2. Gameplay: Active running and jumping phase
3. Game Over: Death screen with score and retry option
4. Victory: Win screen for achieving the target score

🔄 Future Enhancements

Potential improvements for future versions:

• Multiple levels with different themes
• Power-ups and special abilities
• Leaderboard system
• Mobile touch controls
• Additional character customization

🤝 Contributing

Feel free to fork this project and submit pull requests for improvements!

---

Enjoy playing The Red Hat Boy Game. 🎮🏃‍♂️🔥