第1部分第1部分（共4部分）：设计游戏

1. 1写出基本描述。包括功能和你希望玩家完成的任务。写下你想在游戏中做什么的基本大纲是很好的，这样你可以在游戏中参考它。有关编写游戏设计文档的更多详细信息，请参阅本指南。

2. 2.画一些草图。画出你想要的屏幕的基本布局。这些不需要非常详细，但你至少应该知道各种元素在屏幕上的位置。当你开始为你的游戏构建界面时，这些将会非常有用。

3. 3.选择一种创建游戏的方法。传统上，为了创建Flash游戏，您需要学习如何在ActionScript 3中编写代码。虽然你仍然可以做到这一点，但有一些程序可以让游戏制作更容易学习，不需要编程经验。制作游戏的一些最流行的选项包括：Stencyl——这是一个较新的工具，允许您使用对象和逻辑脚本构建游戏。这些游戏可以被转换成Flash项目，并上传到任何支持Flash游戏的网站。构造2——随着Flash变得越来越老，它已经开始被其他创建游戏的方式所取代。创建在线游戏的最新方法之一是使用HTML5。通常这需要大量的编码知识，但Construction 2允许您使用对象和脚本创建游戏，就像Stencyl一样。Flash Builder——这是创建Flash游戏的传统方法。这需要相当多的ActionScript知识，但它是最容易学习ActionScript基础知识的语言之一。FlashBuilder需要花钱，但是你可以使用开源的FlashDevelop程序来获得大部分相同的功能。

第2部分第2部分，共4部分：使用模具

1. 1下载并安装模具。Stencyl是一个不需要任何编码知识的游戏创建程序。相反，你可以使用各种逻辑工具来操纵游戏中的对象。如果你只想在线发布游戏，可以免费使用Stencyl。免费版本将有一个模具标识出现在开始。如果你得到了付费版本，你可以发布到其他平台。

2. 2创建新游戏。当你启动Stencyl时，你会看到你的游戏列表。列表中有几个示例游戏，你可以看看它们是如何工作的。要开始制作自己的游戏，请单击标有“单击此处创建新游戏”虚线的框。

3. 3.选择一个工具包。有几个工具包包含预制的资产和对象，可以帮助您快速启动和运行游戏。如果你愿意，可以选择一个工具包；如果你打算自己制作，可以选择“空白游戏”。你可以下载其他用户在网上制作的工具包。

4. 4输入游戏信息。在开始创建游戏之前，您需要输入一些信息。名字——这是你游戏的名字。以后你可以把它改成你喜欢的任何东西。屏幕大小——这是游戏屏幕的大小，非常重要，因为它会影响你使用的艺术。因为人们很可能会在他们的网络浏览器中玩你的游戏，所以屏幕大小不必太大。试试宽度：640像素高度：480像素。这是一个很好的开始。

5. 5.熟悉布局。当你第一次加载新游戏时，你会被带到仪表板。在这里，您可以查看游戏的所有场景，并访问任何资源。你也可以在这里更改游戏设置。你大部分时间都在仪表板上工作。场景——这是仪表板的主窗口，显示实际游戏和所有资产。你的游戏将是一组场景。资源-这是游戏中所有物品和资产的列表。它包括演员、背景、字体、场景、逻辑、声音和瓷砖集。这些资源被组织在屏幕左侧的一棵树中。设置-游戏和设置选项允许你调整游戏机制的工作方式，包括控制、重力、碰撞、加载屏幕等。

6. 6.定制演员。参与者是在游戏中移动或可以与之交互的任何对象（玩家、敌人、门等）。您需要为游戏中的每个对象创建一个参与者。要创建参与者，请单击资源菜单中的“参与者类型”选项。从列表中选择你想要的演员（列表由你选择的工具包决定）。将演员分配到一个组（玩家、敌人）。这将有助于确定参与者的冲突属性。选择演员以打开演员编辑器。单击“属性”选项卡，然后从下拉菜单中选择相应的组。添加行为（跳跃、跺脚、走路）。行为是允许你的演员执行动作的因素。单击行为选项卡，然后单击左下角的“+添加行为”按钮。从列表中选择一种行为（如“行走”），然后单击“选择”。设置控件。如果你正在创建一个玩家角色，那么你可能需要允许玩家移动它。添加行走行为时，将进入“行走属性”屏幕。您可以使用下拉菜单选择将演员左右移动的键。如果所使用的工具包包含动画，也可以指定动画。您可以添加多个行为来自定义参与者可以做什么。

7. 7.创造一个场景。场景是玩家在玩游戏时看到的。它是背景，以及任何可见的物体和演员。要创建新场景，请单击资源树中的“场景”选项，然后单击虚线框。为新场景命名以继续。背景——你的场景会自动调整大小，所以你现在不必担心这个问题。你可以选择使用一种颜色作为背景，在其上放置瓷砖。您可以选择纯色或渐变色。完成后单击“创建”。这将打开场景设计器。放置瓷砖-工具包中包含的瓷砖集将加载到窗口的右侧。单击左侧菜单中的铅笔工具，然后单击要使用的瓷砖。然后可以将瓷砖放置到场景中。单击并用鼠标拖动以放置多个瓷砖。放置演员-单击瓷砖集上方的“演员”选项卡，切换到可用的演员。您必须在之前创建了它们，才能将其显示在此列表中。单击要放置的演员，然后单击场景中希望其出现的位置。如果你按住⇧ 移动时，演员将快速移动到网格上。添加重力-单击窗口顶部的“物理”选项卡，然后在“重力（垂直）”字段中输入值。输入85将模拟真实世界的重力。

