使用 JavaScript 和 AI 进行快速且激动人心的游戏开发

Fast and Furious Game Development with JavaScript and AI

使用 Generative AI 和 ChatGPT 学习 HTML、JavaScript 和游戏开发来构建游戏并享受乐趣!

 学习内容

  • 学生将从头开始学习 HTML5 + CSS(级联样式表)+ JavaScript。以及涉及许多计算机科学主题。
  • 学生将了解 HTML5 API 的许多令人兴奋的新功能,例如用于图形、异步和高性能编码的 Canvas。
  • 学生将学习计算机图形学的基础知识,包括栅格化、如何绘制对象、位图图形以及如何创建“Sprite”引擎。
  • 学生将学习如何在他们的 JavaScript 程序中加载和播放声音和音乐。
  • 学生将学习如何使用图形和声音编辑器等众多工具来操作游戏内容。
  • 学生将学习如何从键盘和鼠标获取用户输入以控制他们的游戏角色。
  • 学生将学习如何使用 LLMs(大型语言模型)和 ChatGPT 等生成式 AI 来帮助他们编写功能齐全的游戏。
  • 学生将通过在 AI 和 ChatGPT 的帮助下开发六种经典视频游戏来学习游戏开发。
  • 最后,学生们将能够将所有这些东西放在一起,创造出属于自己的精彩游戏。

 要求

  • 一台现代化的 Windows、MacOS 或 Linux 电脑 (或虚拟机),能够运行基于浏览器的游戏,并运行 Krita 画图和 Audacity 声音编辑器等工具。
  • 初中/高中或同等数学知识。基本上,加法、减法、一点代数和向量不时出现。
  • 不需要编程经验,但如果您了解其他编程语言,例如 C/C++、C#、Python、BASIC 甚至 Java,也没有什么坏处。
  • 好有耐心!这是一门大学风格的课程,有 30-60 分钟的讲座。我们将从 HTML 和 JavaScript 中的“Hello World”开始,到课程结束时,您将在有和没有 AI 帮助的情况下编写完整的视频游戏。

 描述

“使用 JavaScript 和 AI 进行速度与激情的游戏开发”旨在让任何有或没有编码经验的人,使用图形和游戏开发作为学习平台,从头开始教他们 HTML5 + CSS 和 JavaScript。然后,有了基础知识,我们踏上了最激动人心的计算之旅之一,我们学习如何使用像 ChatGPT 这样的生成式 AI 来构建工作游戏!因此,这实际上是三合一的课程。

在课程的第一部分,我们首先介绍 Internet 和 HTML 如何与浏览器配合使用。然后,我们从 HTML 中的 “Hello World” 开始,构建我们的第一个网页。从那里开始,一次又一次的讲座,我们越来越深入地研究 HTML5 + CSS 最重要的功能,因此您可以创建具有格式样式控件等的基本网站。因此,如果您一生中从未制作过网站,您将在课程的这一部分逐步学习。即使您是一位经验丰富的程序员,从未开始学习 HTML5 + CSS,您也会喜欢本节。

在课程的下一部分,我们将从头开始介绍 JavaScript,我们将学习变量、数学、条件、循环、函数等的基础知识。随着讲座的进行,我们将涵盖越来越多的高级主题,例如事件驱动编程、递归和 JavaScript 中的面向对象编程。然后,我们换个方向,开始学习计算机图形学和游戏开发,同时继续学习 JavaScript 功能。我们将学习如何在 HTML5 Canvas 上绘图,如何为 sprite 制作动画,以及执行简单的物理模拟。当然,在此过程中,我们学习如何使用键盘鼠标进行交互,如何将我们的 HTML 页面(网站)与 JavaScript 集成,以及如何在它们之间发送消息。此外,我们还学习如何操作 DOM(文档对象模型),这是代表您的网页的树状数据结构。学习一门新语言可能是一项艰巨的任务,但使用图形和游戏开发作为学习平台来学习一门新语言是唯一的方法!我保证它不会很无聊。

在课程的最后一部分,我们深入研究了 AI 和 ChatGPT。在本课程的这一点上,您是一名熟练的 JavaScript 程序员,拥有制作完整游戏所需的所有工具。然而,我们不是自己制作游戏,而是要学习与世界上最先进的 AI(可以说是)ChatGPT 合作。您将学习如何“提示”ChatGPT 创建经典街机游戏的工作骨架。您将学习如何通过 “Prompt Engineering” 引导 AI 使其生成工作代码及其限制。然后在 ChatGPT 为我们提供了一个游戏的工作框架之后,你和我将利用该游戏并用我们学到的知识完成它,并添加图形声音音乐和更多游戏功能。我们将这样做六次以上,因为我们重新创建有趣的经典游戏以及 AI 创造的惊人成就。我们将构建这些游戏以及更多游戏:

乒乓球 (Pong)

打砖块 / 方块破坏者 (Breakout / Arkanoid)

贪吃蛇 (Snake)

像素鸟 (Flappy Bird)

3D线框太空射击游戏

太空入侵者 (Space Invaders)

二十一点 (Blackjack)

RetroRift(ChatGPT原创游戏)

 

最后,该课程还附带了我一些最经典的游戏开发书籍的免费电子 PDF 副本,这些书籍多年来已经教过数百万学生和专业人士游戏开发:

  • “Windows 游戏编程专家的技巧”

  • “3D 游戏编程的黑魔法”

  • “3D 游戏编程大师的技巧”

最后,本课程涉及计算机领域最热门的科目;JavaScript + HTML5游戏开发和人工智能与 ChatGPT 并以一种前所未有的方式将它们融合在一起,使学习这些科目变得有趣和引人入胜。利用您学到的知识,您可以部署在数十亿台支持浏览器的设备上运行的游戏和应用程序。这就是你想要在工具箱里拥有的超能力

本课程适合谁:

  • 任何有兴趣通过制作游戏以有趣的方式学习 HTML + CSS + JavaScript 的人。
  • 已经了解另一种语言,但想学习 HTML + JavaScript 开发的程序员,使用游戏开发作为学习平台。
  • 任何有兴趣学习如何使用 Generative AI 和 ChatGPT 来帮助编写复杂程序(例如视频游戏)的人。
  • 简而言之,本课程适合任何想要学习如何使用 JavaScript 制作基于浏览器的游戏和应用程序的人,这些游戏和应用程序可以使用 AI 部署到数十亿用户,以前所未有的方式进行协作。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。