Cocos 水友自创微信小游戏 - 元宵灯笼连连看

元宵一过，这个新年就算接近尾声了。17 年末刚发布的微信小游戏基于过亿用户的庞大基础，热潮依然持续发酵。越来越多的开发者发现：「开发一个小游戏才是正经事」！简书水友 ID 汀江秋雨结合元宵的节日气氛，基于 Cocos Creator v1.8.1 制作了个喜庆版的元宵灯笼连连看，还在纠结怎么开发微信小游戏的新手们，一起来看看吧。

原链接：https://www.jianshu.com/p/740603fc6501

写在前面

前些天过年放假，刚好跟家里的领导闲聊，微信现在也可以做小游戏了诶。然后她说，那你做个连连看游戏给我玩玩呗，再然后就有了这几天的摸索和下面的一些小结：

演示效果: link.muroqiu.com
源码地址: gitee.com/muroqiu/LinkUp

参考资料：blog.csdn.net/artzok/article/details/51622782

开发工具

• Cocos Creator v1.8.1

• Visual Studio Code 1.20.1

• Adob illustrator CC 2018

• 微信开发者工具 1.02.1802270

主要的工作是在 Cocos Creator 和 Visual Studio Code 里完成的，illustrator CC 用来资源切图，微信开发者工具是最后打包微信小游戏用到；Cocos Creator 对微信小游戏的支持已经很到位了，游戏写好后只要在构建时选择发布平台为 Wechat Game 就好。

目前微信还未开放小游戏注册与上架，只能用开发者的微信测试体验。好在 Cocos Creator 跨平台发布很方便，构建了个 Web Mobile 版本，发布到服务器上，大家有兴趣可以一起体验体验咯^_^

主要逻辑

A、洗牌 shuffle：遍历图片数组，取1个随机位置的图片和当前位置交换；

B、用一个二维数组（各个方向均比图片数组大 1）保存图片的状态值，搜索路径时映射到这个数组搜索；

C、搜索顺序：

• 1、同一条直线：判断直线间有无图片；

• 2、有一个拐角：先定位出两个拐角点，若拐角点没有图片，再转换成一条直线的情况继续处理；

• 3、两个拐角：某个方向移动，若到达点没有图片，再转换成一个拐角的情况继续处理；若到达点有图片，此方向不再继续搜索；

因为微信小游戏暂未开放个人用户注册，如果开发者没有appid 又需要体验，可以填写 wx6ac3f5090a6b99c5 这个作为 appid 进入调试！有更多关于小游戏的问题，欢迎到 cocos 官方论坛 forum.cocos.com 参与讨论，或者在公众号里留言，告诉我们你想知道的各种技术问题。