GameMaker HTML5 游戏开发（四）

原文：zh.annas-archive.org/md5/B91F6649162E9805B55AF1CE820DC361

译者：飞龙

协议：CC BY-NC-SA 4.0

第八章：玩转粒子

在过去的两章中，我们构建了一个利用关节、夹具和力的强大的基于物理的游戏。然后我们添加了一个完整的前端，其中有一个商店，玩家可以购买装备和解锁级别。我们还更新了 HUD 并实现了介绍和得分屏幕来完善每个级别。感觉几乎像是一个完整的游戏，但缺少了一些东西。TNT 突然消失了，柱子的破裂也突然出现了。在本章中，我们将通过向游戏添加一些粒子效果来解决这个问题，以帮助掩盖这些变化。经过这一点点的润色，我们的游戏就可以发布了！

介绍粒子效果

粒子效果是游戏中用来表示动态和复杂现象的装饰性修饰，比如火、烟和雨。要创建一个粒子效果，需要三个元素：一个系统，发射器和粒子本身。

理解粒子系统

粒子系统是粒子和发射器存在的宇宙。就像宇宙一样，我们无法定义大小，但可以定义一个原点，所有发射器和粒子都将相对于该原点放置。我们也可以同时存在多个粒子系统，并可以设置不同深度来绘制粒子。虽然我们可以拥有尽可能多的粒子系统，但最好尽可能少，以防止可能的内存泄漏。原因是一旦创建了粒子系统，它将永远存在，除非手动销毁。销毁生成它的实例或更改房间不会移除系统，因此确保在不再需要时将其移除。通过销毁粒子系统，将同时移除系统中的所有发射器和粒子。

利用粒子发射器

粒子发射器是系统内定义的区域，粒子将从这些区域产生。有两种类型的发射器可供选择：爆发发射器一次性产生粒子，流发射器随时间不断喷射粒子。我们可以定义每个发射器在空间中的大小和形状区域，以及粒子在区域内的分布方式。

在定义空间区域时，有四种形状选项：菱形、椭圆、线和矩形。可以在前图中看到每种形状的示例，它们都使用完全相同的尺寸、粒子数量和分布。虽然使用这些形状之一之间没有功能上的区别，但效果本身可以受益于正确选择的形状。例如，只有线才能使效果看起来呈 30 度角。

粒子的分布也会影响粒子从发射器中喷射出来的方式。如前图所示，有三种不同的分布。线性将在发射器区域内均匀随机分布粒子。高斯将更多地在区域中心产生粒子。反高斯是高斯的反向，粒子将更靠近发射器的边缘产生。

应用粒子

粒子是从发射器产生的图形资源。可以创建两种类型的粒子：形状和精灵。形状是内置在 GameMaker: Studio 中用作粒子的 64 x 64 像素精灵的集合。如下图所示，这些形状适用于大多数常见的效果，比如烟花和火焰。当想要为游戏创建更专业的效果时，可以使用资源树中的任何精灵。

通过调整许多可用属性，我们可以通过粒子做很多事情。我们可以定义它的寿命范围，它应该是什么颜色，以及它如何移动。我们甚至可以在每个粒子的死亡点产生更多的粒子。然而，也有一些我们无法做到的事情。为了降低图形处理成本，没有能力在效果中操纵单个粒子。此外，粒子无法与任何对象进行交互，因此无法知道粒子是否与世界中的实例发生了碰撞。如果我们需要这种控制，我们需要构建对象。

注意

设计粒子事件的外观通常是一个漫长的试错过程。为了加快速度，可以尝试使用互联网上提供的许多粒子效果生成器之一，比如 Alert Games 的 Particle Designer 2.5，网址为：alertgames.net/index.php?page=s/pd2。

HTML5 的限制

使用粒子效果可以真正提高游戏的视觉质量，但在开发旨在在浏览器中玩的游戏时，我们需要小心。在实施粒子效果之前，了解可能遇到的问题非常重要。围绕粒子的最大问题是，为了使它们能够平稳地渲染而没有任何延迟，它们需要使用图形处理器而不是主 CPU 进行渲染。大多数浏览器通过一个名为WebGL的 JavaScript API 允许这种情况发生。然而，这不是 HTML5 的标准，微软已经表示他们没有计划在可预见的未来支持 Internet Explorer。这意味着游戏潜在受众的一个重要部分可能会因为使用粒子而遭受游戏体验不佳。此外，即使启用了 WebGL，粒子具有附加混合和高级颜色混合的功能也无法使用，因为目前没有浏览器支持这个功能。现在我们知道了这一点，我们准备制作一些效果！

将粒子效果添加到游戏中

我们将构建一些不同的粒子效果，以演示游戏中实现效果的各种方式，并研究可能出现的一些问题。为了保持简单，我们创建的所有效果都将是单个全局粒子系统的一部分。我们将使用两种发射器类型，并利用基于形状和精灵的粒子。我们将从一个尘埃云开始，每当柱子被打破或摧毁时都会看到。然后，我们将添加一个系统，为每种柱子类型创建一个独特的弹片效果。最后，我们将创建一些火焰和烟雾效果，用于 TNT 爆炸，以演示移动发射器。

创建一个尘埃云

我们要创建的第一个效果是一个简单的尘埃云。它将在每个柱子被摧毁时向外迸发，并随着时间的推移消失。由于这个效果将在游戏的每个级别中使用，我们将使其所有元素全局化，因此只需要声明一次。

1. 打开我们之前正在工作的倒塔项目，如果还没有打开的话。

2. 在构建游戏时，我们需要确保启用了 WebGL。导航到资源 | 更改全局游戏设置，然后点击HTML5选项卡。

3. 在左侧，点击图形选项卡。如下截图所示，在选项下有三个WebGL选项。如果禁用了 WebGL，游戏将无法使用 GPU，所有浏览器都会受到潜在的延迟影响。如果需要WebGL，任何不支持此功能的浏览器都将无法运行游戏。最后一个选项是自动检测，如果浏览器支持它，将使用 WebGL，但无论如何都允许所有浏览器玩游戏。选择自动检测，然后点击确定。

4. 现在我们已经激活了 WebGL，我们可以构建我们的效果。我们将首先通过创建一个名为scr_Global_Particles的新脚本，将我们的粒子系统定义为全局变量。

globalvar system;
system = part_system_create();

1. 我们要制作的第一个效果是尘埃云，它将附着在柱子上。为此，我们只需要一个发射器，当需要时我们将其移动到适当的位置。创建一个发射器的全局变量，并在脚本的末尾添加以下代码将其添加到粒子系统中：

