这个马赛克风格的表情正好 13Kb，有人竟然能用一个表情大小的空间，制作个游戏出来。我就不信这么点的地儿，能写出个花来？游戏能好玩吗？因为这些游戏点开就能玩，我抱着试一试的心态把玩了一会。
事实证明是我的无知限制了我的想象力，这些 13kB 的游戏并没有我想的那么简陋和无聊。它们不仅有丰富的图像，还有音乐、物理、重力系统，包含射击、益智、技巧等不同的类别玩法多样，令我眼前一亮！
下面我就整理出了 3 个我觉得好玩的游戏，并附上了在线体验的地址以及 GitHub 上的源码。
大家先体验一下游戏，后面我们再聊这些游戏都用到了哪些开源项目。
1、Space Huggers（太空保护者）射击类游戏，消灭所有敌人。通过外接手柄可进行多人游戏，最多支持 4 个人。不仅如此还有敌人和道具系统以及雨、雪、血、爆炸、武器、水等粒子系统。手机端操作需要外接手柄。
操作：
WASD 或方向键：移动、跳跃和攀爬Z 或左键单击：射击，大多数东西会破裂，有些会燃烧X 或中键：滚动，短暂的无敌状态，还可灭火C 或右键单击：手榴弹，每条命有 3 个还可最多连接 4 个进行合作游戏！敌人类型：
新兵（绿色）：迟钝，只需要 1 击士兵（蓝色）：正常的速度，需要 2 次攻击船长（红色）：可以更频繁地爬墙和跳跃，需要 3 次攻击专家（白色）：经常跳跃和滚动，需要 4 次攻击爆破专家（紫色）：投掷手榴弹且不会着火，需要 5 次命中试玩：https://js13kgames/games/space-huggers/index.html
源码：https://github/KilledByAPixel/SpaceHuggers
2、Black Hole Square（黑洞广场）益智类游戏，把所有块清除则过关。
操作：向左划开始游戏，点击块会向箭头方向移动，块进入“黑洞”则被清除支持移动端试玩：https://js13kgames/games/black-hole-square/index.html
源码：https://github/Quinten/black-hole-square
3、PACKABUNCHAS益智类游戏，用提供的形状拼出指定的形状，
操作：点击旋转，拖动图形支持移动端试玩：https://js13kgames/games/packabunchas/index.html
源码：https://github/MattiaFortunati/packabunchas
Js13kGames 是什么以上这些游戏都是 2021 Js13kGames 的参赛作品，这个比赛每年举办一次，要求参赛者在为期 30 天的时间里用 JavaScript 做出一款体积小于 13kB 的 HTML5 游戏。
30 天用 JS 做个游戏并不难，难点在于如何让游戏小于 13kB。压缩游戏体积可以从以下四个方面入手：
游戏引擎压缩代码图像和声音下面介绍的这些开源项目，在 Js13kGames 很多参赛作品中都能看到它们的身影。
Ga（游戏引擎）一个轻量级、极小(6.5kB)、容易上手的 JavaScript 游戏引擎，可用于制作 HTML5 游戏或任何 2D 动作游戏。
https://github/kittykatattack/ga
Kontra（游戏引擎）专注于小体积的 JavaScript 微型游戏引擎，它虽然小但是提供了游戏常用的操控、事件、循环等核心功能。
https://github/straker/kontra
压缩代码压缩代码通常是减少空格和换行之类的无用内容，从而达到减少代码所占体积的目的。
Google Closure Compiler：https://github/google/closure-compiler
MiniMinifier：https://github/xem/miniMinifier
Piskel（图像）简单易用的在线像素图像制作工具。
https://github/piskelapp/piskel
miniMusic（声音）可以把音效转化成 JavaScript 的项目，通过这种方式能够有效地减小声音的“体积”，还支持在线可视化的操作方式编辑和生成音效。
https://github/xem/miniMusic
看到这里你是不是也蠢蠢欲动地准备写个小游戏了呢？
最后随着科技的发展，存储空间已经不再“捉襟见肘”，我们在编码时也不用再“斤斤计较”。但如今看到有这么一群极客，在绞尽脑汁用 13kB 完成一个游戏时。我从最初的好奇和难以置信，再到看到他们的游戏和源码后感叹他们高超的编程技巧，最后开始反思自己在编码时对性能和损耗方面思考的太少。感谢这些开源项目让我大开眼界，也让我发现了自己的不足之处。
本期推荐的开源项目代码量不多，适合新手学习和上手游戏编程，感兴趣的读者可以试着用它们写个小游戏。
以上就是本文的全部内容，如果你对本期推荐的开源项目感兴趣欢迎点赞、转发，让这些优秀的开源被更多人发现和喜欢。这里是 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。欢迎留言和我分享开源项目～
- END -
(前提：截图是地图最高点，就是最后一个关卡那个最大的雕像，从这里可以看到之前过的关卡，跳下去就是终点，这个地方我爬了15分钟。)
1. 问：为什么要分两种爬墙方法?
答：因为有两种墙。
2.问：有哪两种墙?
答：第一种是坡度没有超过90°的墙，可以称为陡坡，另一种是超过90°的墙，暂且称为悬崖。
第一种爬墙方法【陡坡】
1.假装是在墙最下重新爬吧。就是这种小于90°的墙。
2.举手鼠标看上面助跑然后跳上坡。
3.关键的来了，松掉一只手，我下面的截图是松掉的鼠标左键，也就是左手。然后看向左边，不要让人物翻过来。图片容易懂一点。
4.点鼠标左键，让人物把手举起来，深呼一口气，按WA键，在进行以上动作的同时你还要转鼠标呀!
注意我这里左手还没有碰到墙，要碰到墙只要鼠标向下一压就能抓住了。这里就不多说了。
注意看这张图，左手位置比右手高，说明这次爬墙高了一点点。
这个时候，换个方向，与上同理，这就是陡坡的爬墙方法。
第二种爬墙方法【悬崖】
暂时爬这个墙吧。
1.起跳与第一种爬墙方法基本一样，但是这种悬崖因为坡度大于或者等于90°，所以肚子不会与墙摩擦，更容易荡起来。【个人觉得第二种坡更容易爬】
2.当两只手都抓住墙时，松掉一只手。如截图
3.重要的来了，A一下，D一下，荡秋千会吗?让人物荡起来，因为坡度够大，肚子不会擦到墙，很容易就能荡起来。我这里按照松左手来解释。如截图。
4.鼠标转到左边，可以多AD几下，让人物荡的弧度大一点，估计人物荡到最左最高点时，按鼠标左键，也就是让人物左手抓墙，同时鼠标往右边看一点，不要看很多，向下压，让人物手碰到墙【这里有个bug，更新前只要手碰到墙就能抓住的，更新后不知道为什么荡特别高度之后，左手比右手高很多的时候会抓不住墙，这里就要多试几次了，看自己的领悟的】
5.左手荡完换右手，与上同理，方向相反。
6.对了，有时候要是爬墙时左边或右边是个墙角，荡的时候会碰到墙，可以挪一下位置，这里假设左边一座墙，我要往右边移。
7.松左手(鼠标左键)，鼠标往右边转，点鼠标左键，让人物左手举起来，但是没有抓住墙，这个时候左右手估计会交叉，没事的，鼠标向下压，抓住墙就好了。
8.松右手(已经向右挪了一个身位，同时下降了一个身位)按照第5点继续爬墙。
人类：一败涂地
Human: Fall Flat发行商：No Brakes Games平台：PC类型：冒险解迷（G）发售日期：2016年7月23日进入专题>>(前提：截图是地图最高点，就是最后一个关卡那个最大的雕像，从这里可以看到之前过的关卡，跳下去就是终点，这个地方我爬了15分钟。)
1. 问：为什么要分两种爬墙方法?
答：因为有两种墙。
2.问：有哪两种墙?
答：第一种是坡度没有超过90°的墙，可以称为陡坡，另一种是超过90°的墙，暂且称为悬崖。
第一种爬墙方法【陡坡】
1.假装是在墙最下重新爬吧。就是这种小于90°的墙。
2.举手鼠标看上面助跑然后跳上坡。
3.关键的来了，松掉一只手，我下面的截图是松掉的鼠标左键，也就是左手。然后看向左边，不要让人物翻过来。图片容易懂一点。
4.点鼠标左键，让人物把手举起来，深呼一口气，按WA键，在进行以上动作的同时你还要转鼠标呀!
注意我这里左手还没有碰到墙，要碰到墙只要鼠标向下一压就能抓住了。这里就不多说了。
注意看这张图，左手位置比右手高，说明这次爬墙高了一点点。
这个时候，换个方向，与上同理，这就是陡坡的爬墙方法。
第二种爬墙方法【悬崖】
暂时爬这个墙吧。
1.起跳与第一种爬墙方法基本一样，但是这种悬崖因为坡度大于或者等于90°，所以肚子不会与墙摩擦，更容易荡起来。【个人觉得第二种坡更容易爬】
2.当两只手都抓住墙时，松掉一只手。如截图
3.重要的来了，A一下，D一下，荡秋千会吗?让人物荡起来，因为坡度够大，肚子不会擦到墙，很容易就能荡起来。我这里按照松左手来解释。如截图。
4.鼠标转到左边，可以多AD几下，让人物荡的弧度大一点，估计人物荡到最左最高点时，按鼠标左键，也就是让人物左手抓墙，同时鼠标往右边看一点，不要看很多，向下压，让人物手碰到墙【这里有个bug，更新前只要手碰到墙就能抓住的，更新后不知道为什么荡特别高度之后，左手比右手高很多的时候会抓不住墙，这里就要多试几次了，看自己的领悟的】
5.左手荡完换右手，与上同理，方向相反。
6.对了，有时候要是爬墙时左边或右边是个墙角，荡的时候会碰到墙，可以挪一下位置，这里假设左边一座墙，我要往右边移。
7.松左手(鼠标左键)，鼠标往右边转，点鼠标左键，让人物左手举起来，但是没有抓住墙，这个时候左右手估计会交叉，没事的，鼠标向下压，抓住墙就好了。
8.松右手(已经向右挪了一个身位，同时下降了一个身位)按照第5点继续爬墙。
人类：一败涂地
Human: Fall Flat发行商：No Brakes Games平台：PC类型：冒险解迷（G）发售日期：2016年7月23日进入专题>>
天天挂奇迹正版
生死狙击礼包兑换码2021永久武器手机版
一起来修仙去衣服版
行尸2
校花养成计划
三生陌上书桃花劫福利版
一刀999级传奇元神版私服
龙王攻速单职业
打米传奇手游2022
传奇霸主破解版无限元宝
