天天看点

《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游戏中的图像,可以访问replicaisland.net并下载游戏。在游戏顶层目录里,你会发现一个名为res/drawable的目录,这个目录里包含所有的游戏图像。

图2.12 replica island游戏主页

《HTML5 2D游戏编程核心技术》——第2章,第2.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表单

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

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

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

2.2.4 动画

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

图2.15 snail bait游戏的加载动画

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

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

图2.16 在线制作动态gif动画

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

继续阅读