文章开头先问下大伙儿，13kb 是啥定义？

我给你描述一下。

本文上边 “ 恶意差评 ” 二字的动态图，容积是 481kb。假如把这个动态图切割成 37 份，那麼一份就恰好是 13kb。

这 37 分 1 的 “ 恶意差评 ” 能干什么？

说出来你也许不相信，有些人可用它做出一个游戏来。

近期世超发觉一个很有趣的网页页面通关游戏，如同你猜猜的那般，它的大小仅有 13kb。

游戏里大家操纵一只蜘蛛，要从一个屋子的通道一段来到出入口，并加入到下一个屋子。

这之中我们要避开各种各样会转动的圈套，一旦一不小心遇到圈套，蜘蛛就会丢命。

伴随着副本难度系数提升，各种各样怪异的圈套也五花八门。

例如你突然之间会碰到突然冒出的格子，要通关得话，仅有记牢格子发生和消退的规律性，在一个完最美的瞬间穿以往。

再例如这一高清图都是在增大缩小的圆形，由于看上去非常容易令人头晕眼花，因此你一直在运动的情况下，一定要维持好间距。。

其他不用说，就这赛博设计风格和各种各样的圈套，世超都不能想，这一有 20 个副本的游戏竟然仅有 13kb。

之后世超沿着游戏的名称在网络上搜过一圈，才看到这一游戏原来是源自一场叫 js13kGames 的比赛。

它的淘汰赛规则非常简单，用 JavaScript 开发设计一个 H5 游戏，時间限期为 1 个月。

但是有一个规定，你最后给予的游戏文档 zip 压缩文件尺寸务必在 13kb 之内，并且你的游戏不能采用一切初始化在云服务器上的照片、文档等。

也就是说，这 13 kb 包括了游戏运作必须的全部文件。

虽然拥有容积和时间段的限定，但令人震惊的是，无论是游戏玩法和界面，这种网页页面游戏竟然还挺丰富多彩的。

例如 2020 年的第一名著作：Ninja vs.Evilcorp。

游戏里大家饰演一个武士，必须从起始点考虑，根据弹跳、攀爬等方法赶到电脑上旁偷盗材料。

每一个副本中，除开有监管，也有往返巡查的安全保卫，一旦被她们视野扫到，大家就需要重新来过。

光看一下武士臀部之后的幻像实际效果，也有弹跳时的灰白色灰尘实际效果这种关键点，你告诉我这仅有 13kb？

也有这一叫 The Last Spartan（ 最终的斯巴达人 ），游戏里我们在一块辽阔的草原开展群殴，伴随着時间持续提升，对手的数目和品种也会随着增加。

游戏里进攻招数也非常齐备。

除开普攻，我们可以应用 J K 来突刺他人，或是是 J Space 肉弹冲击，导致范畴伤害。

再看看这一小轿车渡河的游戏，它采取了和纪念碑谷相近的视觉效果移位。

这一 3D 界面下，小轿车被隔热断桥铝型材遮挡了去向，但要是转换到 2D 界面，2个公路桥梁就很恰当地联接上。

伴随着难度系数提升，游戏也慢慢繁杂起來，到后边不但必须转换 2D 和 3D 界面，还必须挪动角度才可以通关。

见到这儿大伙儿一定好奇心，这种游戏是如何把容积操纵在 13kb 之内的。

说起来你也许不相信，除开有挑球的技术编程，这种开发者还熟练了五花八门的小气学。

由于她们为了更好地把游戏容积操纵在 13kb ，把能抠的地区都抠过去了。。

通常一个游戏里，图片素材占有了非常大的比例。

假如要单纯性地减少这种照片容积，我们可以应用压图专用工具开展缩小。

例如一个本来 173kb 的照片，反复缩小四次后就仅有 80kb ，假如再反复缩小下来，很有可能最终仅有几 kb。

自然，这一方式 难免有点儿高效率太低。

有一些开发者选用了此外一种方式 ：用焦距来替代原照。

例如比赛里有一个 3D 谜宫历史博物馆的游戏，情景里装满了各种各样世界名画，有梵高作品也是有梦娜丽莎。

要展现一张梦娜丽莎的肖像，我们可以利用优化算法，让几十个焦距的无尽组成，最终获得一张最贴近的照片。

假如你恢复视力拿远了看下面的图（ 不近视眼的请试着让双眼失焦 ），就会发觉右侧的焦距看上去实际上跟左侧没啥差别了。

因此，在游戏里告知游戏玩家这也是一张梦娜丽莎的肖像，大家不用放上一张好几百 kb 的照片。

利用这种焦距，只须要在源代码中打出每一个焦距部位、半经和色调数据信息就可以了。

当然，即使你将素材图片缩小充足小，但如果素材图片总数过多，依然会超出 13kb 的限定。

因此开发者们最要做的，便是把素材图片反复利用。

例如里面的武士游戏，你认真观察会发觉看起来丰富多彩的情景下，实际上有很多反复的素材图片，有的最高也就是换了一种色调。

除开以上这种图片素材要解决，游戏里的内容也是让参赛选手头疼的一个难题。

要在游戏里表明文本，就必须启用字体库。

虽然一个通用性字体库仅有十几 kb，但这显著不宜用在 13kb 尺寸的游戏上。

因此有明智的开发者想起做像素字体。

最先他开创一个目标，这一目标由 3x5 个空缺方格构成，每一个方格里能够填写 true（ 真 ）或是 false（ 假 ）。

当填写 true 的情况下，方格就会被涂上一个灰黑色的清晰度。

那假如填写 false，这一方格就会被绕过，留有空缺。

那麼要把这个目标漆成一个英文字母 A，我们可以依照接下来的方法填写 true 和 false。

这一填写方法相对应的编码也就是：

