phuducnguyen / fighting-game Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

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 professional sprite sheets and graphics.

1 star 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 24 Commits
img		img
js		js
README.md		README.md
index.html		index.html
index.js		index.js
styles.css		styles.css

Repository files navigation

JavaScript Fighting Game Tutorial with HTML Canvas

Basic Fighting Game Mechanics

Project Setup
Create Player and Enemy
Move Characters with Event Listeners
Attacks
Health Bar Interface
Game Timers and Game Over

Sprites and Animation

Background Sprite
Shop Sprite with Animation
Player Sprite (Kenshin) vs Enemy Sprite (Kenji)
- Idle
- Run
- Jumping
- Falling
- Attacking
React to Sprite Attacks
Receive Hit Animation
Death Animation
Interface Design and Animation
Pushing Live

[GAME] https://mewteck-fighting-game.netlify.app/ Active till: 14/06/2023

Last but not least, Great stuff! @chriscourses

About

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 professional sprite sheets and graphics.

Report repository

Releases

No releases published

Packages

No packages published

Languages