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

No:30029

←

Prev Next

→

テトリス
Developer User14660｜Date and time 23/12/20 7:20:08
Build time 22.648 sec｜Game capacity 7.24KB｜

Script

Tetris Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Tetris Game</title>
    <style>
        body {
            background-color: #383838;
            color: #ffffff;
            font-family: Arial, sans-serif;
            text-align: center;
        }

#tetris-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 600px;
            margin: 0 auto;
            border: 2px solid #ffffff;
        }

.cell {
            width: 30px;
            height: 30px;
            border: 1px solid #ffffff;
        }
    </style>
</head>
<body>
    <h1>Tetris Game</h1>
    <div id="tetris-board"></div>

// Create the Tetris board
        for (let i = 0; i < rows; i++) {
            for (let j = 0; j < columns; j++) {
                let cell = document.createElement("div");
                cell.className = "cell";
                tetrisBoard.appendChild(cell);
            }
        }

// Initialize game variables and state
        let score = 0;
        let grid = new Array(rows * columns).fill(0);
        let currentShape = getRandomShape();
        let currentShapeIndex = 0;
        let currentX = 4;
        let currentY = 0;

// Shapes represented by arrays of coordinates
        let shapes = [
            [
                [-1, 0], [0, 0], [1, 0], [2, 0], // I
                [0, -1], [0, -2], [0, 1], [0, 2]
            ],
            [
                [0, 0], [0, -1], [1, -1], [1, 0] // O
            ],
            [
                [0, 0], [0, -1], [1, 0], [2, 0] // L
            ],
            [
                [0, 0], [0, -1], [1, 0], [2, 0] // J
            ],
            [
                [1, 0], [0, 0], [1, -1], [0, -1] // Z
            ],
            [
                [0, 0], [1, 0], [1, -1], [2, -1] // S
            ],
            [
                [0, 0], [0, -1], [0, 1], [1, 0] // T
            ]
        ];

// Handle key press events
        document.addEventListener("keydown", event => {
            if (event.keyCode === 37) {
                moveLeft();
            } else if (event.keyCode === 39) {
                moveRight();
            } else if (event.keyCode === 40) {
                moveDown();
            } else if (event.keyCode === 38) {
                rotateShape();
            }
        });

// Game loop
        setInterval(gameLoop, 500);

function getRandomShape() {
            return shapes[Math.floor(Math.random() * shapes.length)];
        }

function drawShape() {
            for (let i = 0; i < 4; i++) {
                let x = currentX + currentShape[i][0];
                let y = currentY + currentShape[i][1];
                let cellIndex = x + (y * columns);
                grid[cellIndex] = 1;
                tetrisBoard.children[cellIndex].style.backgroundColor = "#ffffff";
            }
        }

function clearShape() {
            for (let i = 0; i < 4; i++) {
                let x = currentX + currentShape[i][0];
                let y = currentY + currentShape[i][1];
                let cellIndex = x + (y * columns);
                grid[cellIndex] = 0;
                tetrisBoard.children[cellIndex].style.backgroundColor = "#000000";
            }
        }

function moveLeft() {
            if (!checkCollision(-1, 0)) {
                clearShape();
                currentX--;
                drawShape();
            }
        }

function moveRight() {
            if (!checkCollision(1, 0)) {
                clearShape();
                currentX++;
                drawShape();
            }
        }

function moveDown() {
            if (!checkCollision(0, 1)) {
                clearShape();
                currentY++;
                drawShape();
            }
        }

function lockShape() {
            for (let i = 0; i < 4; i++) {
                let x = currentX + currentShape[i][0];
                let y = currentY + currentShape[i][1];
                grid[x + (y * columns)] = 1;
            }
        }