# 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
- 如法炮制就可以实现滑动时合并
没有合适的资源?快使用搜索试试~ 我知道了~
基于JavaScript的微信小程序《经典小游戏2048》的实现及教程+源代码+文档说明
共24个文件
js:7个
json:5个
wxss:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 147 浏览量
2024-03-17
10:39:10
上传
评论
收藏 316KB ZIP 举报
温馨提示
<项目介绍> 微信小程序《经典小游戏2048》的实现及教程 - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 --------
资源推荐
资源详情
资源评论
收起资源包目录
微信小程序-2048小游戏.zip (24个子文件)
微信小程序-2048小游戏
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
资源评论
mldxxxxll5
- 粉丝: 3571
- 资源: 890
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功