Space Invaders with JavaScript and HTML Canvas

通过学习如何为这种经典游戏类型编写通电、爆炸等代码，提高您的游戏开发技能

您将学到什么
设置开发环境
创建和移动玩家的宇宙飞船
导入游戏图像
以设定的时间间隔生成敌方入侵者的网格
射击射弹
通过精确的碰撞检测移除敌人
制造同时引爆多个入侵者的炸弹
获得改变机枪能量的道具你的射速
让敌人越来越难
添加跟随你的飞船的粒子动画
使用 HTML 和 CSS 开发游戏 UI
带有重启按钮的开始和结束屏幕
添加自定义音效和音乐
为所有类型的监视器编写一致的帧速率
部署到 GitHub 页面

要求
您应该了解基本的 JavaScript 原理，例如 var、let、const、for 循环和函数
一些 HTML 画布的先验知识会有所帮助，尽管这不是严格要求

描述
欢迎来到 Code Space Invaders 课程，您将在其中学习如何创建经典游戏 Space Invaders 的自定义变体。我们将使用 JavaScript 和 HTML5 画布基础来逐步提高您的游戏开发技能，并一路走下去，直到您在网络上拥有一个成熟的 Space Invaders 游戏。

我的名字是 Christopher Lis，我是一位屡获殊荣的全栈工程师，拥有十多年的 Web 开发经验。我曾直接与哈佛大学、篮球锦标赛等客户以及 Brave People 等优质获奖机构合作。

本课程的目标是为您提供从头开始编写自己的 JavaScript 游戏所需的技能。本课程涵盖了许多游戏开发基础知识，您将学习的大部分内容都使用手写数学函数，而不是隐藏游戏开发库通常提供的抽象。

Published 10/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 26 lectures (5h 20m) | Size: 4.43 GB

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

Requirements
You should understand basic JavaScript principles like var, let, const, for loops, and functions
Some prior knowledge with HTML canvas will help, although it’s not strictly required

Description
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