Space Invaders with JavaScript and HTML Canvas

Space Invaders with JavaScript and HTML Canvas, available at $59.99, has an average rating of 4.4, with 27 lectures, based on 32 reviews, and has 416 subscribers.

You will learn about Setup a development environment Create and move a players 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 This course is ideal for individuals who are Beginner game devs looking to bolster their skills and better understand game development in general It is particularly useful for Beginner game devs looking to bolster their skills and better understand game development in general.

Enroll now: Space Invaders with JavaScript and HTML Canvas

Summary

Title: Space Invaders with JavaScript and HTML Canvas

Price: $59.99

Average Rating: 4.4

Number of Lectures: 27

Number of Published Lectures: 26

Number of Curriculum Items: 27

Number of Published Curriculum Objects: 26

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

Setup a development environment

Create and move a players 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 Should Attend

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

Target Audiences

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

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.

Course Curriculum

Chapter 1: The Essentials

Lecture 1: Project setup

Lecture 2: Create a player

Lecture 3: Move player

Lecture 4: Create projectiles

Lecture 5: Create an invader

Lecture 6: Create grid of invaders

Lecture 7: Spawn grids at intervals

Lecture 8: Shoot invaders

Lecture 9: Update grid width

Lecture 10: Invader projectiles

Lecture 11: Enemy explosions

Lecture 12: Background stars

Lecture 13: Lose condition

Lecture 14: Score

Lecture 15: Fixed width canvas

Chapter 2: Premium Features

Lecture 1: Dynamic score labels

Lecture 2: Explosive bombs

Lecture 3: Machine gun power-up

Lecture 4: Progressively harder enemies

Lecture 5: Spaceship sprite animation

Lecture 6: Start and game over UI

Lecture 7: Sound effects and music

Lecture 8: Consistent frame rate across screens

Lecture 9: Refactor and touch-ups

Lecture 10: Deploy

Lecture 11: Show score on game over

Instructors

Christopher Lis
Founder of Chris Courses / Senior Full-Stack Engineer

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 2 votes

4 stars: 9 votes

5 stars: 20 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!