微信号:CocosEngine

介绍:Cocos引擎官方账号,第一时间为您送上引擎动态、精品教程、达人专访等干货,还会定期举办有奖活动喔!

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

2018-03-05 23:55 C姐
元宵一过,这个新年就算接近尾声了。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 参与讨论,或者在公众号里留言,告诉我们你想知道的各种技术问题。

 
COCOS 更多文章 Cocos Store 插件升级,支持联网功能扩展和微信小游戏适配 Cocos Creator 开源游戏、插件、教程、视频汇总 国内顶级游戏公司招聘 Cocos 人才第二弹! Part I:「幼麟麻将」全套源码讲解 国内顶级游戏上市公司开启 Cocos 专业人才招聘!
猜您喜欢 心灵鸡汤对理科生根本不起作用 Github干货铺:百度 EFE团队前端规范 HTML5+学习历程之webview 告别被支配的恐惧!教你治疗客户的留白恐惧症 逗逼程序猿养成记(三)