当前位置:首页 > 小程序 > 正文内容

2048小游戏

nrta1101年前 (2022-02-24)小程序692

效果图:

index.png


算法:

该程序主要难度在用户滑动屏幕时值相同的cell合并 将空格标为0(我代码中是用的""表示空格),假设棋盘如下:

  • 0 2 0 2

  • 0 0 0 0

  • 0 0 0 2

  • 0 0 0 0

步骤:

  • 通过touch相关的事件函数确定用户滑动方向

  • 将棋盘的数字生成4*4的二维数组list

  • 根据用户滑动方向生成四个小数组,比如用户将上面的棋盘向右滑动,则四个数组为:

item[0] = [2, 0, 2, 0]; item[1] = [0, 0, 0, 0]; item[2] = [2, 0, 0, 0]; // 注意是2000而不是0002,因为是向右滑动要从右边开始 item[3] = [0, 0, 0, 0];
  • 接下来就是滑动时合并,拿item[0]举例,如果是2020,向右滑动我们应该成为0004

将item[0]的所有0移到末尾变为2200,遍历item将相同的下标值相加,后面的数置为0
2020 ---> 2200 ---> 4200 ----> 4000

如法炮制就可以实现滑动时合并

源码下载:

点击下载(提取码:vo44)

qrcode_for_gh_95ec6d40e739_258.jpg

扫描二维码关注公众号

如在微信端,长按二维码即可关注

版权声明:本文由蚂蚁开源_H5游戏,微信小程序,蚂蚁大喇叭发布,如需转载请注明出处。

本文链接:http://www.zzfriend.com/post/28.html

分享给朋友:

相关文章

冰墩墩合成 微信小程序 纯前端项目开源,助力2022冬奥会全民实现冰墩墩

冰墩墩合成 微信小程序 纯前端项目开源,助力2022冬奥会全民实现冰墩墩

可以直接导入微信开发者工具哦 可以把自己变成墩墩哦,哈哈哈!源码下载:点击下载(提取码:ezb2)...

微信小程序,一个滑块拼图游戏

微信小程序,一个滑块拼图游戏

滑块拼图小游戏简介一个微信小程序游戏,基于 pixi.js 和 JetLua/fish 微信小游戏适配库实现。滑动进行方块拼接如何使用使用 npm i 安装依赖包使用 npm run build 进行项目构建使用 npm run dev 进...

微信小程序,「添加到我的小程序」提示,带有详细引导步骤,支持自定义导航栏。

微信小程序,「添加到我的小程序」提示,带有详细引导步骤,支持自定义导航栏。

微信小程序中,提示用户点击右上角按钮,添加到我的小程序。长条状无干扰方式展示卡片状带详细引导步骤展示支持自定义导航栏支持横竖屏支持自动提示安装方式一:npmnpm i --save wx-pin-prompt然...

微信小程序练手 - 小商城demo,源码弄明白了,你也就出师啦

微信小程序练手 - 小商城demo,源码弄明白了,你也就出师啦

背景无意中在网上看到一个小程序商城的视频教程,居然要收388元,真是太贵了。看到上面已经贴了个小程序二维码demo,既然有了,那就来照着做一个练练手吧。功能首页搜索分类购物车个人中心商品列表商品详情订单地址管理实现效果运行需要安装有微信开发...

微信招聘小程序

微信招聘小程序

微信小程序——微招聘简介只有前端,功能基本如图所示,部分功能可能有BUG,仅限学习交流使用。源码下载:点击下载...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。