今天为大家分享的是2048小游戏，先看效果图：
这个项目对于新手友友来说可能有一点难度，但是只要坚持看完一定会有收获。因为小编想分享的并不局限于ArkTs语言，而是编程思想。
这个游戏的基本逻辑是初始化一个4乘4的数组，值全部为空。游戏开始时，因为所有元素都是空的，所以随机抽取2个元素赋值2。这里以（1，3）和（2，2）两个位置的元素为例：
itemList: number[][] = [[0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0]]
this.itemList[1][3] = 2
this.itemList[2][2] = 2
为游戏界面添加上下左右四个方向的滑动手势，当手势滑动时将该方向上的非空元素和空元素重新排列入栈（如0200排列为0002），并检测该方向有无相邻并且相等的元素进行相加，以向右滑动为例：
let list0 = this.itemList[0]
//过滤掉数组中的0
let arr2 = list0.filter((x) => x !== 0)
let blackArr = [0,0,0,0]
for (let i = 0; i < arr2.length; i++) {
blackArr[i] = arr2[i]
}
//相邻相等项相加
for (let i = 0; i < blackArr.length - 1; i++) {
if (blackArr[3 - i] === blackArr[2 - i] && blackArr[3 - i] !== 0) {
blackArr[3 - i] = 0
blackArr[2 - i] *= 2
//相加的和就是分数
this.score = this.score + blackArr[2 - i]
console.log("得分:",this.score)
}
}
再一次添加新元素，注意此时要检测不能在非空元素位置下添加：
//检测所有空值位置
let cells = []
for (let i = 0; i < 4; i++) {
for (let j = 0; j < 4; j++) {
if (!this.cellArr[i][j]) {
cells.push(i * 4 + j)
}
}
}
//随机选中cells数组其中一个位置添加元素
let randomIndex = Math.floor(Math.random() * cells.length)
let row = Math.floor(cellIndex / 4)
let col = cellIndex % 4
this.cellArr[row][col] = this.getRandomValue()
//随机生成新d的数字，2或4
getRandomValue() {
let rand = this.randomVal(10);
var value = 2;
if (rand >= 5) {
value = 4;
}
return value;
}
这样游戏的基本逻辑就完成了，游戏界面上只需要使用网格组建Grid()展示如上操作的数组就可以。
如果大家还没有掌握鸿蒙，现在想要在最短的时间里吃透它，我这边特意整理了《鸿蒙语法ArkTS、TypeScript、ArkUI等…视频教程》以及《鸿蒙开发学习手册》（共计890页），希望对大家有所帮助：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
鸿蒙语法ArkTS、TypeScript、ArkUI等…视频教程：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
OpenHarmony APP开发教程步骤：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
《鸿蒙开发学习手册》：
如何快速入门：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.基本概念
2.构建第一个ArkTS应用
3.……
开发基础知识：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.……
基于ArkTS 开发：https://docs.qq.com/doc/DZVVBYlhuRkZQZlB3
1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.设备管理
12.设备使用信息统计
13.DFX
14.国际化开发
15.折叠屏系列
16.……
鸿蒙生态应用开发白皮书V2.0PDF：https://docs.qq.com/doc/DZVVkRGRUd3pHSnFG