多 1 个英文字母就会多占 1 个字节数，为了更好地把容积缩到最少，大家可以用 1 来替代 true，把 false 删除。

因此提升后的源代码如下所示。

这样一来，本来在游戏里表明一个英文字母 A 必须启用十几 kb 中文字库，如今只必须十几个字节数了。

解决了文本和照片的难题，开发者还必须把编码缩小得尽量小。

一般做一个游戏都必须依靠游戏模块或是架构，来降低一些劳动量。

但常用的游戏架构毫无疑问不适合做 13kb 的游戏。

好在这里游戏早已开办了许多年，有一些初期参赛者自己做了一些游戏微架构，并供应给之后的参赛选手。

例如有些人做出了一个十分轻巧的游戏架构 Kontra.js。

假如要在游戏中做出一个持续循环系统的原素，本来很有可能必须敲响了几十行的编码，但根据Kontra.js 只须要两行代碼就能完成。

仅是这类方法减缩编码还不够。

在程序编写中有一类专用工具叫混淆器，它在确保不影响原作用的条件上，把源码搞混成令人难以理解的文件格式，来维护源码。

如何搞混呢？

例如把自变量解析函数用单英文字母替代、删掉编码中间的空格符、将几行编码挤到一行这些。

大伙儿有无注意到它的搞混方法中包括了 “ 减缩中间变量解析函数 ”，“ 除掉空格符 ” 。。

巧了。。

这就出现意外地让搞混后的编码对比以前变小了 25% 上下。

因此，这一关键用于维护程序代码的道具也被我们用于减缩编码容积。。

此外，也有人提议撰写编码时要少用一些等级文件目录（ 少用一些归类文件夹名称 ）。

尽管那样撰写的时候会较为乱，但最少在游戏文档最后装包的情况下，压缩系数会高一点。

这一世超刻意还干了检测证实了一下：

把 3 个文档立即放到一个文件夹名称内，缩小获得 A.zip。

把相同的 3 个文档各自放进 3 个小文件夹名称内，随后把这 3 个小文件夹名称放进一个大文件夹名称内，压缩获得 B.zip。

通过比较发觉，尽管文档一模一样，可是 A.zip 的确变小几十个字节数。。

不但是缩小上抠关键点，这种参赛选手还会继续对压缩文件压缩。

什么软件都是有注重，例如有的人就提议应用 advzip，因为它相对性其它的解压软件能多变小 1kb 。。

见到这种开发者各个跟小气学高手一样的实际操作，实际上世超也可以了解她们。

终究你需要把一个游戏做得既有意思，又得把控在 13kb 之内，真就如同用钢锯剪鼻毛，每一步都得提心吊胆。。

但刚好在这种工作压力下，开发者会煞费苦心去提升自身的编码，去发掘自身的脑洞大开。。

因此反倒出现意外的让她们做出了那些较为耐玩的，有创意的游戏。

这也让我们联想到了此外一个事例：《 超级马里奥 》。

你也许从来没想过，这一高达 32 个副本的通关游戏，它仅有 40kb。

我们曾经有过一期视頻告知大伙儿是怎么保证的，这儿再略微讲下。

和以上讲到 13kb 游戏素材图片反复利用一样，超级马里奥也是有一套素材图片包。

大家只须要在须要使用素材图片的情况下，把他拖拽以往。

当然，这种素材图片包也需要可省就省。

例如游戏里的草堆，实际上便是云朵的上边一部分换一个色调而已。

再例如超级马里奥一整套的姿势，是由 21 张图象（ 精确观点为 Sprite ）构成的。

但 21 张图片占有室内空间过多，因此开发者把每一张马里奥图片都切割成了 4 份，除掉同样的一部分。

那样剩余的素材图片仍然能够利用组成，来详细超级马里奥全部的姿势。

假如你认真观察，就会发觉花瓣和星辰全是对称性的。

实际上游戏开发者只储存了一整只花和星辰，仅仅在表明他们的情况下，把他们拷贝了一下再放出来而已。

你看看，尽管限定十分苛刻，但这并不防碍开发者们做出危害了几辈人的《 超级马里奥 》。

那样的案例还许多。

例如初期由于设备特性难题，压根做出不来 3D 游戏，那如何主要表现出 3D 实际效果呢。

在上世纪 80 时代就会有开发者想到利用平行投影，根据歪斜角度来展现游戏界面，进而造成立体化实际效果。

1982 年新世嘉荣誉出品的《 Zaxxon 》▼??

这类游戏也被称作定距游戏，这类方法也被各种各样 RPG 和发展战略类游戏所选用。

也有开发者想起利用视差翻转的实际效果，让 2D 界面更有层次感。

什么叫视差翻转？

大家乘车的情况下向窗前看，会觉得远方的山峰挪动速度比较慢，近点的水稻田和房屋建筑挪动速度更快。

那游戏里还可以把远方的环境速率拉慢，间距摄像镜头较近的物件速率拉快，效仿人们视觉冲击，构建层次感。

1981 年发布的《 Jump Bug 》就选用了视差滑动实际效果，细心看近点的大厦要比远方的云朵挪动速度更快许多。

这一方法之后常常被用在横板冲关游戏里，乃至也有一些网址为了更好地提升格调，也用到了这类视觉冲击。

因此虽然那时候各类强制标准不够，可是开发者或是起到了她们最高的工作能力，给大家做出了一代又一代經典的游戏。

虽然如今由于高新科技快速发展趋势，开发者们做游戏非常少有那样这样的标准限定。

可是根据那样一个 13kb 的赛事，大家看到现如今仍然有些人能够在这些苛刻的限定下，做出高品质的游戏。能够见到只需尽力了，艰难始终都不可以限定到她们，方法也总是比难题多嘛。自然在某些方面上，这一原理也适用每个人。