【Udemy中英字幕】How to Program Games: Tile Classics in JS for HTML5 Canvas

如何编程游戏：用 JS 为 HTML5 Canvas 平铺经典

学习为街机、空中赛车和解谜冒险等类型编写基于图块的世界和相关核心游戏

讲师：Chris DeLeon

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你会学到什么

• 创建、显示和玩支持优化碰撞的 2D 瓷砖世界（各种类型游戏的核心概念！）
• 在 HTML5 Canvas 的 JavaScript 中编写游戏，无需使用任何外部库或插件
• 在游戏中创建、加载、显示和旋转图像图形
• 将游戏代码分解成多个文件以更好地管理大型项目
• 定义一个类并使用它在独特的位置创建游戏对象的多个实例（注意：仅使用面向对象编程的最基本的第一个概念，它不会深入那个兔子洞）
• 处理单人游戏的鼠标输入，或单人和双人游戏的键盘控制
• 实现基本的物品拾取（钥匙）并在碰撞时触发它们的使用（开门）
• 为基本的平台运动、数字棋盘/战略游戏、复古街机风格敌人的简单矩阵编队以及比滚动相机看到的屏幕更大的世界开发和调整游戏玩法
• 应用简单的三角函数调用以任意角度移动游戏对象
• 在 HTML5 中实现基本的加载屏幕功能

要求

• 任何像记事本这样的纯文本编辑器都可以，但是随着代码长度的增加，一个支持程序员特性的编辑器，如多个文件选项卡、代码突出显示、行号和智能/自动缩进，在以后的阶段会很方便（Notepad++ 是免费的）适用于 Windows、适用于 Mac 的 TextWrangler 或我使用的 Sublime Text 2 都有功能齐全的免费试用版）
• 任何常见的网络浏览器都应该可以正常工作，尽管我使用谷歌浏览器（免费），所以你可能更喜欢那个浏览器，只是为了在你这边看看它在视频中的确切显示方式
• 要遵循绘画艺术的几个步骤，您需要一个可以让您绘制和保存透明图像的程序。我使用稍旧版本的 Photoshop，尽管存在免费的替代品并且步骤相似。我还附上了我创建的所有艺术文件，所以如果你更喜欢只关注编码步骤，你可以下载我在视频中创建的图像。

描述

通过学习这门新课程，您将编写几种经典游戏类型的程序，这些游戏类型都包含基于 2D 图块的世界。您将使用 JavaScript 为 HTML5 Canvas 编写代码，因此您只需要一个文本编辑器和普通的 Web 浏览器（艺术程序可以方便地处理几个部分，但不是必需的）。我已经为每个步骤附上了我的代码，所以你永远不会被卡住。最后，您将学到更多应用所学知识的方法。此外，通过完成课程，您将获得我完整的 500 页游戏开发教科书的 PDF：游戏编程实战介绍。本书包含 100 多个练习、更多的游戏类型和附加材料，其中包含有关您在本课程中创建的项目的更多详细信息。

（课程图片中的 HTML5 徽标由 W3C 提供，根据 Creative Commons Attribution 3.0 Unported 获得许可。过渡卡的背景图案 CC BY-SA 3.0 Subtle Patterns © Atle Mo. 由 Paul Phönixweiß 绘制。）

本课程适合谁：

• 任何想学习实用技能以在家编写自己的游戏的人
• 可能已经熟悉编程概念但不熟悉将这些知识应用于制作实时计算机游戏的人
• 只尝试过拖放工具但有兴趣了解更多有关如何通过编程制作游戏以更深入地控制细节的创作者
• 在转向主要引擎和工具（本课程未涵盖）如 Unity 或 Unreal 之前，有兴趣使用更传统的“纯代码”方法来练习核心游戏编程的开发人员
• 以独立风格游戏或经典游戏玩法为起点寻找技术游戏设计基础的人
• 完成免费课程“编写您的第一个游戏：在 Canvas 上用 JavaScript 编写 Arcade Classic”的新开发人员希望进一步提高他们在 HTML5 Canvas 上使用 JavaScript 开发游戏的技能
• 请注意，面向对象编程等高级主题只是非常简短地涉及——软件工程模式通常不在本课程的范围内