JavaScript Fighting Game Tutorial with HTML Canvas

JavaScript Fighting Game Tutorial with HTML Canvas

Chris Courses via YouTube Direct link

Interface Design and Animation

18 of 20

18 of 20

Interface Design and Animation

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

JavaScript Fighting Game Tutorial with HTML Canvas

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Project Setup
  3. 3 Create Player and Enemy
  4. 4 Move Characters with Event Listeners
  5. 5 Attacks
  6. 6 Health Bar Interface
  7. 7 Game Timers and Game Over
  8. 8 Background Sprite
  9. 9 Shop Sprite with Animation
  10. 10 Player Sprite - Idle
  11. 11 Player Sprite - Run
  12. 12 Player Sprite - Jump
  13. 13 Player Sprite - Attack
  14. 14 Enemy Sprite - Kenji
  15. 15 React to Sprite Attacks
  16. 16 Receive Hit Animation
  17. 17 Death Animation
  18. 18 Interface Design and Animation
  19. 19 Push Live
  20. 20 End

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.