消消乐算法总结

前言

最近在工作中遇到一个问题，做一个消消乐的demo项目，连续相同数目超过四个后就要消除。我在网上看了很多解决方案，有十字形，横向，纵向，梯形搜索。越看越迷糊。这不是用一个BFS就能解决的问题吗？为什么要设定这么多情况？难道是为了优化吗？但是用BFS的同时用一个矩阵记录已经寻找过的元素不就可以提高效率吗？鉴于网上的解决方案如此的低级，还有的需要收费，或者说我没有找到。所以今天我就讲讲我的解决方案并附上代码，希望能有人从我的文章获得收益。消消乐其实也就是两个算法的组合：消除算法，填充算法。

消除算法

先讲讲我的思路：

1. 生成随机矩阵，虽然网上有一大堆说生成的矩阵不能直接消除，所以又会有算法来解决这个问题，这里我就不说了，我就用随机生成的矩阵吧。
2. 遍历矩阵中的每一个元素
3. 对每一个元素利用BFS进行寻找周围四个方向的元素，同时在遍历的过程中需要进行过滤，防止对一个元素进行重复便利最终导致死循环。

var gameMatrix = new Array(4).fill(0).map(()=>new Array(4).fill(0));
!function createData(){
    for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
            this.gameMatrix[i][j] = Math.ceil(Math.random()*5)
        }
    }
}()


console.log("当前随机矩阵",gameMatrix)


function detectCount(i,j,cur,path){
    let key = i+","+j;
    path.push(key)
    let inArea = (i,j)=>{
         return i>=0 && i<4 && j>=0 && j<4;   
    }
  
    [[0,1],[0,-1],[1,0],[-1,0]].forEach((dir)=>{
        let x = i+dir[0];
        let y = j+dir[1];
        if(inArea(x,y) && this.gameMatrix[x][y] == cur && !path.includes(x+","+y)){
            return detectCount(x,y,cur,path)
        }
    })
    return path.length;
   
}


function detectAround(){
    let countMatrix = new Array(4).fill(0).map(()=>new Array(4).fill(0));
    for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
            countMatrix[i][j] = this.detectCount(i,j,this.gameMatrix[i][j],[]);;
        }
    }
    return countMatrix;
}

console.log("结果矩阵",detectAround())

看一下结果吧

填充算法

上面我们知道了要消除的元素后，我们就可以把对应位置的元素进行消除，把上方的元素向下滑动然后在空余填充新的元素。概括起来就时以下三种操作，完全可以通过一个算法实现。

• 消除
• 滑动
• 填充

function detectHeight(i,j,isDown){
    let height = 0;
    if (isDown) {
        for (let k = i + 1; k < 4; k++) {
            if (this.countMatrix[k][j] >= 3) {
                height++;
            }
        }
    } else {
        for (let k = 0; k < i; k++) {
            if (this.countMatrix[k][j] < 3) {
                height++;
            }
        }
    }
    return height;
}

function fillMatrix(){
    let help = new Map();
    for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
           if(this.countMatrix[i][j] < 3){
               let key = i+","+j;
               help.set(key,this.gameMatrix[i][j]);
           }
        }
    }
     console.log("帮助map",help)
    for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
           let key = i+","+j;
            if(help.has(key)){
                let height = detectHeight(i,j,true);
                this.gameMatrix[i+height][j] = help.get(key);
            }else{
                let height = detectHeight(i,j,false);
                this.gameMatrix[i-height][j] = 100;
            }
        }
    }
    
}

计算结果：

至此完结了，撒花。