YoVDO

JavaScript Fighting Game Tutorial with HTML Canvas

Offered By: Chris Courses via YouTube

Tags

Javascript Courses Game Development Courses HTML & CSS Courses Animation Courses Event Handling Courses Character Movement Courses HTML Canvas Courses Sprite Sheets Courses

Course Description

Overview

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.

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

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX