《HTML5 2D游戏编程核心技术》——第2章，第2.2节获取资源

本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第2章，第2.2节，作者［美］　戴维·吉尔里，更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.2　获取资源
虽然不是艺术家或者音乐家，软件开发人员仍然可以使用高质量的图形、音效以及音乐来完成游戏制作，前提是利用开源资源。
本节将简要介绍Snail Bait游戏通过浏览器和Google网站所获取的开源资源，找到类似的资源应该不会有难度。
2.2.1　图像
除了跑步小人和金币之外，Snail Bait游戏中所有的其他图像都是来自于一个开源的安卓游戏Replica Island，它的主页显示在图2.12中。Replica Island的图像和代码都是开源的，使用了Apache 2许可证。这个许可证允许你修改并重新发布作品，但是你需要遵循一些简单的规则，如提供该许可证下的副本，以及原始的NOTICE文件（含属性）。

获取Replica Island中的图像

为了获取Replica Island游戏中的图像，可以访问replicaisland.net并下载游戏。在游戏顶层目录里，你会发现一个名为res/drawable的目录，这个目录里包含所有的游戏图像。

图2.12　Replica Island游戏主页

Apache 2许可证

你可以在apache.org/licenses/LICENSE-2.0中找到Apache 2许可证的相关说明。
2.2.2　图像处理
获取网络上的开源游戏图像后，你还需要自己动手处理它们。类似GIMP软件这样的图形编辑器，如图2.13所示，能够帮助你完成相应的处理工作。图像处理不需要太多的工作，最低要求是，把所有的图像放在一个单独的sprite图像表单中，以便减少HTTP请求的次数，提高游戏加载的速度。请阅读第6章以了解更多有关sprite表单的细节（以及一个关于移动设备的附加说明）。
2.2.3　音效和音乐
你可以在很多网站上下载可以免费使用的音效和音乐。Snail Bait游戏主要使用Replica Island游戏中的音效，你可以在soundclick.com上下载它的音频文件。
如同你需要一个图像编辑器来处理开源图像一样，你也需要一个音频编辑器来处理音效和音乐。和图像一样，最低要求是，将所有的音效放在一个单独的音频文件中，这个文件被称为sprite音频表单。我们将在14.6.1节中讲述如何实现它。
Audacity软件是一个开源的音频编辑器，如图2.14所示。该软件能够满足我们所有的音频编辑需求。

图2.13　Snail Bait游戏在GIMP软件中的sprite表单

图2.14　使用Audacity软件制作sprite音频表单

2.2.4　动画
大多数游戏会在加载时显示一个动画，比较常见的是转动的车轮或者一个进度条。Snail Bait游戏在加载时，会显示一只游戏中的蜗牛试图发射一颗蜗牛炸弹的动画，如图2.15所示。

图2.15　Snail Bait游戏的加载动画

很多人想了解可以从一系列图像中创作出动态GIF动画的网站，图2.16所示为一个具有类似功能的网站。

图2.16　在线制作动态GIF动画