globalvar dustEmitter;
dustEmitter = part_emitter_create(system);

1. 对于这个粒子，我们将使用内置形状之一pt_shape_explosion，看起来像一团浓密的尘埃云。在脚本的末尾添加以下代码：

globalvar particle_Dust;
particle_Dust = part_type_create();
part_type_shape(particle_Dust, pt_shape_explosion);

我们再次将其设置为全局变量，这样我们只需要创建一次这个尘埃云粒子。目前我们只声明了这个粒子的形状属性。一旦我们在游戏中看到效果是什么样子，我们将再添加更多内容。

1. 我们需要用其他全局变量初始化粒子系统。重新打开scr_Global_GameStart并调用粒子脚本。

scr_Global_Particles();

1. 一切初始化完成后，我们现在可以创建一个新的脚本scr_Particles_DustCloud，用于设置发射器的区域并激活一次粒子爆发。

part_emitter_region(system, dustEmitter, x-16, x+16, y-16, y+16, ps_shape_ellipse, ps_distr_gaussian);
part_emitter_burst(system, dustEmitter, particle_Dust, 10);

我们首先根据调用此脚本的实例的位置定义一个发射器的小区域。区域本身将是圆形的，具有高斯分布，使得粒子从中心喷射出来。然后我们激活发射器中的 10 个尘埃粒子的单次爆发。

1. 现在我们只需要从柱子的破坏中执行这个脚本。重新打开scr_Pillar_Destroy并在实例被销毁之前的一行插入以下代码：

scr_Particles_DustCloud();

1. 我们还需要将这个效果添加到柱子的破碎中。重新打开scr_Pillar_BreakApart并在同一位置插入相同的代码。

2. 保存游戏，然后进行游戏。当玻璃柱被摧毁时，我们应该看到厚厚的白色云朵出现，如下图所示：

3. 这时粒子很无聊且静止，因为我们除了让粒子看起来像云的形状之外，还没有告诉粒子做任何事情。让我们通过向粒子添加一些属性来解决这个问题。重新打开scr_Global_Particles并在脚本的末尾添加以下代码：

part_type_life(particle_Dust, 15, 30);
part_type_direction(particle_Dust, 0, 360, 0, 0);
part_type_speed(particle_Dust, 1, 2, 0, 0);
part_type_size(particle_Dust, 0.2, 0.5, 0.01, 0);
part_type_alpha2(particle_Dust, 1, 0);

我们添加的第一个属性是粒子的寿命，这是在15和30步之间的范围，或者以我们房间的速度来说，是半秒到一秒。接下来，我们希望粒子向外爆炸，所以我们设置角度并添加一些速度。我们使用的两个函数都有类似的参数。第一个值是要应用于的粒子类型。接下来的两个参数是将从中随机选择一个数字的最小和最大值。第四个参数设置每步的增量值。最后，最后一个参数是一个摆动值，将在粒子的寿命中随机应用。对于尘埃云，我们设置方向为任意角度，速度相当慢，每步只有几个像素。我们还希望改变粒子的大小和透明度，使得尘埃看起来消散。

1. 保存游戏并再次运行。这次效果看起来更自然，云朵向外爆炸，稍微变大，然后消失。它应该看起来像下一个截图。尘埃云现在已经完成。

添加弹片

尘埃云效果有助于使柱子的破坏看起来更真实，但缺少人们期望看到的更大的材料碎片。我们希望各种形状和大小的弹片朝外爆炸，以适应不同类型的柱子。我们将从玻璃粒子开始。

1. 创建一个新的 Sprite，spr_Particle_Glass，并勾选删除背景，加载Chapter 8/Sprites/Particle_Glass.gif。这个 Sprite 不是用来做动画的，尽管它内部有几个帧。每一帧代表一个将在生成粒子时随机选择的不同形状的粒子。

2. 我们希望粒子在向外移动时旋转，因此我们需要将原点居中。点击确定。

3. 重新打开scr_Global_Particles，并在脚本的末尾初始化玻璃粒子。

globalvar particle_Glass;
particle_Glass = part_type_create();
part_type_sprite(particle_Glass, spr_Particle_Glass, false, false, true);

一旦我们创建了全局变量和粒子，我们就将粒子类型设置为 Sprite。在分配 Sprites 时，除了应该使用哪些资源之外，还有一些额外的参数。第三和第四个参数是关于它是否应该是动画的，如果是，动画是否应该延伸到粒子的寿命。在我们的情况下，我们不使用动画，所以它被设置为false。最后一个参数是关于我们是否希望它选择 Sprite 的随机子图像，这正是我们希望它做的。

1. 我们还需要为这种粒子添加一些生命和运动属性。在脚本的末尾添加以下代码：

part_type_life(particle_Glass, 10, 20);
part_type_direction(particle_Glass, 0, 360, 0, 0);
part_type_speed(particle_Glass, 4, 6, 0, 0);
part_type_orientation(particle_Glass, 0, 360, 20, 4, false);

与尘埃云相比，这种粒子的寿命会更短，但速度会更高。这将使效果更加强烈，同时保持一般区域较小。我们还通过part_type_orientation添加了一些旋转运动。粒子可以设置为任何角度，并且每帧旋转 20 度，最多可变化四度。这将给我们每个粒子的旋转带来很好的变化。旋转还有一个额外的参数，即角度是否应该相对于其运动。我们将其设置为false，因为我们只希望粒子自由旋转。

1. 为了测试这种效果，打开scr_Particles_DustCloud，并在发射尘埃云之前插入一个爆发发射器，这样玻璃粒子就会出现在其他效果的后面。

part_emitter_burst(system, dustEmitter, particle_Glass, 8);

1. 保存游戏，然后玩游戏。当柱子破碎时，应该会有玻璃碎片和尘埃云一起爆炸出来。效果应该看起来类似于以下截图：

2. 接下来，我们需要为木材和钢铁粒子创建弹片。以与我们为玻璃做的方式相同，在Chapter 8/Sprites/中创建新的 Spritesspr_Particle_Wood和spr_Particle_Steel。

3. 由于这些粒子是全局的，我们不能动态地交换 Sprite。我们需要为每种类型创建新的粒子。在scr_Global_Particles中，添加木材和钢铁的粒子，属性与玻璃相同。

4. 目前，效果被设置为始终创建玻璃粒子，这是我们不想做的。为了解决这个问题，我们将在每个不同的柱子中添加一个变量myParticle，以允许我们生成适当的粒子。打开scr_Pillar_Glass_Create，并在脚本的末尾添加以下代码：

myParticle = particle_Glass;

1. 使用适当的粒子重复最后一步，为木材和钢铁分配适当的粒子。

