消消乐源代码js

消消乐是一款流行的益智类游戏，玩家需要通过交换相邻元素的位置，使三个或更多相同的元素排列在一起，从而消除它们并获得分数。下面是一个简单的消消乐游戏的JavaScript源代码示例，包括游戏逻辑和基本的游戏界面。

基础概念

游戏逻辑：包括元素的生成、交换、匹配和消除。
用户界面：显示游戏板和操作按钮。
状态管理：跟踪游戏的状态，如当前得分、游戏是否结束等。

优势

简单直观：规则简单，易于上手。
趣味性强：通过不同的关卡设计和元素组合，保持玩家的兴趣。
开发灵活：可以轻松添加新的元素和游戏模式。

类型

经典模式：基本的消消乐玩法。
限时模式：在限定时间内消除尽可能多的元素。
步数模式：使用有限的步数达到目标分数。

应用场景

休闲娱乐：适合任何年龄段的玩家放松心情。
教育工具：通过游戏教授颜色、形状等基本概念。
社交互动：多人在线对战模式增加社交元素。

示例代码

以下是一个简化的消消乐游戏的核心逻辑代码：

// 初始化游戏板
const ROWS = 8;
const COLS = 8;
let board = createBoard(ROWS, COLS);

function createBoard(rows, cols) {
    let board = [];
    for (let row = 0; row < rows; row++) {
        board[row] = [];
        for (let col = 0; col < cols; col++) {
            board[row][col] = Math.floor(Math.random() * 5); // 随机生成0到4的数字
        }
    }
    return board;
}

// 绘制游戏板
function drawBoard() {
    for (let row = 0; row < ROWS; row++) {
        for (let col = 0; col < COLS; col++) {
            console.log(board[row][col], end=' ');
        }
        console.log();
    }
}

// 检查是否有可消除的组合
function checkMatches() {
    let matches = [];
    // 检查水平方向
    for (let row = 0; row < ROWS; row++) {
        for (let col = 0; col < COLS - 2; col++) {
            if (board[row][col] === board[row][col + 1] && board[row][col] === board[row][col + 2]) {
                matches.push([row, col]);
                matches.push([row, col + 1]);
                matches.push([row, col + 2]);
            }
        }
    }
    // 检查垂直方向
    for (let col = 0; col < COLS; col++) {
        for (let row = 0; row < ROWS - 2; row++) {
            if (board[row][col] === board[row + 1][col] && board[row][col] === board[row + 2][col]) {
                matches.push([row, col]);
                matches.push([row + 1, col]);
                matches.push([row + 2, col]);
            }
        }
    }
    return matches;
}

// 消除匹配的元素并下落
function removeMatches(matches) {
    for (let match of matches) {
        let [row, col] = match;
        board[row][col] = 0;
    }
    for (let col = 0; col < COLS; col++) {
        let emptyRow = ROWS - 1;
        for (let row = ROWS - 1; row >= 0; row--) {
            if (board[row][col] !== 0) {
                board[emptyRow][col] = board[row][col];
                emptyRow--;
            }
        }
        for (let row = emptyRow; row >= 0; row--) {
            board[row][col] = 0;
        }
    }
}

// 主游戏循环
function gameLoop() {
    drawBoard();
    let matches = checkMatches();
    if (matches.length > 0) {
        removeMatches(matches);
    } else {
        console.log("No matches found. Game over!");
        return;
    }
    gameLoop();
}

gameLoop();