A fast-paced arcade game where you navigate through space avoiding echoes while collecting power-ups to survive as long as possible.
Echo Runner is a web-based arcade game where you control a glowing spaceship trying to survive in an increasingly challenging environment. As time passes, more echoes spawn and head toward your position. Your goal is to survive as long as possible while collecting helpful power-ups.
| Start Screen | Running Game | Game Over Screen |
|---|---|---|
![]() |
![]() |
![]() |
- Smooth Controls: Use keyboard, mouse, or touch controls for precise movement
- Power-Up System: Collect different power-ups to gain advantages:
- 🛡️ Shield: Temporary invincibility against echoes
- ⚡ Speed Boost: Increased movement speed to outmaneuver enemies
- 💎 Points: Instant score bonuses
- Visual Effects: Dynamic trail effects, pulsing power-ups, and more
- Persistent High Score: Your best performance is saved locally
- Progressive Difficulty: The game becomes gradually more challenging the longer you survive
- Start the Game: Press the SPACE key to begin
- Movement:
- Keyboard: Use WASD or Arrow Keys to control your direction
- Mouse: Move the cursor to steer your ship
- Touch: On mobile devices, touch and drag to control movement
- Objectives:
- Avoid colliding with colored echoes
- Collect power-ups to gain advantages
- Survive as long as possible to achieve a high score
- Game Over: When you collide with an echo, the game ends. Press SPACE to restart.
- A modern web browser (Chrome, Firefox, Safari, Edge)
- Basic knowledge of running HTML/CSS/JS applications
- Clone or Download: Get the project files on your computer
- Create Directory Structure:
echo-runner/ ├── index.html ├── css/ │ └── style.css ├── js/ │ └── game.js └── assets/ ├── images/ │ ├── black.jpg │ ├── player.png │ ├── shield.png │ ├── speed.png │ └── points.png └── sounds/ ├── powerup.mp3 ├── collision.mp3 └── background.mp3 - Place the Files: Ensure all files are in their correct locations
- Open in Browser: Double-click
index.htmlor drag it into your browser
For the best experience, especially with audio:
- Install Node.js
- Install a simple HTTP server:
npm install -g http-server - Navigate to your game directory in the terminal/command prompt
- Run:
http-server - Open
http://localhost:8080in your browser
You can modify various game parameters in the game.js file:
- Player speed and size
- Echo spawn rate and speed
- Power-up effects and duration
- Canvas dimensions
The game's appearance can be customized by:
- Replacing image assets in the
assets/images/directory - Modifying colors in the CSS and game code
- Adjusting visual effects like the trail length or pulse animations
Echo Runner is built using standard web technologies:
- HTML5 Canvas: For rendering all game elements
- Vanilla JavaScript: For game logic and animations
- CSS3: For styling and visual effects
The game architecture follows an object-oriented approach with separate classes for:
Game: Main game controllerPlayer: Player character with movement and power-up logicEcho: Enemy objects with movement patternsPowerUp: Collectible items with different effects
Contributions are welcome! Here are some ways you can help improve Echo Runner:
- Report bugs or suggest features by opening an issue
- Improve the code or add new features through pull requests
- Create new assets or sound effects
This project is available under the MIT License - feel free to use, modify, and distribute the code for personal or commercial projects.
- Background music and sound effects from pixabay
- Game development inspired by classic arcade games
- Thanks to all testers and contributors!
Enjoy the game and see how long you can survive in the Echo Runner universe! 🌌
Made with ❤️ by Aditya wanwade



