AI game creator

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

No:12266

152

←

Prev Next

→

Tetris
Developer User4825｜Date and time 23/8/14 18:03:17
Build time 54.44 sec｜Game capacity 6.557KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Tetris</title>
    <style>
        body {
            background-color: #f3f3f3;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100vw;
            height: 100vh;
            margin: 0;
        }
      
        #game-board {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            grid-template-rows: repeat(20, 1fr);
            border: 2px solid #333;
            background-color: #fff;
            width: 300px;
            height: 600px;
        }
      
        .cell {
            border: 1px solid #ddd;
            background-color: #eee;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

function moveLeft() {
            if (validateMove(0, -1)) {
                currentPiecePosition.x--;
                updateBoard();
            }
        }

function moveRight() {
            if (validateMove(0, 1)) {
                currentPiecePosition.x++;
                updateBoard();
            }
        }

function rotate() {
            const rotatedPiece = rotatePiece(currentPiece);

if (validateMove(0, 0, rotatedPiece)) {
                currentPiece = rotatedPiece;
                updateBoard();
            }
        }

function rotatePiece(piece) {
            const rotatedPiece = [];
            const size = piece.length;

for (let i = 0; i < size; i++) {
                const row = [];
                for (let j = 0; j < size; j++) {
                    row.push(piece[size - j - 1][i]);
                }
                rotatedPiece.push(row);
            }

return rotatedPiece;
        }

function createNewPiece() {
            const pieces = [
                [[1, 1], [1, 1]],
                [[1, 1, 1, 1]],
                [[1, 0], [1, 0], [1, 1]],
                [[0, 1], [0, 1], [1, 1]],
                [[1, 0], [1, 0], [1, 0], [1, 0]],
                [[1, 1, 1], [1, 0, 0]],
                [[1, 1, 1], [0, 0, 1]],
            ];
            const randomIndex = Math.floor(Math.random() * pieces.length);
            currentPiece = pieces[randomIndex];
            currentPiecePosition = { x: Math.floor(columns / 2) - Math.floor(currentPiece[0].length / 2), y: 0 };

if (!validateMove(0, 0)) {
                clearInterval(interval);
                alert('Game Over!');
            }
        }

function updateBoard() {
            resetBoard();
            drawPiece();
            draw();
        }

function resetBoard() {
            board = createBoard(rows, columns);
        }

function validateMove(dx, dy, piece) {
            const x = currentPiecePosition.x + dx;
            const y = currentPiecePosition.y + dy;
            const movingPiece = piece || currentPiece;

for (let i = 0; i < movingPiece.length; i++) {
                for (let j = 0; j < movingPiece[i].length; j++) {
                    if (
                        movingPiece[i][j] === 1 &&
                        (board[y + i] &&
                            (board[y + i][x + j] === undefined || board[y + i][x + j] === 1))
                    ) {
                        return false;
                    }
                }
            }

return true;
        }

createNewPiece();
        draw();
        interval = setInterval(moveDown, 1000);
    </script>
</body>
</html>