2. 为了正确生成粒子，我们只需要重新打开scr_Particles_DustCloud，并将变量particle_Glass更改为myParticle，如下所示：

part_emitter_burst(system, dustEmitter, myParticle, 8);

1. 保存游戏并玩游戏，直到你可以摧毁所有三种类型的柱子以查看效果。它应该看起来类似于以下截图，其中每个柱子都会生成自己的弹片：

制作 TNT 爆炸

当 TNT 爆炸时，它会发射一些目前外观普通的 TNT 碎片。我们希望这些碎片在穿过场景时着火。我们还希望爆炸产生一团烟雾，以表明我们看到的爆炸实际上是着火的。这将引起一些复杂情况。为了使某物看起来着火，它需要改变颜色，比如从白色到黄色再到橙色。由于 WebGL 并非所有浏览器都支持，我们无法利用任何允许我们混合颜色的函数。这意味着我们需要解决这个问题。解决方案是使用多个粒子而不是一个。

1. 我们将首先创建一些自定义颜色，以便实现我们想要的火焰和烟雾效果。打开scr_Global_Colors并添加以下颜色：

orange = make_color_rgb(255, 72, 12);
fireWhite = make_color_rgb(255, 252, 206);
smokeBlack = make_color_rgb(24, 6, 0);

我们已经有了一个漂亮的黄色，所以我们添加了一个橙色、一个略带黄色色调的白色，以及一个部分橙色的黑色。

1. 为了实现虚假混合效果，我们需要产生一种粒子类型，并在其死亡时产生下一种粒子类型。为了使其正常工作，我们需要按照它们将被看到的相反顺序构建粒子的创建。在这种情况下，我们需要从烟雾粒子开始构建。在scr_Global_Particles中添加一个新的烟雾粒子，具有以下属性：

globalvar particle_Smoke;
particle_Smoke = part_type_create();
part_type_shape(particle_Smoke, pt_shape_smoke);
part_type_life(particle_Smoke, 30, 50);
part_type_direction(particle_Smoke, 80, 100, 0, 0);
part_type_speed(particle_Smoke, 2, 4, 0, 0);
part_type_size(particle_Smoke, 0.6, 0.8, 0.05, 0);
part_type_alpha2(particle_Smoke, 0.5, 0);
part_type_color1(particle_Smoke, smokeBlack);
part_type_gravity(particle_Smoke, 0.4, 90);

我们首先添加粒子并使用内置的烟雾形状。我们希望烟雾停留一段时间，所以我们将其寿命设置为一秒到接近两秒。然后，我们设置方向和速度大致向上，这样烟雾就会上升。接下来，我们设置大小并随着时间增长。对于 alpha 值，我们不希望烟雾完全不透明，所以我们将其设置为半透明并随着时间消失。接下来，我们使用part_type_color1，这样可以给粒子着色而不会对性能产生太大影响。最后，我们对粒子施加一些重力，这样任何倾斜的粒子都会慢慢向上飘浮。

1. 烟雾是我们效果的最后一步，它将从先前的橙色火焰中产生。

globalvar particle_FireOrange;
particle_FireOrange = part_type_create();
part_type_shape(particle_FireOrange, pt_shape_smoke);
part_type_life(particle_FireOrange, 4, 6);
part_type_direction(particle_FireOrange, 70, 110, 0, 0);
part_type_speed(particle_FireOrange, 3, 5, 0, 0);
part_type_size(particle_FireOrange, 0.5, 0.6, 0.01, 0);
part_type_alpha2(particle_FireOrange, 0.75, 0.5);
part_type_color1(particle_FireOrange, orange);
part_type_gravity(particle_FireOrange, 0.2, 90);
part_type_death(particle_FireOrange, 1, particle_Smoke);

我们再次使用内置的烟雾形状来设置粒子，这次寿命要短得多。总体方向仍然主要向上，尽管比烟雾更散。这些粒子稍小，呈橙色，整个寿命都将是部分透明的。我们增加了一点向上的重力，因为这个粒子介于火和烟雾之间。最后，我们使用一个函数，当每个橙色粒子死亡时会产生一个烟雾粒子。

1. 这种效果链中的下一个粒子是黄色粒子。这次我们将使用 FLARE 形状，这将给火焰一个更好的外观。它也会稍小一些，比橙色粒子活得稍长一些，速度更快，向各个方向扩散。我们不会给这个粒子添加任何透明度，这样它看起来会燃烧得更明亮。

globalvar particle_FireYellow;
particle_FireYellow = part_type_create();
part_type_shape(particle_FireYellow, pt_shape_flare);
part_type_life(particle_FireYellow, 6, 12);
part_type_direction(particle_FireYellow, 0, 360, 0, 0);
part_type_speed(particle_FireYellow, 4, 6, 0, 0);
part_type_size(particle_FireYellow, 0.4, 0.6, 0.01, 0);
part_type_color1(particle_FireYellow, yellow);
part_type_death(particle_FireYellow, 1, particle_FireOrange);

1. 我们只需要为最后一个粒子创建这种效果，这是最热和最明亮的白色粒子。它的构造与黄色粒子相同，只是它更小更快。

globalvar particle_FireWhite;
particle_FireWhite = part_type_create();
part_type_shape(particle_FireWhite, pt_shape_flare);
part_type_life(particle_FireWhite, 2, 10);
part_type_direction(particle_FireWhite, 0, 360, 0, 0);
part_type_speed(particle_FireWhite, 6, 8, 0, 0);
part_type_size(particle_FireWhite, 0.3, 0.5, 0.01, 0);
part_type_color1(particle_FireWhite, fireWhite);
part_type_death(particle_FireWhite, 1, particle_FireYellow);

1. 我们现在已经拥有了这种粒子效果所需的所有粒子，我们只需要添加一个发射器来产生它们。这次我们将使用一个流发射器，这样火焰就会不断地从每个碎片中流出。由于碎片在移动，我们需要为每个创建的碎片都有一个独特的发射器。这意味着它不能是全局发射器，而是一个局部发射器。打开scr_TNT_Fragment_Create并在脚本的末尾添加以下代码：

myEmitter = part_emitter_create(system);
part_emitter_region(system, myEmitter, x-5, x+5, y-5, y+5, ps_shape_ellipse, ps_distr_linear);
part_emitter_stream(system, myEmitter, particle_FireWhite, 5);

我们创建了一个具有相对较小区域的发射器，用于生成平衡分布的火焰粒子。在每一步中，只要发射器存在，它就会创建五个新的火焰粒子。

1. 发射器现在与碎片同时创建，但我们需要发射器随之移动。打开scr_TNT_Fragment_Step，并添加以下代码：

part_emitter_region(system, myEmitter, x-5, x+5, y-5, y+5, ps_shape_ellipse, ps_distr_linear);

1. 如前所述，我们需要摧毁发射器，否则它将永远不会停止流出粒子。为此，我们需要打开obj_TNT_Fragment，并添加一个destroy事件，附加一个新的脚本scr_TNT_Fragment_Destroy，用于移除附加的发射器。

part_emitter_destroy(system, myEmitter);

这个函数将从系统中移除发射器，而不会移除已生成的任何粒子。

1. 我们需要做的最后一件事是取消可见复选框的选中，因为我们不想看到碎片精灵，只想看到粒子。

2. 保存游戏并引爆 TNT。现在不仅可以看到一些碎片，还有火焰喷射出爆炸，变成漂浮上升的黑色烟雾。它应该看起来像以下截图：

清理粒子

到目前为止，我们已经使用各种粒子和发射器构建了各种效果。这些效果为游戏增添了许多亮点，但粒子存在一个缺陷。如果玩家决定在爆炸发生后立即重新开始房间或前往商店，那么发射器将不会被摧毁。这意味着它们将继续永远产生粒子，我们将失去对这些发射器的所有引用。游戏最终会看起来像以下截图：

1. 我们需要做的第一件事是在离开房间时摧毁发射器。幸运的是，我们已经编写了一个可以做到这一点的脚本。打开obj_TNT_Fragment，添加一个房间结束事件，并将scr_TNT_Fragment_Destroy附加到其中。

2. 即使我们在改变房间之前摧毁了发射器，游戏中任何剩余的粒子仍然会在下一个房间中出现，即使只是短暂地。我们需要做的是清除系统中的所有粒子。虽然这听起来可能是很多工作，但实际上非常简单。由于 Overlord 存在于每个级别中，但不在任何其他房间中，我们可以使用它来清理场景。打开obj_Overlord，添加一个房间结束事件，并附加一个新的脚本scr_Overlord_RoomEnd，其中包含以下代码：

part_particles_clear(system);

这个函数将移除系统中存在的任何粒子，但不会从内存中移除粒子类型。重要的是我们不要销毁粒子类型，因为如果其类型不再存在，我们将无法再次使用粒子。

1. 保存游戏，引爆一些 TNT，并立即重新开始房间。您现在不应该在场景中看到任何粒子。

总结

我们从一个完整的游戏开始这一章，现在我们已经添加了一些修饰，使其真正闪耀。我们深入了解了粒子的世界，并创建了各种效果，为 TNT 和柱子的破坏增添了影响力。游戏现在已经完成，准备发布。

在下一章中，我们将考虑将这个游戏发布到互联网上。我们将介绍将其上传到您自己的网站，将其托管在 Facebook 上，并将其提交到游戏门户。我们还将研究使用各种内置的开发者服务，如分析和广告。让我们把游戏发布出去！

第九章：让你的游戏走出去

经过所有的努力，我们的游戏已经准备好发布了。在本章中，我们将把游戏上传到 Web 服务器，以便任何人都可以在互联网上玩。我们将看看如何允许用户登录他们的 Facebook 账户，并将某个级别的得分发布到他们的 Facebook 动态。我们还将集成 Flurry 分析，以跟踪有用的数据，这将使我们能够了解人们是如何以及在哪里玩游戏的。最后，我们将简要讨论从游戏中赚钱的问题。

在自己的网站上发布游戏

为了让人们玩游戏，我们需要将游戏放到一个网站上，最好是你自己的网站。这意味着我们需要找一个托管网站的地方，导出游戏的最终版本，当然还要利用 FTP 程序上传游戏。

创建应用程序

在整本书中，我们一直在使用 GameMaker: Studio 内置的服务器模拟器来测试和玩我们的游戏。它允许我们查看游戏在实际网站上的表现，但只能访问我们正在开发的计算机。要将游戏上传到网站，我们需要将所有文件构建成适当的 HTML5 格式。

1. 如果尚未打开，打开我们一直在开发的 Tower Toppling 游戏。

2. 在创建最终版本之前，我们应该查看一些可用的选项。转到资源 | 更改全局游戏设置，然后转到HTML5选项卡。

在常规子选项卡中，有四个选项部分，如下一张截图所示。查看HTML5 文件选项，可以使用自定义网页文件和自定义加载栏，如果我们想要特定的布局或页面上的额外内容。创建这些文件需要了解 HTML 和 JavaScript，并且需要支持这些语言的代码编辑器，这些都超出了本书的范围。

启动画面在游戏加载之前可见，并实际上嵌入到index.html代码中。它需要一个 PNG 文件，应该与游戏区域的大小相同；如果大小不同，它将被缩放以适应正确的尺寸。使用启动画面的一个缺点是，图像将被绘制而不是加载栏。由于通常认为始终让用户知道发生了什么是最佳实践，特别是在加载数据时，我们不会在这个游戏中添加启动画面。

当我们编译游戏时，GameMaker: Studio 会在根目录创建一个名为favicon.ico的文件，并在全局游戏设置中设置的图标。用户将在浏览器标签中看到这个图标，以及标签显示的页面名称；在保存页面为书签时也可见。图标是大多数网站的常见特征，是 ICO 格式的小图像，用于显示网站的代表性符号。大多数图像编辑器不能原生保存为 ICO 格式，通常需要插件来完成。幸运的是，有很多免费的网站可以将任何图像转换为图标。我个人更喜欢使用iconverticons.com/online/，因为它们接受大多数常见的图像格式，并转换为包括 Windows、Mac 和 Web 图标在内的所有主要图标格式。一旦我们有了合适的 ICO 文件，就可以在我们的游戏中使用它。

1. 让我们通过点击“更新”来更新图标，并加载第九章/资源/额外/GameIcon.ico。点击“确定”。

2. 游戏现在已经准备好导出了。转到文件 | 创建应用程序，并将游戏保存到游戏项目目录中一个名为Destruct的新文件夹中。

3. 点击保存，您将看到游戏编译并创建运行游戏所需的所有文件。在Destruct文件夹中，您应该看到两个文件和一个文件夹。有一个favicon.ico文件，和一个index.html文件，这是将显示游戏的网页。文件夹html5game包含所有资产，比如所有声音的 OGG 和 MP3 格式，一些以index_texture开头的 PNG 文件，其中包含编译成单独精灵表的所有图形，以及一个包含所有游戏功能的index.js文件。还有一个particles文件夹，其中包含用于粒子形状的所有图像。

托管游戏

