大家好，我是建哥。
前几天我的朋友圈突然被一个小游戏“羊换羊”刷屏了。出于好奇，我也打算试一试，但没想到会登顶…
游戏很简单，类似于“消乐”。你可以从一堆方块中找出3个相同图案的方块，然后消除它们。
但没想到，就是这个简单的小游戏难倒了所有人，很多同学无论如何也过不了第二关！（当然包括我？？）
但是，作为一个程序员，玩了几次就发现不对劲…
方块的生成是完全随机的，玩的越多，方块的范围就越小，可以选择的方块就越少。在这两个条件下，很难说这个游戏是否真的有解，真的变成了一个运气的游戏（据说通关率不到0.1%）。
不过作者很良心，给了大家改变人生的机会。看广告可以用道具和复活。
唉，明知道通关概率渺茫，还是按捺不住，又打了几十个，因为总觉得自己可能是“天之骄子”。这款游戏之所以能爆红，除了营销套路，最重要的是抓住了用户的心理。
但是，在玩游戏的过程中，我也没闲着。我在想游戏是怎么开发的，可能会用什么算法等等。
厌倦了被游戏虐，决定自己做一个“羊换羊”，叫“鱼换鱼”！
经过几个小时的熬夜，游戏原型制作完成。正式上线前这两天又打磨了一遍，所有代码完全开源！
游戏地址：http://cgxln.xyz/y/
转到主页，你可以选择各种不同的难度等级：
还可以自定义难度，比如设置槽数，设置每层的块数等等：
游戏和羊差不多，不过这里我加了4种道具，每种都可以无限使用（无广告哈哈）：
因为时间有限，整个服务都是一个人完成的，不是很精致，但也足够满足通关的欲望了，哈哈。
最后简单说一下这个游戏的实现原理。主要有四点：
游戏全局参数：玩游戏的同学都知道游戏会涉及到很多参数，比如槽数，层数等等。我们将把这些参数提取到一个统一的全局变量中，用于其他变量。从而修改一处，自动适配游戏。还可以提供页面让用户自定义这些参数，提高游戏的可玩性。
网格：为了让方块的分布相对有规律，方便坐标的计算，我把整个游戏画布分成了一个24 x 24的虚拟网格，类似于棋盘。一个区块占据一个3 x 3的网格。
随机生成块：包括随机生成块的图案和坐标。我先根据全局参数计算出总的块数，然后用shuffle函数对存储所有动物图案的数组进行加扰，再将数组中的图案依次填充到块中。生成坐标的原理是在坐标范围内随机选取点，坐标范围可以随着等级的增加而减小，即生成的图案越来越拥挤，从而达到逐级增加难度的效果。
区块覆盖关系：如何先点击上面的区块，才能点击下面的区块？首先，给每个块分配一个层次属性。那么有两个想法。第一种是逐层生成块，然后依次判断每个网格中级别最高的块周围网格中是否有级别更高的块。二是在随机生成块时将层次关系绑定到重叠块上（也就是谁覆盖了我？我掩护了谁？）。这里我选择了第二种方法，效率会更高。
当然，以上只是我的实现方法，可能不是最好的，但完全可以满足游戏的功能诉求。
