Dodge Game

A browser-based arcade game built with React, Vite, and HTML5 Canvas. Dodge enemies, collect coins, and enjoy smooth animations and particle effects in this modern web game.

Features

• Real-time gameplay with keyboard controls (WASD/Arrow keys)
• Custom 2D graphics and animations using HTML5 Canvas
• Particle effects, glowing sprites, and screen shake for enhanced visuals
• Responsive UI built with React
• Fast development and build process with Vite
• Easily extensible game engine

Tech Stack

• React (JSX)
• Vite
• JavaScript (ES6+)
• HTML5 Canvas
• Node.js & npm
• Git & GitHub

Getting Started

Prerequisites

• Node.js (v16 or newer recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/leooladimu/dodgeGame.git
   cd dodgeGame

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and go to http://localhost:3000

How to Play

• Move your player (tan rune) with the arrow keys or WASD
• Collect green coins to increase your score
• Avoid red star enemies
• Collect enough coins to win; colliding with an enemy ends the game

Project Structure

• App.jsx – Main React app
• GameEngine.jsx – Game engine and game logic
• main.jsx – Entry point
• vite.config.js – Vite configuration
• package.json – Project metadata and scripts

License

MIT

---

Enjoy playing and feel free to contribute or fork the project!