游戏已经构建好了；我们只需要一个放置它的地方。在互联网上有许多选项可供托管游戏的网站。这些可以从免费的网站托管到拥有个人服务器以及其中的一切。由于所有不同的套餐、不同的价格点以及我们的整体意图，选择一个托管商可能会非常耗时。每个开发者都需要考虑一些事情，比如预计有多少人会玩游戏，将来是否会添加更多游戏，网站上是否会有广告等等。如果游戏只会展示给家人和朋友，免费的网站托管服务可能就够了，但如果目标是从游戏中赚钱，最好使用某种付费服务。在选择提供商时，我们想要寻找的主要功能是：有多少服务器空间、带宽量、FTP 访问和最大文件大小。

另外，您应该确保网站允许上传 MP3 文件，因为许多免费和一些付费网站不允许这样做。一些知名的网站，如www.godaddy.com和www.globat.com提供了大量的服务器空间和带宽，价格非常实惠，适合大多数开发者，至少在他们开始发布游戏时。

为了进入下一步，请确保您已经获得了安全的网络服务器空间，并且可以访问 FTP。

使用 FTP 上传游戏

为了将我们的游戏放到服务器上，我们需要使用 FTP 客户端来传输文件。有许多免费可下载的 FTP 客户端可用，如 WinSCP，CuteFTP 和 FileZilla。一些浏览器可以用于 FTP，如果安装了适当的插件，比如 Firefox 的 FireFTP。一些网络托管服务甚至提供拖放式 FTP 功能。对于这个项目，我们将使用可以从winscp.net下载的 WinSCP。

1. 下载 WinSCP 客户端，并根据说明进行安装。当初始用户设置页面出现时，选择指挥官界面，如下截图所示：

2. 运行 WinSCP。

3. 由于这是我们第一次访问网站的 FTP，我们需要点击新建来创建一个新的 FTP 会话。

4. 我们需要通过导航到会话 | 文件协议来选择文件传输的协议方法。默认是SFTP（安全 FTP），但许多托管站点只允许标准 FTP 访问，所以我们将选择它。导航到文件协议 | FTP。

注意

请查阅您的托管提供商的文档，了解如何配置您的 FTP 连接的说明。

1. 接下来，我们需要输入服务器 FTP 地址，通常是您的网站名称，加上您的用户名和密码。它应该看起来像下面的截图：

2. 为了将来更容易访问网站，我们可以保存这些设置，包括密码。点击保存。

3. 这将带我们回到登录界面，现在我们可以在存储的会话列表中看到 FTP 连接，如下一个截图所示。要打开连接，我们可以双击站点名称，或者选择站点名称，然后单击登录。

如果所有信息都输入正确，一个目录窗口应该会打开。如下一张截图所示，有两个带有文件目录的窗格。左侧是计算机的本地驱动器，右侧是服务器目录。服务器应该打开到根目录，尽管它可能显示为在一个名为www或public_html的文件夹中。目录中可能已经有至少一个文件，index.html，这将是人们访问域名时看到的默认页面。

1. 在左侧面板中，找到我们的游戏已经导出的Destruct文件夹。将整个文件夹拖到右侧面板上，以将所有文件传输到服务器上。

2. 弹出对话框会询问我们是否要复制所有文件。点击复制。可能需要一些时间来转移所有内容。

3. 游戏现在已经上传并可以在互联网上访问。要访问它，只需打开浏览器，转到网站和Destruct子目录，例如http://www.yoursitename.com/Destruct/。

与 Facebook 集成

现在游戏已经上传到服务器，任何人都可以在世界上玩它。他们可以玩这个游戏，只要他们知道它。任何开发者面临的最困难的挑战之一是让人们了解他们的产品。通过社交媒体网站，比如 Facebook，传播消息是最简单的方法之一。GameMaker: Studio 已经集成了与 Facebook 连接的功能，这使得这一点变得容易。我们将在游戏的前端添加一个 Facebook 登录按钮，并允许玩家将他们的分数发布到他们的 Facebook 动态中。

1. 为了使用 Facebook 功能，我们需要拥有 Facebook 账户和 Facebook 开发者账户。前往developers.facebook.com/并登录。如果你没有 Facebook 账户，它会提示你创建一个。

2. 一旦我们登录到开发者页面，我们需要点击顶部菜单栏上的应用。这将带我们到应用页面。

3. 接下来，我们需要点击注册为开发者按钮。这将打开一个注册对话框，我们需要通过它。首先，我们需要接受条款和条件，然后我们需要提供一个电话号码来验证账户。这必须是一个有效的号码，因为它将发送一条需要验证的短信。按照指示完成流程。

注意

在同意条款和条件之前一定要阅读它们，并确保你完全理解你所要合法同意的内容。

1. 完成注册后，我们应该会发现自己回到了应用仪表板。在注册按钮附近有一个创建新应用的按钮。点击它。

2. 在创建新应用对话框中，如下一张截图所示，我们需要输入一个应用名称。只要我们没有另一个同名应用，这个名称就不需要是唯一的。关于命名约定有一些规则，你可以点击Facebook 平台政策链接阅读。可选的应用命名空间是为了更深入地与 Facebook 集成，使用应用页面和使用 Open Graph，一个通知工具。我们不需要应用命名空间，所以可以留空。我们也不需要Web Hosting，可以点击继续。

注意

要了解更多关于 Facebook Open Graph、应用命名空间等内容，请查看 Facebook 开发者 API 文档developers.facebook.com/docs/reference/apis/。

1. 下一步是 CAPTCHA 安全检查。按照指示操作，然后点击继续。

2. 应用程序现在已经创建，我们在基本信息页面上。在这里，我们可以完成设置游戏如何集成到 Facebook。在基本信息 | 应用域中输入游戏网站的基本域名。这将允许应用在该域和所有子域上运行。它不应包括http://或根站点名称之外的任何其他元素。

3. 在选择应用程序如何与 Facebook 集成下，我们需要选择带 Facebook 登录的网站，然后输入游戏所在的确切 URL。

4. 点击保存更改，因为我们已经完成了基本信息。设置应该如下截图所示，输入适用于您网站的适当域信息：

5. 在返回 GameMaker: Studio 之前，我们需要从基本页面顶部复制应用 ID：。

6. 重新打开游戏项目，导航到资源 | 更改全局游戏设置。

7. 转到Facebook选项卡，如下截图所示，勾选使用 Facebook的框，然后粘贴我们复制的 ID 到Facebook 应用 ID中。点击确定。

8. 我们现在可以访问 Facebook 应用程序；现在我们只需要初始化它。创建一个新的脚本，scr_Global_Facebook，其中包含以下代码：

