Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

JavaScript Fighting Game Tutorial with HTML Canvas

Chris Courses via YouTube

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course guides learners through creating a browser-based fighting game with JavaScript and HTML Canvas. It covers character controls, combat, interface elements, timers, sprite sheets, animation states, and deploying the finished game.

Syllabus

Introduction
Project Setup
Create Player and Enemy
Move Characters with Event Listeners
Attacks
Health Bar Interface
Game Timers and Game Over
Background Sprite
Shop Sprite with Animation
Player Sprite - Idle
Player Sprite - Run
Player Sprite - Jump
Player Sprite - Attack
Enemy Sprite - Kenji
React to Sprite Attacks
Receive Hit Animation
Death Animation
Interface Design and Animation
Push Live
End

Taught by

Chris Courses

Reviews

Start your review of JavaScript Fighting Game Tutorial with HTML Canvas

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.