8. 8.测试游戏。在你创建了一个场景并放置了一些演员之后，你就可以测试这个游戏了。点击屏幕顶部的“测试游戏”按钮，即可玩到目前为止的游戏。可以使用创建演员时设置的关键点来控制玩家角色。找出任何不起作用的方面，并尝试修复它们。例如，敌人的行为是否正确？你能打败你的敌人吗？是否有无法到达的平台或无法跨越的鸿沟？返回游戏编辑器的相关区域，修复您发现的任何问题。这可能需要一段时间，但最终的结果将是一个更加有趣和可玩的游戏。

9. 9更多。现在你有了一个可以工作的、可玩的第一个场景，是时候开始构建整个游戏了。添加更多级别和挑战，并不断测试您添加的内容，以确保它们有趣且工作正常。

10. 10.锁定你的游戏。如果你要把游戏上传到一个Flash游戏的网站，或者上传到你自己的网站，你可能需要启用“网站锁定”。如果你的游戏不在允许的网站列表中，这将阻止它被玩。从“资源”树中打开“游戏设置”。选择“加载器”部分。在“站点锁定”字段中输入要允许的站点，用逗号分隔，不留空格。例如，纽格兰斯。com，kongregate。通用域名格式。在此屏幕上，如果您有主页，请在“您的主页”字段中输入您的主页。这将让玩你的游戏的玩家链接到你的网站。

11. 11将游戏导出为Flash。一旦你对你的游戏感到满意，你就可以把它导出成Flash格式。这将让你上传游戏到一个网站，主机Flash游戏，或到你自己的网站。单击发布选择Web，然后单击Flash。将文件保存到计算机上易于查找的位置。

12. 12发布游戏。一旦你有了Flash（.SWF）文件，你就可以把它上传到你选择的主机上。网上有很多网站都有Flash游戏，有些甚至可以让你通过游戏的广告收入赚钱。你也可以将游戏上传到自己的网站上，但如果游戏变得流行，你需要确保你有足够的带宽来满足玩家的需求。有关将游戏上载到自己网站的信息，请参阅本指南。如果你想将游戏上传到Newgrounds或Kongregate这样的网站，你需要创建一个帐户，然后完成该网站的上传过程。条款和条件因现场而异。如果你想将游戏发布到Stencyl Arcade，你可以在Stencyl程序中发布。单击“发布”“选择模具”，然后单击“拱廊”。游戏将自动上传，所以在进行此操作之前，请确保您对该名称感到满意。Stencyl Arcade的文件大小限制为8 MB。

第3部分第3部分，共4部分：使用构造2

1. 1下载并安装构造2。这个程序允许你用很少的代码创建HTML5游戏。您必须分配一些变量，但这都是通过菜单完成的，不需要实际编码。构造2是免费的，但有些功能是有限的，除非你升级。免费版本不能发布到HTML5以外的任何其他平台。

2. 2创建一个新项目。当你第一次开始构建2时，你会收到一份欢迎菜单。点击“新建项目”链接开始新游戏。这里还有几个例子，你可以用来看看基本游戏是如何创建的。创建新项目时，将向您提供一个模板列表。对于第一个项目，您可能希望从一个空项目开始。这将允许您掌握基本知识，而无需使用模板。

3. 3调整项目设置。在项目窗口的左侧框架中，您将在“属性”框架中看到一系列项。你可以用它来设置屏幕大小，输入游戏和公司信息。

4. 4插入背景。双击布局。从“常规”部分选择“平铺背景”。单击布局以放置背景。这将打开背景编辑器。你需要使用图像编辑软件创建自己的纹理，或者从网上的不同位置下载纹理。将背景设置为布局的大小。通过选择背景对象并在“属性”框中更改大小来执行此操作。更改图层名称并将其锁定。您需要锁定图层，以防止在放置其他对象时意外移动它。单击屏幕右侧的“层”选项卡。选择图层，然后单击铅笔图标。将图层命名为“背景”，然后单击“挂锁”按钮锁定背景。

5. 5创建一个新层。在“层”选项卡中，单击“+”按钮创建新层。将其重命名为“Main”。这将是大多数游戏对象所在的层。继续之前，请确保选择了主层。

6. 6为游戏添加输入。在构造2中，您的输入需要作为对象添加到游戏中。它们是不可见的，可以在整个项目中使用键盘和鼠标。双击布局并从输入部分选择“鼠标”。同样，插入“键盘”对象。

