AI game creator

Click here for free DL of the app version that can save data.

No:26761

←

Prev Next

→

俄罗斯方块
Developer User13053｜Date and time 23/12/2 10:53:00
Build time 114.267 sec｜Game capacity 5.779KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>俄罗斯方块</title>
    <style>
        body {
            text-align: center;
        }
        #game-board {
            display: inline-block;
            background-color: #eee;
            border: 2px solid #999;
        }
        .cell {
            width: 20px;
            height: 20px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-sizing: border-box;
        }
        .cell.active {
            background-color: #999;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

// 方块定义
        const SHAPES = [
            [[1, 1, 1, 1]],              // I
            [[1, 1], [1, 1]],            // O
            [[1, 1, 1], [0, 1, 0]],      // T
            [[1, 1, 0], [0, 1, 1]],      // Z
            [[0, 1, 1], [1, 1, 0]],      // S
            [[0, 1, 0], [1, 1, 1]],      // L
            [[0, 1, 0], [0, 1, 0], [0, 1, 0]]  // |
        ];

// 游戏状态
        let gameBoard;
        let currentShape;
        let currentRow;
        let currentCol;

// 绘制游戏面板
        function drawGameBoard() {
            const gameBoardElement = document.getElementById('game-board');
            gameBoardElement.innerHTML = '';

for (let row = 0; row < ROWS; row++) {
                for (let col = 0; col < COLS; col++) {
                    const cell = document.createElement('div');
                    cell.className = 'cell';
                    if (gameBoard[row][col] === 1) {
                        cell.classList.add('active');
                    }
                    cell.style.top = `${row * CELL_SIZE}px`;
                    cell.style.left = `${col * CELL_SIZE}px`;
                    gameBoardElement.appendChild(cell);
                }
            }
        }

// 初始化游戏
        function initGame() {
            gameBoard = [];
            for (let row = 0; row < ROWS; row++) {
                gameBoard[row] = new Array(COLS).fill(0);
            }
            spawnShape();
            setInterval(updateGame, 500);
        }

// 生成随机方块
        function spawnShape() {
            const shapeIndex = Math.floor(Math.random() * SHAPES.length);
            currentShape = SHAPES[shapeIndex];
            currentRow = 0;
            currentCol = Math.floor(COLS / 2) - Math.floor(currentShape[0].length / 2);
        }

// 更新游戏状态
        function updateGame() {
            if (isValidMove(currentShape, currentRow + 1, currentCol)) {
                currentRow++;
            } else {
                mergeShapeToGameBoard();
                clearFullRows();
                spawnShape();
            }
            drawGameBoard();
        }

// 检查是否可以移动
        function isValidMove(shape, row, col) {
            for (let shapeRow = 0; shapeRow < shape.length; shapeRow++) {
                for (let shapeCol = 0; shapeCol < shape[shapeRow].length; shapeCol++) {
                    if (shape[shapeRow][shapeCol] && (row + shapeRow >= ROWS || col + shapeCol < 0 ||
                        col + shapeCol >= COLS || gameBoard[row + shapeRow][col + shapeCol] === 1)) {
                            return false;
                    }
                }
            }
            return true;
        }

// 合并方块到游戏面板
        function mergeShapeToGameBoard() {
            for (let shapeRow = 0; shapeRow < currentShape.length; shapeRow++) {
                for (let shapeCol = 0; shapeCol < currentShape[shapeRow].length; shapeCol++) {
                    if (currentShape[shapeRow][shapeCol]) {
                        gameBoard[currentRow + shapeRow][currentCol + shapeCol] = 1;
                    }
                }
            }
        }

// 消除满行
        function clearFullRows() {
            let fullRows = [];
            for (let row = ROWS - 1; row >= 0; row--) {
                if (gameBoard[row].every(cell => cell === 1)) {
                    fullRows.push(row);
                }
            }

fullRows.forEach(row => {
                gameBoard.splice(row, 1);
                gameBoard.unshift(new Array(COLS).fill(0));
            });
        }

// 处理移动或旋转操作
        function handleMove(keyCode) {
            if (keyCode === 37 && isValidMove(currentShape, currentRow, currentCol - 1)) {
                currentCol--;
            } else if (keyCode === 39 && isValidMove(currentShape, currentRow, currentCol + 1)) {
                currentCol++;
            } else if (keyCode === 40 && isValidMove(currentShape, currentRow + 1, currentCol)) {
                currentRow++;
            } else if (keyCode === 38) {
                rotateShape();
            }
        }

// 旋转方块
        function rotateShape() {
            const rotatedShape = [];
            for (let col = 0; col < currentShape[0].length; col++) {
                const newRow = [];
                for (let row = currentShape.length - 1; row >= 0; row--) {
                    newRow.push(currentShape[row][col]);
                }
                rotatedShape.push(newRow);
            }
            if (isValidMove(rotatedShape, currentRow, currentCol)) {
                currentShape = rotatedShape;
            }
        }

// 监听键盘事件
        document.addEventListener('keydown', (event) => {
            handleMove(event.keyCode);
            drawGameBoard();
        });

// 初始化游戏
        initGame();
    </script>
</body>
</html>