facebook_init();
globalvar permissions;
permissions = ds_list_create();
ds_list_add(permissions, "publish_stream");

我们首先初始化 Facebook，然后创建一个全局变量，用于包含我们想要从 Facebook 请求的所有权限的ds_list。在我们的情况下，我们只是要求能够发布到已登录用户的 Facebook 墙上。所有可用的选项都可以在 Facebook 开发人员网站上找到。

1. 打开scr_Global_GameStart，并在最后执行以下行：

scr_Global_Facebook();

添加 Facebook 登录按钮

现在我们已经激活了 Facebook，我们可以将其实现到游戏中。我们将首先添加一个登录按钮。

1. 创建一个新的精灵，spr_Button_FacebookLogin，取消删除背景的选项，加载Chapter 9/Resources/Sprites/FacebookLogin.gif，并将原点居中。

2. 创建一个新对象，obj_Button_FacebookLogin，附加我们刚刚创建的精灵，然后将父级设置为obj_Button_Parent。

3. 添加一个鼠标 | 左键按下事件，并附加一个新的脚本，scr_Button_FbLogin_MousePressed，让用户登录 Facebook。

facebook_login(permissions);

1. 打开MainMenu，并在开始按钮下方添加一个按钮的单个实例。

2. 接下来，我们需要让玩家发布到他们的墙上。为此，我们将在得分屏幕上添加另一个按钮。创建一个新的精灵，spr_Button_FacebookPost，取消删除背景的选项，加载Chapter 9/Resources/Sprites/FacebookPost.gif，并将原点居中。

3. 得分屏幕都是代码，所以我们不需要一个新对象，但我们需要向现有脚本添加代码。打开scr_ScoreScreen_Create，并添加一个用于按钮的 Y 位置、宽度偏移和高度偏移的变量。

postfb_Y = 340;
postfb_OffsetW = 64;
postfb_OffsetH = 16;

1. 接下来，我们将创建一个新的脚本，scr_Menu_Button_FbPost，用于控制功能。

if (isVictory)
{
    status = facebook_status()
    if (status == "AUTHORISED")
    {
        draw_sprite(spr_Button_FacebookPost, 0, screenX, postfb_Y);
        if ((win_Y > postfb_Y - postfb_OffsetH && win_Y < postfb_Y + postfb_OffsetH))
        {
            if ((win_X > screenX - postfb_OffsetW && win_X < screenX + postfb_OffsetW)) 
            {            {
                draw_sprite(spr_Button_FacebookPost, 1, screenX, postfb_Y);
                if (mouse_check_button_pressed(mb_left)) 
                {
                    myTitle = "Destruct";
                    myCaption = "Play this game at yournamesite.com"
                    myText = "I just destroyed the " + room_get_name(room) + " Towers playing Destruct!";    
                    myImage = "http://yoursitename.com/Destruct/Thumbnail.gif"; 
                    mySite = "http://yoursitename.com/Destruct/"      
                    facebook_post_message(myTitle, myCaption, myText, myImage , mySite, "", "");                    
                }
            }
        }
    }
}
}

我们只想在玩家完成一个级别时发布到 Facebook，所以我们首先检查胜利条件。我们检查 Facebook 连接的状态，因为我们只想在玩家登录时显示按钮。如果玩家已登录，我们在屏幕上绘制按钮，并检查鼠标是否悬停在按钮上，就像我们对所有其他按钮做的那样。如果点击按钮，我们创建一些变量用于消息标题、说明和文本、图像以及返回网站的链接。然后我们在 Facebook 上发布一条消息。该函数还有两个额外的参数，用于使用更高级的 Facebook 操作，但我们将这些参数留空。

注意

要查看可用的高级选项，请参阅 Facebook 开发人员 API 帖子页面developers.facebook.com/docs/reference/api/post/。

1. 为了在屏幕上绘制这个，我们需要重新打开scr_ScoreScreen_DrawGUI并执行我们刚刚创建的脚本：

scr_Menu_Button_FbPost();

1. 保存游戏并点击创建应用程序。可以覆盖现有的项目文件。

2. 打开 WinSCP 并连接到 FTP 服务器。

3. 将所有文件传输到服务器。在提示确认覆盖文件时，点击全部是。

4. 我们还需要传输我们想要包含在帖子中的图像。打开Chapter_09/Resources/Extras/，将Thumbnail.gif传输到服务器的Destruct文件夹中。

5. 打开浏览器并转到游戏网站。当游戏加载完成时，我们应该会看到新按钮，就在开始按钮下方，如下面的屏幕截图所示：

6. 点击登录 Facebook按钮。应该会出现一个弹出窗口，就像下一个屏幕截图一样。如果没有发生任何事情，请检查浏览器是否已阻止弹出窗口并解除阻止。当弹出窗口出现时，我们只需要登录我们的 Facebook 账户。

7. 成功玩一个级别。当得分屏幕出现时，我们应该会看到发布到 Facebook按钮，如下面的屏幕截图所示：

8. 点击按钮，然后转到你的 Facebook 页面。我们将看到一个新的帖子已经与世界分享，看起来像下面的屏幕截图：

恭喜！游戏现在可以供所有人玩，并通过 Facebook 向世界展示。任何开发者的目标都是创建有趣的游戏，让每个人都喜欢玩并能够完成。但是你怎么知道是否发生了这种情况？人们是否在游戏中卡住了？是不是太容易？太难？在制作游戏时付出了所有的努力，不知道这些答案将是一件遗憾的事。这就是分析派上用场的地方。

使用 Flurry Analytics 跟踪游戏

分析是收集和发现一组数据中的模式的过程。这些数据可以是任何可量化的行为，比如鼠标点击，以及相关的元素，比如点击了什么。这些信息使开发人员能够看到用户如何使用他们的产品。在创建游戏时，这是非常有用的，因为有很多东西可以被跟踪。

我们将实施 Flurry Analytics，这是 GameMaker: Studio 内置的两个系统中最强大的一个。虽然可以跟踪任何事物，但通常最好专注于对用户体验最相关的事物。对于我们的游戏，我们将跟踪每个级别的得分、使用的装备和游玩次数。我们只会在玩家成功完成一个级别时发送这些数据。这将使我们能够看到每个级别被玩的频率，最常使用的装备，得分的变化，每个级别的难度，以及人们平均在哪里退出游戏。

设置 Flurry Analytics

为了使用 Flurry Analytics，我们需要在该服务上拥有一个账户，一个要发送数据的应用程序，并在 GameMaker: Studio 中激活它。一旦完成了这些步骤，就需要上传一个新的构建到网站上，然后人们就可以玩游戏了。

