使用 JavaScript 和 HTML Canvas 的太空入侵者

Space Invaders with JavaScript and HTML Canvas

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

 学习内容

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

 要求

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

 描述

请阅读:这是一门免费增值课程——前 2 1/2 小时是免费的(您可以在 Udemy [或 YouTube] 上使用每个视频的“预览”按钮观看),而剩余的 3 小时需要购买课程。我一直大力倡导将基础知识传播给尽可能多的人,因为我相信知识和个人成长是改善整个世界的最佳方式。享受。

欢迎参加 Code Space Invaders 课程,您将在其中学习如何创建经典游戏 Space Invaders 的自定义变体。我们将使用 JavaScript 和 HTML5 画布基础知识来逐步提高您的游戏开发技能,并一直走到您拥有一款完整的 Space Invaders 游戏在网络上直播。

我叫 Christopher Lis,是一位屡获殊荣的全栈工程师,拥有十多年的 Web 开发经验。我曾直接与哈佛大学、The Basketball Tournament 等客户以及 Brave People 等优质获奖机构合作。

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

在本课程中,您将从以下方面学习所有内容:

  • 设置开发环境

  • 创建和移动玩家的宇宙飞船

  •  导入游戏图像

  • 在设定的时间间隔内生成敌方入侵者的网格

  •  射击弹丸

  • 通过精确的碰撞检测移除敌人

  • 制造炸弹,一次爆炸多个入侵者

  • 获得改变射速的机枪动力装置

  • 使敌人越来越难

  • 添加跟随宇宙飞船的粒子动画

  • 使用 HTML 和 CSS 开发游戏 UI

  • 带有重新启动按钮的开始和结束屏幕

  • 添加自定义音效和音乐

  • 为所有类型的监视器编写一致的帧速率代码

  •  部署到 GitHub 页面

 还有更多。

如果你真的想把你的游戏开发技能提升到一个新的水平,那么让我指导你完成一个2D太空侵略者游戏的完整制作,该游戏已经准备好投入生产了。

这门课程的适用对象:

  • 希望提高技能并更好地理解游戏开发的初学者游戏开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。