仅iPad,gamedev –第十名-优化游戏资产

在开发移动HTML5游戏时,您可以对受众群体做的最好的事情之一就是使其加载速度尽可能快,无论他们使用的设备还是浏览器。

我一直在寻找对提高游戏速度有用的技术,就像在js13kgames上可以找到的诸如优化图像,声音和代码之类的技术。 即使您不是为此游戏开发游戏,其中的许多游戏还是非常酷的。

我将为您提供一些技巧,使您可以通过非常简单的程序来最小化和压缩媒体和代码。 尽管我只在macOS和Linux上使用它们,但也许它们可以在Windows上以某种方式工作。但是,等等,这些文章不是关于仅使用iPad来开发游戏吗? 为什么这个家伙会提供有关台式机操作系统程序的提示? 如果您阅读了到目前为止的所有文章,您就会知道,对于某些任务,我必须在服务器中远程运行某些命令以执行iPad(在撰写本文时)无法完成的任务,例如编译代码,生成用于Android,iOS和Win10; 在App Store中找不到或无法由工作流程解决的问题。 但是,请,如果您知道该如何使用iOS应用程序执行后续操作,请告诉我!

首先,您必须在服务器中安装Node.js。 这样,您将拥有npm软件包系统,该系统将允许您安装可以执行我们必须执行的任务的脚本/应用程序。 之后将要安装三个软件包: html-minifierclean-css-cliuglify-js 。 必须将它们安装在全局范围内,以便通过打开终端并键入以下命令来方便使用:

  • 须藤npm安装html-minifier -g
  • 须藤npm安装clean-css-cli -g
  • 须藤npm安装uglify-js -g

在每一行之后,键入 ,将要求您输入密码并安装软件包。

顾名思义,一个将最小化您的HTML,第二个将最小化您的CSS,第三个脚本将压缩您的JavaScript文件。

这是有关如何最小化HTML文件的示例:

html-minifier –html5 –remove-comments –remove-attribute-quotes –collapse-whitespace index.html -o index.min.html

这是为了最小化您的CSS:

cleancss -O 2 stylesheet.css -o stylesheet.min.css

这将缩小您的JavaScript文件:

uglifyjs –compress –mangle –output game.min.js game.js

当然,您可以创建一个ShellScript来自动完成所有任务,就像游戏的构建例程一样。 我仍在寻找一种仅通过工作流来执行此操作的方法,因此不需要macOS。

音频和图像呢? 您也可以使用某些应用来执行此操作,但是我将推荐一个不错的网站http://www.mp3smaller.com来压缩mp3文件,而http://www.pngsmaller.com来压缩游戏图像。 尺寸将更小,质量将保持可接受的水平!

我希望这些简单的提示对您有用,因为它们对我有用!

下篇再见!