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

YouTube

Tower Defense Game Tutorial with JavaScript & HTML Canvas

Chris Courses via YouTube

Overview

Learn to create a tower defense game using JavaScript and HTML Canvas in this comprehensive tutorial. Begin by designing a game map with the Tiled Map Editor, then progress to coding core game mechanics using basic shapes. Advance to implementing professional-looking sprites, covering topics such as pathfinding, building placement, projectile shooting, health bars, wave systems, and resource management. Follow along to develop a fully functional tower defense game, complete with enemy sprites, building animations, and explosive effects. Access additional resources, including game assets, finished demo, and source code to enhance your learning experience.

Syllabus

Introduction
Game Assets and Downloads
Create a Path
Map Details
Project Setup
Pathfinding
Building Placement
Shooting Projectiles
Health Bars
Waves
Game Over
Resources
Sprites - Projectile
Sprites - Enemy
Sprites - Building
Sprites - Explosions
Launch

Taught by

Chris Courses

Reviews

Start your review of Tower Defense Game Tutorial with JavaScript & 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.