Fighting Game 2D 🗡︎ ⚔ 🛡

Easy, Funny, Fast, 8-Bit, Fighting Game.

Online Game Demo

Game Play & Guide Line

Control:

P 1

P 2

P 1	MOVE	P 2
w	JUMP	⬆️
a	LEFT	⬅️
d	RIGHT	➡️
space	ATTACK	⬇️

Basic Fighting Game Mechanics / Check List:

• Create Player and Enemy
• Move Characters with Event Listeners
• Attacks functionality
• Health Bar Interface
• Game timers and Game Over
• Add restart dialog
• Insert some music or sound

Sprites and Animation:

• Background Sprite
• Decorator item Sprite with Animation
• Characters Animation
  • Idle
  • Run
  • Jump
  • Attack
  • Take Hit
  • Death
• Attacks functionality with animations
• Interface Design and Animation
• Deploy GitHub Page

Known Bugs

• Flip the P2 images
• After game over, it still can defeat the winner
• Multiple jump (It is Feature now)

TODO:

• Convert js file to ts.
• Convert css to scss.
• Implement the clean code rule.

Reference

• Canvas tricks
  https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage
• Image assets
  https://itch.io/game-assets
  https://luizmelo.itch.io/
• Chris Courses
  https://www.youtube.com/c/chriscourses
• 2Bit font style
  https://fonts.google.com/share?selection.family=Press%20Start%202P
• Animate Library gsap
  https://cdnjs.com/libraries/gsap