1. 首先，让我们注册 Flurry 分析。转到www.flurry.com/并按照网站的说明注册一个免费账户。

2. 设置好账户并登录后，我们应该会进入开发者主页。在菜单栏上点击应用程序选项卡，进入应用程序页面，如下面的屏幕截图所示：

3. 此时我们还没有任何应用程序，所以需要添加一个。点击添加新应用程序。

4. 接下来的页面要求选择一个平台。点击 Java 图标。

5. 接下来，我们需要为应用程序添加一些基本信息。如下一张截图所示，输入游戏的名称Destruct，并选择一个合适的类别，在我们的情况下，游戏-模拟似乎最合适。然后点击创建应用。

6. 在下一页中，它询问我们如何将 SDK 与几个选项集成。GameMaker: Studio 已经将其集成到软件中，这意味着我们可以跳过这一步。点击取消完成此步骤，并返回到主页。

7. 现在我们应该在应用程序摘要中看到我们的应用程序，如下一张截图所示。我们需要获取我们的应用程序 ID，所以点击Destruct。

8. 接下来，我们需要导航到左侧菜单中的管理 | 应用信息，以访问包含我们应用程序信息的页面。在列表底部，如下一张截图所示，是API 密钥。这个密钥是连接 GameMaker: Studio 中的游戏到这个分析应用程序所需的。复制这个密钥。我们现在暂时完成了这个网站。

9. 重新打开项目文件并打开全局游戏设置。

10. 点击全局游戏设置顶部的右箭头，直到看到Analytics选项卡，如下一张截图所示。点击Analytics选项卡。

11. 在HTML5子选项卡中，将分析提供程序设置为Flurry，选中启用 Flurry复选框，并将 API 密钥粘贴到Flurry Id中。现在我们已经设置好并准备输出一些数据。

跟踪游戏中的事件

现在我们可以发送数据，我们只需要将其实现到现有游戏中。我们需要在几个脚本中添加一些代码，并创建一些新的脚本，以便获得有用的可跟踪信息。我们想要跟踪正在玩的级别，每个装备的使用情况，级别被玩的次数以及级别的得分。

1. 我们已经有了用于跟踪装备（TNT: 0, WRECKINGBALL: 1，MAGNET: 2）的常量，可以用于跟踪目的。这使我们需要一些额外的常量来跟踪级别，尝试次数和得分。导航到资源 | 定义常量，并添加LEVEL: 3, ATTEMPTS: 4, LVLSCORE: 5。

2. 我们需要将这些数据保存在全局可访问的网格中。创建一个新的脚本scr_Global_Analytics，并初始化整个游戏的值。

globalvar levelData;
levelData = ds_grid_create(totalLevels, 6);
for (i = 0; i < totalLevels; i++)
{
    ds_grid_set(levelData, i, TNT, 0);
    ds_grid_set(levelData, i, WRECKINGBALL, 0);
    ds_grid_set(levelData, i, MAGNET, 0);
    ds_grid_set(levelData, i, LEVEL, level[i, 0]);
    ds_grid_set(levelData, i, ATTEMPTS, 0);
    ds_grid_set(levelData, i, LVLSCORE, 0);
}

我们首先创建一个全局数据结构，为游戏中的每个级别设置六个值。我们运行一个循环，为每个装备的初始值设置，通过从先前创建的级别数组中获取级别名称，尝试次数和级别得分，全部设置为零。

1. 重新打开scr_Global_GameStart并执行此脚本。

2. 接下来，我们需要插入一些代码来改变每个级别的这些值。我们将从跟踪每个级别的尝试开始。这将需要更改几个脚本。我们将更改的第一个是scr_Button_LevelSelect_MousePressed，在玩家选择级别时，我们需要添加一次尝试。在else语句中，在更改房间之前，添加以下代码：

currentLevel = ds_grid_value_x(levelData, 0, LEVEL, totalLevels-1, LEVEL, myLevel);
ds_grid_add(levelData, currentLevel, ATTEMPTS, 1);

我们搜索 levelData 网格，以找出已选择的房间，以便找出我们需要更改的行。一旦我们有了行，我们就为该级别的数据添加一次尝试。

1. 由于我们正在跟踪尝试，我们需要在重新启动房间之前将相同的代码插入scr_Menu_Button_Restart中。

2. 最后，我们还需要在scr_Menu_Button_NextLevel中添加类似的代码，除了我们不能使用myLevel来找到房间。相反，我们需要向下查找到下一个房间。在更改房间之前，插入以下代码：

currentLevel = ds_grid_value_x(levelData, 0, LEVEL, totalLevels-1, LEVEL, level[i+1,0]);
ds_grid_add(levelData, currentLevel, ATTEMPTS, 1); 

1. 现在尝试已经被跟踪，我们可以继续跟踪其他所需的数据。创建一个新的脚本scr_Level_Stats，并更新所有相关的统计数据。

levelCompleted = ds_grid_value_x(levelData, 0, LEVEL, totalLevels-1, LEVEL, room)
for (i = 0; i < ds_grid_width(equip); i += 1)
{
    equipUsed = abs(ds_grid_get(obj_Menu.startEquip, i, AMOUNT) - ds_grid_get(equip, i, AMOUNT));
    ds_grid_set(levelData, levelCompleted, i, equipUsed);   
}
levelScore = obj_Menu.tempScore - obj_Menu.tempCost
ds_grid_set(levelData, levelCompleted, LVLSCORE, levelScore);

我们首先找到刚刚完成的级别的行。然后，我们通过循环运行设备，看看在级别中使用了多少设备，通过从玩家开始使用的设备数量中减去剩余设备数量来实现。为了确保我们得到一个正数，我们使用绝对值函数，它返回一个绝对值。我们还获取级别的最终得分并更新网格。

1. 我们希望仅在成功完成级别时运行此脚本，而将其放置的最简单的地方是在scr_WinCondition中，在我们返回一个真值的最后一行代码之前。

scr_Level_Stats();

将数据发送到 Flurry

现在数据在每次玩级别并成功完成后都会得到正确更新。现在我们需要做的就是将数据发送到 Flurry。Flurry 不是实时更新的，而是每天编译数据几次。如果我们在整个游戏会话期间逐个发送数据的各个部分，那么当编译时，这些数据可能会被分开，导致异常。为了帮助防止这种情况发生，我们将在每次更新时发送每个级别的所有相关数据。Flurry 将识别更改并保持数据在一起。

1. 创建一个新的脚本，scr_Analytics_Send，并通过所有级别数据运行一个循环并发送出去。

