Space Invaders with JavaScript and HTML Canvas

Focused View

Christopher Lis

5:20:36

118 View

1. The Essentials

1. Project setup.mp4

05:24

2. Create a player.mp4

14:19

3. Move player.mp4

15:29

4. Create projectiles.mp4

10:06

5. Create an invader.mp4

04:19

6. Create grid of invaders.mp4

15:57

7. Spawn grids at intervals.mp4

06:10

8. Shoot invaders.mp4

08:35

9. Update grid width.mp4

04:09

10. Invader projectiles.mp4

10:20

11. Enemy explosions.mp4

12:16

12. Background stars.mp4

05:15

13. Lose condition.mp4

03:44

14. Score.mp4

04:30

15. Fixed width canvas.mp4

03:25

2. Premium Features

1.1 GSAP Documentation.html

1. Dynamic score labels.mp4

14:05

2. Explosive bombs.mp4

42:48

3. Machine gun power-up.mp4

19:48

4. Progressively harder enemies.mp4

17:02

5. Spaceship sprite animation.mp4

13:33

6.1 Assets.html

6. Start and game over UI.mp4

31:27

7.1 200 Space Sound Effects.html

7.2 8 Bit Sound Effects.html

7.3 Background Music.html

7. Sound effects and music.mp4

17:36

8. Consistent frame rate across screens.mp4

09:46

9. Refactor and touch-ups.mp4

13:26

10.1 Final Product.html

10. Deploy.mp4

08:29

11. Show score on game over.mp4

08:38

Description

Improve your game-dev skills by learning how to code power-ups, explosions, and more for this classic game type

What You'll Learn?

Setup a development environment
Create and move a player's spaceship
Import game images
Generate grids of enemy invaders at set intervals
Shoot projectiles
Remove enemies with precise collision detection
Create bombs that explode multiple invaders at once
Obtain machine gun power-ups that alter your rate of fire
Make enemies progressively harder
Add particle animations that follow your spaceship
Develop a game UI using HTML and CSS
Start and end screens with a restart button
Add custom sound effects and music
Code consistent frame rates for all types of monitors
Deploy to GitHub pages

Who is this for?

Beginner game devs looking to bolster their skills and better understand game development in general

More details

Description
PLEASEÂ READ: This is a freemium courseâ€”the first 2 1/2 hours are free (you can watch right here on Udemy [or YouTube] with each video's "Preview" button), while the remaining 3 hours require course purchase. I've always been a big advocate of spreading the basics to as many people as possible, as I believe knowledge and personal growth are some of the best ways to better our world as a whole. Enjoy.
Welcome to the Code Space Invaders course, where you will learn how to create a custom variation of the classic game, Space Invaders. We'll use JavaScript and HTML5 canvas fundamentals to progressively enhance your game development skills, and go all the way 'til you have a full-blown Space Invaders game live on the web.
My name is Christopher Lis, and I'm an award-winning Full-Stack Engineer with over ten years of web development experience. I've directly worked with clients like Harvard University, The Basketball Tournament, and premium award-winning agencies like Brave People.
The goal of this course is to give you the skillset required to code your own JavaScript games from scratch. Many game dev fundamentals are covered in this course, and much of what you'll learn uses hand-written math functions rather than hidden away abstractions that game dev libraries typically provide.
In this course, you'll learn everything from:

Setup a development environment
Create and move a player's spaceship
Import game images
Generate grids of enemy invaders at set intervals
Shoot projectiles
Remove enemies with precise collision detectionk
Create bombs that explode multiple invaders at once
Obtain machine gun power-ups that alter your rate of fire
Make enemies progressively harder
Add particle animations that follow your spaceship
Develop a game UI using HTML and CSS
Start and end screens with a restart button
Add custom sound effects and music
Code consistent frame rates for all types of monitors
Deploy to GitHub pages

And so much more.
If you're serious about taking your game dev skills to the next level, then let me guide you through the full production of a 2D Space Invaders game that's ready for production launch.
Who this course is for:
Beginner game devs looking to bolster their skills and better understand game development in general

User Reviews

Rating

average 0

Total votes0

Focused display

I'm Christopher Lis, an award winning, full-stack web developer who has worked professionally for clients such as Harvard University, The Basketball Tournament, and Brave People (I made their site and won two Awwwards for it). I'm also an instructor / YouTuber, and founded the JavaScript learning platform, Chris Courses.I started my teaching journey in 2016 when I taught basic web development to high-school classes through the Girls Who Code program. Since then, I've digitized my teaching, amassing over 50k subscribers on YouTube, and earning over $20k through my custom built, educational SaaS platform called Chris Courses.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.