Главная
Study mode:
on
1
Introduction
2
Project Setup
3
Create Player and Enemy
4
Move Characters with Event Listeners
5
Attacks
6
Health Bar Interface
7
Game Timers and Game Over
8
Background Sprite
9
Shop Sprite with Animation
10
Player Sprite - Idle
11
Player Sprite - Run
12
Player Sprite - Jump
13
Player Sprite - Attack
14
Enemy Sprite - Kenji
15
React to Sprite Attacks
16
Receive Hit Animation
17
Death Animation
18
Interface Design and Animation
19
Push Live
20
End
Description:
Learn to create a fighting game using JavaScript and HTML Canvas in this comprehensive tutorial. Dive into coding basic fighting game mechanics, then elevate your project with professional sprite sheets and graphics. Master essential techniques including character creation, movement implementation, attack systems, health bar interfaces, game timers, and game over conditions. Explore sprite animations for background elements, shop interfaces, and player actions such as idle, running, jumping, and attacking. Implement enemy characters, reactive sprite attacks, hit animations, and death sequences. Finally, polish your game with interface design and animations before learning how to publish your creation online.

JavaScript Fighting Game Tutorial with HTML Canvas

Chris Courses
Add to list
#Programming #Programming Languages #Javascript #Game Development #Web Development #HTML & CSS #Art & Design #Visual Arts #Animation #Event Handling #Character Movement #HTML Canvas #Sprite Sheets
1 of 20

Introduction