这个马赛克风格的表情符号正好有13Kb，有人能够使用表情符号大小的空间创建一个游戏。我就不信这么小的地方还能写出花来？游戏能好玩吗？因为这些游戏都是点击就能玩的，所以我抱着试一试的心态玩了一段时间。

事实证明，我的无知限制了我的想象力，这些13kB的游戏并没有我想象的那么粗糙和无聊。不仅画面丰富，还有音乐、物理、重力系统，包括射击、解谜、技能等不同类别，玩法多样，真是让我眼前一亮！

下面我整理了3个我觉得好玩的游戏，并附上了在线体验的地址和GitHub上的源码。

我们先来尝试一下游戏，然后我们再谈谈这些游戏使用了哪些开源项目。

1、Space Huggers（太空保护者）

射击游戏，消灭所有敌人。通过外部控制器可以进行多人游戏，最多支持4 人。不仅如此，还有敌人和道具系统以及雨、雪、血液、爆炸、武器和水等粒子系统。移动操作需要外部控制器。

操作：

WASD 或箭头键：移动、跳跃和攀爬Z 或左键单击：射击，大多数东西都会破碎，有些会燃烧X 或中键单击：滚动，短暂无敌，也可熄灭火焰C 或右键单击：手榴弹，每个生命有3 个及以上至4个可连接进行合作游戏！敌人类型：

新兵（绿色）：缓慢，仅需要1 次攻击士兵（蓝色）：正常速度，需要2 次攻击队长（红色）：可以更频繁地爬墙和跳跃，需要3 次攻击专家（白色）：经常跳跃和滚动，需要4 次命中爆破专家（紫色）：投掷手榴弹而不着火，需要5 次命中试用版：https://js13kgames.com/games/space-huggers/index.html

源代码：https://github.com/KilledByAPixel/SpaceHuggers

2、Black Hole Square（黑洞广场）

益智游戏，清除所有方块即可过关。

操作：向左滑动即可开始游戏。单击该块将沿箭头方向移动。如果方块进入“黑洞”，它就会被清除。支持手机试用：https://js13kgames.com/games/black-hole-square/index.html

源代码：https://github.com/Quinten/black-hole-square

3、PACKABUNCHAS

益智游戏，使用提供的形状拼出指定的形状，

操作：点击旋转拖动图形支持手机试用：https://js13kgames.com/games/packabunchas/index.html

源代码：https://github.com/MattiaFortunati/packabunchas

Js13kGames 是什么

以上比赛均为2021年Js13kGames的参赛作品。该比赛每年举办一次，要求参赛者在30天内使用JavaScript制作一款大小小于13kB的HTML5游戏。

30天用JS做一个游戏并不难。难点在于如何让游戏小于13kB。压缩游戏体积可以从以下四个方面入手：

游戏引擎压缩代码图像和声音下面介绍的开源项目可以在很多Js13kGames条目中看到。

Ga（游戏引擎）

一个轻量级、极小(6.5kB)、易于使用的JavaScript 游戏引擎，可用于制作HTML5 游戏或任何2D 动作游戏。

https://github.com/kittykatattack/ga

Kontra（游戏引擎）

专注于小型JavaScript微游戏引擎。虽然它很小，但它提供了游戏中常用的控制、事件和循环等核心功能。

https://github.com/straker/kontra

压缩代码

压缩代码通常会减少空格和换行符等无用内容，从而减小代码的大小。

谷歌闭包编译器：https://github.com/google/closure-compiler

MiniMinifier：https://github.com/xem/miniMinifier

Piskel（图像）

易于使用的在线像素图像创建工具。

https://github.com/piskelapp/piskel

miniMusic（声音）

是一个可以将音效转换为JavaScript的项目。这样就可以有效降低声音的“音量”，而且还支持在线可视化操作编辑生成音效。

https://github.com/xem/miniMusic

看到这里，你准备好写一个小游戏了吗？

最后

随着技术的发展，存储空间不再“捉襟见肘”，我们在编码时不再需要“关心每一个细节”。但现在我看到一群极客绞尽脑汁用13kB完成了一个游戏。我从最初的好奇和难以置信，到看到他们的游戏和源代码后感叹他们高超的编程能力。最后，我开始反思自己在编码时对性能和损耗的考虑是多么的少。感谢这些开源项目让我开阔了眼界，让我发现了自己的不足。