JavaScript Fighting Game Tutorial with HTML Canvas
My premium game dev courses: https://chriscourses.com/
Here you'll learn how to create your very first fighting game with JavaScript and HTML canvas. We'll start by coding some basic fighting game mechanics, then we'll take things to the next level by adding in professional sprite sheets and graphics.
Google Drive Assets: https://drive.google.com/drive/folder...
Finished Demo: https://chriscourses-fighting-game.ne...
Source Code: https://github.com/chriscourses/fight...
Oak Woods Assets: https://brullov.itch.io/oak-woods
Fighter Asset #1: https://luizmelo.itch.io/martial-hero
Fighter Asset #2: https://luizmelo.itch.io/martial-hero-2
0:00 Introduction
0:43 Project Setup
8:07 Create Player and Enemy
28:00 Move Characters with Event Listeners
50:12 Attacks
1:11:31 Health Bar Interface
1:34:27 Game Timers and Game Over
1:51:27 Background Sprite
2:05:10 Shop Sprite with Animation
2:23:08 Player Sprite - Idle
2:36:24 Player Sprite - Run
2:43:39 Player Sprite - Jump
2:58:03 Player Sprite - Attack
3:01:53 Enemy Sprite - Kenji
3:07:04 React to Sprite Attacks
3:20:32 Receive Hit Animation
3:29:11 Death Animation
3:35:32 Interface Design and Animation
3:49:55 Push Live
3:55:57 End
On this page of the site you can watch the video online JavaScript Fighting Game Tutorial with HTML Canvas with a duration of hours minute second in good quality, which was uploaded by the user Chris Courses 27 March 2022, share the link with friends and acquaintances, this video has already been watched 7,790,144 times on youtube and it was liked by 74 thousand viewers. Enjoy your viewing!