7. 7添加对象。是时候开始在布局中添加一些游戏对象了。双击布局并从“常规”部分选择“精灵”。使用十字光标选择要放置精灵的位置。图像编辑器将打开，允许您加载现有精灵或创建新精灵。在布局中选择精灵时，精灵的属性将加载到左侧框架中。更改精灵的名称，以便更容易识别和引用它。

8. 8向对象添加行为。要添加行为，请单击要添加行为的对象以将其选中。单击“属性”框架的“行为”部分中的“添加/编辑”链接。将显示可用行为的列表。行为是预先配置的逻辑片段，允许您快速向对象添加功能。您可以从各种各样的预制行为中进行选择，这些行为可以执行多种功能。例如，要使地板坚固，请将其设置为“坚固”行为。要在八个方向上移动玩家角色，请将其设置为“八个方向移动”行为。

9. 9改变行为属性。可以编辑现有行为以自定义对象的工作方式。可以更改这些值以更改速度、方向和其他属性。

10. 10了解事件是如何运作的。事件是一系列条件，是推动比赛的因素。如果条件得到满足，事件就会发生。如果不满足条件，事件就不会发生。事件表通常每秒运行60次。每次运行都被称为“滴答”。

11. 11创建一个事件。在空白事件表中双击。将显示可用对象的列表。选择要为其创建事件的对象，也可以创建系统事件。选择操作发生的时间。选择对象后，系统将要求您选择事件发生的时间。这可以基于其他事件或特定时间。“每一个滴答声”总是如此。添加一个动作。系统将要求您选择一个对象。从操作列表中选择。例如，如果您正在制作一个自上而下的射击游戏，并且希望玩家的角色始终看着鼠标，那么您可以在设置给玩家对象的每个记号上创建一个“设置朝向位置的角度”动作。当被问及坐标时，输入“Mouse.X”代表X，输入“Mouse.Y”代表Y。这将使玩家的船始终指向光标。

12. 12添加更多事件和行为。这些是你比赛的支柱。添加和调整行为和事件将帮助你制作一款独特而有趣的游戏，人们会争相玩。尝试不同的项目，以获得你想要的确切游戏。

13. 13添加一些变量。构造2中有两种类型的变量：实例变量和全局变量。这些允许您为您的对象和游戏设置自定义值，例如健康、时间限制、分数等。实例变量-实例变量是分配给单个对象的变量。它们用于敌人和玩家的健康。选择对象后，可以通过单击“属性”框架的“变量”部分中的“添加/编辑”链接来添加实例变量。给变量一个可以在事件中引用的名称，以及一个初始值。全局变量-全局变量是分配给整个游戏的变量。它们用于诸如球员得分之类的事情。要创建全局变量，请打开事件表并右键单击空白区域。单击“添加全局变量”，给它一个可以在事件中引用的名称，然后输入初始值。

14. 14创建一个接口。创建界面时，通常最好在新层上创建。这是因为界面很少移动或更改，所以最好将其放在锁定层上。在新层的“属性”框中，将“视差”设置为0。这将防止屏幕滚动时图层滚动。使用文本框和变量创建界面。你可以设置文本框来显示剩余的生命值、分数、弹药或其他玩家需要定期查看的内容。

15. 15测试并修改你的游戏。现在屏幕上有了一些包含事件和行为的对象，您可以开始测试和添加内容了。点击屏幕顶部的“播放”按钮来构建和测试游戏。记下任何不起作用的东西，并尝试修复它，这样你的游戏将是可玩的和有趣的。

16. 16.导出游戏。如果你对你的游戏感到满意，你可以将它导出，这样它就可以上传到网站上，供任何人玩。要导出游戏，请单击文件菜单并选择导出。将项目保存到您可以轻松找到的位置。

17. 17.发布游戏。有几个网站允许你上传HTML5游戏给其他人玩。你也可以将游戏添加到自己的网站上。有关将游戏上传到自己网站的详细信息，请参阅本指南。

第4部分第4部分，共4部分：从头开始编码

1. 1下载支持HTML（如Game Maker Studio）的编程IDE（集成开发环境）。有些是免费的，尽管许多最好的IDE都要几百美元。
2. 2学会使用IDE。在你的环境中学习编程是非常重要的。记住大部分常用代码并学习如何正确实现可能需要数周甚至数月的时间。耐心点，一切都会有回报的！
3. 3一旦你认为自己准备好了，就开始游戏。制作设计文档或记下一些想法是一个很好的开始。编写一个游戏可能需要几个月的时间，如果你真的很想成功，甚至需要一两年的时间。
4. 4.测试游戏。确保尝试做一些疯狂或意想不到的事情，并尽可能多地消除bug。此外，还要尝试确定游戏是否符合您的要求，或者是否需要返回并进行更改。
5. 5发布它！在Kongregate等网站上在线发布游戏。你应该准备好接受建设性的批评，你可能希望更新你的游戏以满足玩家的愿望。

• 如果您对学习Flash游戏背后的代码更感兴趣，可以使用Flash Builder和ActionScript 3代码创建自定义游戏。这将花费更长的时间，但可能会带来更独特的体验。有关操作脚本3中编程的详细信息，请参阅本指南。
• 把你的想法或内容来源，以及其他帮助创建游戏的人都归功于他们。