# 2048
## 效果图
![](https://github.com/windlany/2048/blob/master/img/index.png)
![](https://github.com/windlany/2048/blob/master/img/exp1.png)
![](https://github.com/windlany/2048/blob/master/img/exp2.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
- 如法炮制就可以实现滑动时合并
没有合适的资源?快使用搜索试试~ 我知道了~
微信小程序-2048小游戏.zip
共24个文件
js:7个
json:5个
wxss:4个
需积分: 1 0 下载量 45 浏览量
2024-01-06
22:06:36
上传
评论
收藏 317KB ZIP 举报
温馨提示
微信小程序的优势在于它方便快捷、轻量级、跨平台、丰富的推广方式、丰富的功能接口、数据分析与优化、结合微信支付、支持多场景应用、社交功能以及多端同步等。这些优点使得小程序能够满足用户的多种需求,提供更好的用户体验
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序-2048小游戏.zip (24个子文件)
open_weixxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxcxxxxxxxxxxxxcxvcvcv
pages
2048
2048.wxml 1KB
grid.js 958B
2048.json 27B
main.js 3KB
2048.js 3KB
2048.wxss 3KB
index
index.wxml 394B
index.js 520B
index.json 72B
index.wxss 410B
logs
logs.json 52B
logs.js 261B
logs.wxml 173B
logs.wxss 106B
app.json 274B
project.config.json 525B
app.js 1KB
utils
util.js 472B
app.wxss 194B
img
exp1.png 29KB
logo.png 210KB
index.png 23KB
exp2.png 49KB
README.md 1KB
共 24 条
- 1
资源评论
极致人生-010
- 粉丝: 3360
- 资源: 3076
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功