A fast-paced 2D pixel-art fighting game built using HTML, CSS, and JavaScript (Canvas API). Inspired by classic arcade fighters, this project focuses on delivering responsive combat mechanics, smooth animations, and an engaging gameplay experience.
- ⚔️ Real-time 1v1 fighting system
- 🧍 Multiple playable characters with unique abilities
- 🧠 AI opponent with adjustable difficulty
- ❤️ Health bars and round-based gameplay (Best of 3)
- 💥 Combo system with dynamic hit effects
- 🔥 Special moves with energy mechanics
- 🛡️ Blocking, parry, and counter systems
- 🎨 Pixel-art visuals with smooth animations
- 🌆 Multiple stages with immersive backgrounds
- 🎵 Sound effects and background music
- 🧪 Training mode for practice and testing
- 🏆 Leaderboard and achievements system
- 🛍️ Skins and in-game currency system
- HTML5
- CSS3
- JavaScript (ES6)
- Canvas API
This project demonstrates:
- Game loop implementation using
requestAnimationFrame - Collision detection and advanced hitbox systems
- State-driven animation handling
- Object-oriented design in JavaScript
- AI behavior and decision-making logic
- Performance optimization techniques
- 🌐 Online multiplayer support
- 📱 Mobile responsiveness
- 🎬 Story mode with cutscenes
- 🎮 Controller compatibility
- 🧑🤝🧑 Additional characters and abilities
Contributions are welcome! Feel free to fork this repository and submit a pull request.
This project is open-source and available under the MIT License.
If you found this project interesting, consider giving it a ⭐ on GitHub!