for (a = 0; a < totalLevels; a++)
{
    levelName = room_get_name(ds_grid_get(levelData, a, LEVEL));
    levelScore = ds_grid_get(levelData, a, LVLSCORE);
    levelAttempt = ds_grid_get(levelData, a, ATTEMPTS);
    usedTNT = ds_grid_get(levelData, a, TNT);
    usedWB = ds_grid_get(levelData, a, WRECKINGBALL);
    usedMagnet = ds_grid_get(levelData, a, MAGNET);
    analytics_event_ext(levelName, "Level Score", levelScore, "Attempts", levelAttempt, "TNT Used", usedTNT, "WBalls Used", usedWB, "Magnets Used", usedMagnet);
}

在这个循环中，我们首先获取网格中存储的房间名称以及每个数据的所有值。使用函数analytics_event_ext，我们可以向 Flurry 发送多达 10 个不同的数据。第一个参数是数据的类别，以字符串形式发送，这里我们使用级别的名称作为类别。所有接下来的参数都是键/值对，其中包括我们正在跟踪的数据的名称及其关联值。

1. 我们需要在游戏开始时发送一组初始分析数据，这样我们就可以从干净的状态开始。重新打开scr_Global_Analytics并在脚本的最后发送数据。

scr_Analytics_Send();

1. 我们还需要在完成级别时发送数据。重新打开scr_Level_Stats并在脚本的最后发送数据。

2. 我们现在已经完成了分析的实施。现在剩下的就是将其放到网络上。保存游戏，单击创建应用程序，并将游戏的新版本上传到服务器。

3. 多次玩游戏，确保使用不同数量的设备并在每次重试级别。我们希望跟踪一些基本数据，以便我们可以看到这一切意味着什么。

理解分析

我们正在跟踪几个数据，并且 Flurry 将把这些信息编译成事件日志。我们可以看到会话何时发生以及在播放会话期间发生了什么。虽然这有些有用，但 Flurry 甚至在全球范围内进一步细分，以显示每个级别的平均游玩情况。让我们花点时间看看 Flurry 为我们提供了什么。在开始之前，重要的是要知道 Flurry Analytics 不是实时更新的，可能需要几个小时才能看到任何数据出现。

1. 登录到您的 Flurry 帐户并转到您的Destruct应用程序页面。

2. 在仪表板上，您将看到的第一个统计数据是会话图表，如下截图所示。在这里，我们可以看到游戏每天被玩的次数。还有一些信息，比如每个游戏会话的平均持续时间，世界各地的人们从哪里玩游戏等。

3. 在左侧菜单上单击事件。第一个选项是事件摘要，如下截图所示，显示了级别被玩的频率以及每个会话中完成该级别的用户百分比。

4. 如果我们点击一个级别的小饼图标，我们将得到单个事件参数的详细信息。每个参数将显示所有会话的总使用量。如下面的截图所示，一个玩家使用了三个 TNT，另一个只需要两个，还有六个玩家根本没有使用任何 TNT。

拥有这种类型的信息非常有价值。知道玩家在哪里停止玩游戏可以告诉我们哪里可以做出改进。跟踪玩家在游戏中使用的内容让我们知道游戏是否平衡。我们能够收集的数据越多，我们就能更好地将所学到的经验应用到未来的游戏中。

用你的游戏赚钱

发布游戏是一个了不起的成就，但是每个开发者都会在某个时候希望从自己的努力中赚点钱。赚钱的最常见方式是在网站上放置广告，但是当涉及到 HTML5 游戏时，这种方式有一些缺点。第一个问题是网站需要非常高的流量才能够积累足够的点击量来赚钱。这影响了第二个问题，即广告只有在人们在特定网站的网页上玩游戏时才会起作用。不幸的是，其他网站可以通过 iframe 嵌入 HTML5 游戏，并在周围放置自己的广告。这可能会令人沮丧，因为这意味着尽管游戏在我们的网站上运行，但我们却没有赚到钱。幸运的是，还有其他赚钱的方式，比如赞助。

赞助商是愿意支付费用将他们的品牌放在游戏上的游戏门户。品牌通常是赞助商的标志，显示在游戏开始时的闪屏上，但也可以包括诸如一个按钮，链接回他们的网站或者 Facebook 帖子显示的内容等。赞助的唯一缺点是目前没有许多游戏门户托管 HTML5 游戏，这意味着较少的潜在报价。展望未来，随着 HTML5 游戏的成熟和需求的增加，预计会有越来越多的门户加入。

寻找赞助的最佳地方并不是游戏门户，而是各种基于浏览器的游戏的市场。FGL，www.fgl.com，最初是作为一个连接 Flash 游戏开发者和赞助商的地方创建的，但最近它已经扩展到 HTML5 和 Unity 游戏，并接受 iOS 和 Android 设备的游戏。这个市场允许开发者私下向赞助商和其他游戏开发者展示他们的游戏，获得反馈，并在准备好时进行竞标。与传统的拍卖行不同，最高出价者获胜，开发者可以选择他们更喜欢的报价，并可以与出价者就交易的具体条款进行协商。不能保证游戏会被提供任何资金，但如果有机会提前获得资金，那么很可能会在这里发生。

总结

这就是我们的全部内容！在本章中，我们涵盖了各种事情。我们首先使用 FTP 客户端将游戏上传到 Web 服务器。然后我们将 Facebook 集成到游戏中，允许玩家登录他们的账户并将级别分数发布到他们的动态。然后我们使用 Flurry 实施了分析，跟踪玩家如何玩游戏。最后，我们简要谈到了通过赞助赚钱的问题。

现在你已经完成了这本书，你应该有一个非常扎实的基础来制作自己的游戏。我们从探索 GameMaker: Studio 界面和构建最简单的游戏开始。我们看了一下如何创建艺术和音频，以提高游戏的质量。然后，我们专注于使用 GameMaker 语言来编写几款游戏。我们从一个简单的横向射击游戏开始，展示了脚本编写的基础知识。然后，我们通过创建一个有多个房间和敌人路径的冒险游戏来扩展这些知识。我们学会了如何更好地构建我们的游戏，并在我们的平台 Boss 战中提高我们的脚本效率。然后，我们开始使用 Box2D 物理引擎创建一个简单的塔倒游戏，然后将其打磨成一个完整的游戏，包括完整的前端、粒子效果、Facebook 集成和 Flurry Analytics。

GameMaker: Studio 仍然有很多功能可以提供，新功能也在不断添加。现在轮到你利用所有这些所学知识来制作自己设计的游戏了。玩得开心，探索 HTML5 平台的可能性，并让你的游戏问世。祝你好运！