Tower Defense Game Tutorial with JavaScript & HTML Canvas

Here you'll learn how to create your very first tower defense game with JavaScript and HTML canvas. We'll start by creating a game map using a map editor called Tiled. Then we'll code the basics of a tower defense game using nothing but rudimentary shapes. Finally, we'll replace our shapes with sprites to give our game a professional look.

0:00 Introduction
0:51 Game Assets and Downloads
5:40 Create a Path
23:53 Map Details
31:42 Project Setup
48:31 Pathfinding
1:28:55 Building Placement
2:12:03 Shooting Projectiles
2:50:40 Health Bars
3:02:46 Waves
3:09:43 Game Over
3:39:13 Resources
4:01:12 Sprites - Projectile
4:16:09 Sprites - Enemy
4:34:15 Sprites - Building
4:55:25 Sprites - Explosions
5:04:50 Launch

[ChrisCourses]

There's about 20-30min of audio that makes it sound like I'm submerged underwater. Had some electrical interference picked up somehow, so had to do my best to edit out some really annoying buzzing. Sorry in advance 😅

[slushyyburryy]

Every single time when I fall asleep I wake up to this channel 😭

[bw]

Just woke up, first time waking up to this channel.
Reading these comments is surreal.

[Octa]

Just woke up to this channel and reading these comments are so funny

[BulletAgario]

I fell asleep with YouTube on and woke up an hour 30 mins into this video lol

[forbiddenbutters]

I fell asleep and this was playing
Youtube why do you make me go to the weirdest places😂

[cwmdgvx]

It’s crazy, I keep waking up to this video most nights 😭

[rowancodes]

Please don't stop making these videos, you're providing a ton of value.

[dabzbmg]

Your last video helped me get a job, can't wait to build this. thanks again brother Chris.

[noahr]

Yes!!! I've been waiting for this video since you announced the video!

I'm really glad I found your channel. You explain things SO well and I didn't even realize you could create games with only JavaScript. Keep up the great work!

[romansalazar]

Lol, first time here, and I see we all woke up here. What’s up guys!

[idonthaveone]

I'm not the only one who fell asleep on yt and woke up to this playing?

[bobibobi-vb]

In the near future when I will get a job, I promise I will donate money to your account, your tutorials are amazing and the way you explain is simple and straight to the point. I wish my college professors were teaching us the way you do. All the best <3

[the_kid]

I just cannot tell you how many times you have saved my life. Thank you. Another problem solved, thanks to you.

[ritarshichattaraj]

You have changed my perspective on game dev!!

[marlonvasquez]

I guess I’ve joined the crew of people who’ve randomly woken up to this channel 😭 I was 1 hour and 10 minutes in-

[daveinpublic]

At 15:00.. felt like the longest 5 minutes... How can you spend that long doing 1 thing?

[hylianreyes]

BAHAHAHA EVERYONE FELL ASLEEP WITH THIS VIDEO 😭😭 (I laugh at myself too cause I also woke up to this video 😭)

[abhijitbarman]

In YouTube there are not many tutorial on Canvas. Thanks for it.

[machochocolate]

Amazing tutorial, very well done my dude. Thanks so much for all the effort you put into this. Definitely a subscriber now!