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

Start learning Write review
CodeSignal Ad

Learn Generative AI, Prompt Engineering, and LLMs for Free

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner course guides learners through building a 2D tower defense game with JavaScript and HTML Canvas. It covers map creation, pathfinding, tower mechanics, waves, resources, game states, and replacing placeholder shapes with sprites.

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

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.