《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游戏主页


8fc6c00a52363f82572811c65a3449a5d846f640
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表单


0258968be7a75fba01bbafad47955348c14c7860

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


49c138979495a3010dcc84f71efa59c809ff7762

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

图2.15 Snail Bait游戏的加载动画


a802f97ed392c501b0b5253a83fa344f36a1d7ed

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

图2.16 在线制作动态GIF动画


bed8eacf29c2d11f98ac2474628b7174278db697
相关文章
|
移动开发 前端开发 Shell
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
|
JavaScript Go 开发工具
HTML - 资源提示符
这篇文章介绍了HTML中的一些优化技术,包括async、defer、preload、prefetch和moudle等标签的使用方法和作用。其中,async和defer标签可以异步加载脚本资源,不会阻止DOM解析,但执行时机不同;preload标签可以预加载指定资源,但不会立即执行;prefetch标签告诉浏览器,未来可能会用到某个资源,浏览器会在空闲时下载;moudle标签可以用于兼容不同浏览器。
262 0
HTML - 资源提示符
|
移动开发 HTML5
响应式精品资源导航源码html5
一款响应式精品网站推荐导航源码,可以自己修改代码替换图标图片和指向网址。背景图支持自动替换,背景图可以在images中修改,本地双击html即可查看效果
355 2
响应式精品资源导航源码html5
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集,因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符,空格通常被编码为“+”。例如,€编码为%80,£编码为%A3。更多信息可参见URL编码参考手册。
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括:http(超文本传输协议,用于普通网页,不加密)、https(安全超文本传输协议,用于安全网页,加密信息交换)、ftp(文件传输协议,用于文件的上传和下载)、file(用于访问本地计算机上的文件)。
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器(URL)是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成,如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站,因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面,通过 `<a>` 标签实现链接跳转。
适合各大资源网投稿html源码
适合各大资源网投稿html源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
413 1
适合各大资源网投稿html源码
2022跨年代码(HTML·资源都是网上的可以直接使用)
2022跨年代码(HTML·资源都是网上的可以直接使用)
1648 1
2022跨年代码(HTML·资源都是网上的可以直接使用)
webpack打包图片资源,图片不显示和index.html,HtmlWebpackPlugin
webpack打包图片资源,图片不显示和index.html,HtmlWebpackPlugin
491 0
webpack打包图片资源,图片不显示和index.html,HtmlWebpackPlugin
|
XML Java 应用服务中间件
动态资源技术JSP|Java与Html的美好相遇
前言JSP可以用简单易懂的方式表示为:Html+Java=JSP,JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过t...
564 0