Tower Defense Game Tutorial with JavaScript & HTML Canvas
Ready to create amazing games? Join chriscourses.com to learn, grow and thrive from over 100 videos, quizzes and code challenges: https://chriscourses.com/
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.
Google Drive Assets: https://drive.google.com/drive/folder...
Finished Demo: https://chriscourses.github.io/tower-...
Source Code: https://github.com/chriscourses/tower...
Tiled Map Editor Download: https://www.mapeditor.org/
Stone Tower Assets: https://free-game-assets.itch.io/free...
Desert Tileset: https://free-game-assets.itch.io/free...
Orc Sprite Assets: https://free-game-assets.itch.io/free...
Heroicons: https://heroicons.com/
Font Awesome: https://fontawesome.com/
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
Music by Joe Gallagher: https://joegallagher.itch.io/free-orc...
Смотрите видео Tower Defense Game Tutorial with JavaScript & HTML Canvas онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chris Courses 07 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 634,232 раз и оно понравилось 5 тысяч людям.