AI game creator

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

No:26175

←

Prev Next

→

テトリス
Developer User12908｜Date and time 23/11/27 17:00:40
Build time 98.988 sec｜Game capacity 7.455KB｜

Script

Game Over

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tetris</title>
    <style>
        body {
            background-color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

#board {
            display: flex;
            flex-wrap: wrap;
            width: 200px;
            height: 400px;
            border: 2px solid white;
        }

.cell {
            width: 20px;
            height: 20px;
            background-color: #222;
            border: 1px solid #444;
        }

#game-over {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 24px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="board"></div>
    <div id="game-over">Game Over</div>

// ゲームの状態
        let board;
        let currentBlock;
        let currentX;
        let currentY;
        let intervalId;
        let gameOver;

// ボードを初期化する関数
        function initBoard() {
            board = [];
            for (let y = 0; y < 20; y++) {
                board[y] = [];
                for (let x = 0; x < 10; x++) {
                    board[y][x] = 0;
                }
            }
        }

// 新しいブロックを作成する関数
        function newBlock() {
            const blockTypes = Object.keys(blocks);
            const randomIndex = Math.floor(Math.random() * blockTypes.length);
            const blockType = blockTypes[randomIndex];
            const block = blocks[blockType];
            currentBlock = block;
            currentX = 4;
            currentY = 0;
            if (!isValidMove()) {
                gameOver = true;
                clearInterval(intervalId);
                document.getElementById('game-over').style.display = 'block';
            }
        }

// ブロックの移動が有効か判定する関数
        function isValidMove() {
            for (let y = 0; y < currentBlock.length; y++) {
                for (let x = 0; x < currentBlock[y].length; x++) {
                    if (currentBlock[y][x]) {
                        const newX = currentX + x;
                        const newY = currentY + y;
                        if (newX < 0 || newX >= 10 || newY < 0 || newY >= 20 || board[newY][newX]) {
                            return false;
                        }
                    }
                }
            }
            return true;
        }

// ブロックの移動や完了判定を行う関数
        function moveBlock() {
            if (!gameOver) {
                currentY++;
                if (!isValidMove()) {
                    currentY--;
                    placeBlock();
                    checkLines();
                    newBlock();
                }
                updateBoard();
            }
        }

// ブロックをボードに配置する関数
        function placeBlock() {
            for (let y = 0; y < currentBlock.length; y++) {
                for (let x = 0; x < currentBlock[y].length; x++) {
                    if (currentBlock[y][x]) {
                        const newX = currentX + x;
                        const newY = currentY + y;
                        board[newY][newX] = 1;
                    }
                }
            }
        }

// ボードの行が揃ったかチェックする関数
        function checkLines() {
            let linesCleared = 0;
            for (let y = 0; y < board.length; y++) {
                if (board[y].every(cell => cell)) {
                    board.splice(y, 1);
                    board.unshift(new Array(10).fill(0));
                    linesCleared++;
                }
            }
            if (linesCleared > 0) {
                clearInterval(intervalId);
                const newInterval = Math.max(1000 - (linesCleared * 100), 100);
                intervalId = setInterval(moveBlock, newInterval);
            }
        }

// ボードの状態を更新する関数
        function updateBoard() {
            const boardDiv = document.getElementById('board');
            boardDiv.innerHTML = '';
            for (let y = 0; y < board.length; y++) {
                for (let x = 0; x < board[y].length; x++) {
                    const cellDiv = document.createElement('div');
                    cellDiv.className = 'cell';
                    if (board[y][x]) {
                        cellDiv.style.backgroundColor = 'white';
                    }
                    boardDiv.appendChild(cellDiv);
                }
            }
            const block = currentBlock;
            for (let y = 0; y < block.length; y++) {
                for (let x = 0; x < block[y].length; x++) {
                    if (block[y][x]) {
                        const cellDiv = document.createElement('div');
                        cellDiv.className = 'cell';
                        cellDiv.style.backgroundColor = 'white';
                        cellDiv.style.position = 'absolute';
                        cellDiv.style.top = (currentY + y) * 20 + 'px';
                        cellDiv.style.left = (currentX + x) * 20 + 'px';
                        boardDiv.appendChild(cellDiv);
                    }
                }
            }
        }

// ゲームの開始
        function startGame() {
            document.addEventListener('keydown', handleKeyPress);
            initBoard();
            newBlock();
            intervalId = setInterval(moveBlock, 1000);
        }

// キーボードの入力を処理する関数
        function handleKeyPress(e) {
            if (!gameOver) {
                if (e.code === 'ArrowLeft' && isValidMove(-1)) {
                    currentX--;
                    updateBoard();
                } else if (e.code === 'ArrowRight' && isValidMove(1)) {
                    currentX++;
                    updateBoard();
                } else if (e.code === 'ArrowDown' && isValidMove()) {
                    currentY++;
                    updateBoard();
                } else if (e.code === 'ArrowUp') {
                    rotateBlock();
                }
            }
        }

// ブロックを回転させる関数
        function rotateBlock() {
            const newBlock = [];
            const rowCount = currentBlock.length;
            const colCount = currentBlock[0].length;
            for (let x = 0; x < colCount; x++) {
                newBlock[x] = [];
                for (let y = rowCount - 1; y >= 0; y--) {
                    newBlock[x][rowCount - 1 - y] = currentBlock[y][x];
                }
            }
            currentBlock = newBlock;
            if (!isValidMove()) {
                rotateBlock();
            }
            updateBoard();
        }

// ゲーム開始
        startGame();
    </script>
</body>
</html>