AI game creator

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

No:13072

142

←

Prev Next

→

Tetris
Developer User5767｜Date and time 23/8/26 19:35:24
Build time 33.54 sec｜Game capacity 6.236KB｜

Script

Sure! Here's an example of a simple Tetris game implemented using HTML and JavaScript, enclosed in script tags within a single HTML file.

This implementation is a basic example of Tetris using JavaScript and HTML5. It sets up the game board, controls the movement and rotation of pieces, detects collisions, clears completed lines, and handles keyboard events for user interaction. The game starts automatically, and the user can control the pieces using the left, right, down, and up arrow keys. The game ends when the pieces reach the top of the board.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Tetris game implemented using HTML and JavaScript, enclosed in script tags within a single HTML file.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tetris Game</title>
    <style>
        #game-board {
            width: 300px;
            height: 600px;
            border: 1px solid black;
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

let board = [];
        let intervalId;
        let currentPiece;
        let score = 0;

// Initialize the game board
        function initGame() {
            for (let row = 0; row < ROWS; row++) {
                board[row] = [];
                for (let col = 0; col < COLS; col++) {
                    board[row][col] = 0;
                }
            }
        }

// Initialize a new piece
        function initPiece() {
            currentPiece = {
                shape: [
                    [1, 1, 0],
                    [1, 1, 0],
                    [0, 0, 0]
                ],
                row: 0,
                col: 3
            };
        }

// Draw the game board
        function drawBoard() {
            let gameBoard = document.getElementById('game-board');
            gameBoard.innerHTML = '';

for (let row = 0; row < ROWS; row++) {
                for (let col = 0; col < COLS; col++) {
                    if (board[row][col] === 1) {
                        let block = document.createElement('div');
                        block.style.top = row * BLOCK_SIZE + 'px';
                        block.style.left = col * BLOCK_SIZE + 'px';
                        gameBoard.appendChild(block);
                    }
                }
            }
        }

// Move the current piece down
        function moveDown() {
            currentPiece.row++;
            if (isCollision()) {
                currentPiece.row--;
                lockPiece();
                clearLines();
                initPiece();
                if (isGameOver()) {
                    clearInterval(intervalId);
                    alert('Game over!');
                }
            }
        }

// Move the current piece left
        function moveLeft() {
            currentPiece.col--;
            if (isCollision()) {
                currentPiece.col++;
            }
        }

// Move the current piece right
        function moveRight() {
            currentPiece.col++;
            if (isCollision()) {
                currentPiece.col--;
            }
        }

// Rotate the current piece
        function rotatePiece() {
            let rotatedPiece = [];
            for (let i = 0; i < currentPiece.shape.length; i++) {
                rotatedPiece[i] = [];
                for (let j = 0; j < currentPiece.shape.length; j++) {
                    rotatedPiece[i][j] = currentPiece.shape[currentPiece.shape.length - j - 1][i];
                }
            }

currentPiece.shape = rotatedPiece;
            if (isCollision()) {
                rotatePiece();
            }
        }

// Check if the current piece collides with the game board or other pieces
        function isCollision() {
            let shape = currentPiece.shape;
            let row = currentPiece.row;
            let col = currentPiece.col;

for (let i = 0; i < shape.length; i++) {
                for (let j = 0; j < shape[i].length; j++) {
                    if (shape[i][j] && (board[row + i] && board[row + i][col + j]) !== 0) {
                        return true;
                    }
                }
            }

return false;
        }

// Lock the current piece on the game board
        function lockPiece() {
            let shape = currentPiece.shape;
            let row = currentPiece.row;
            let col = currentPiece.col;

for (let i = 0; i < shape.length; i++) {
                for (let j = 0; j < shape[i].length; j++) {
                    if (shape[i][j]) {
                        board[row + i][col + j] = 1;
                    }
                }
            }
        }

// Clear completed lines
        function clearLines() {
            for (let row = ROWS - 1; row >= 0; row--) {
                if (board[row].every(cell => cell === 1)) {
                    board.splice(row, 1);
                    board.unshift(Array(COLS).fill(0));
                    score += 10;
                }
            }
        }

// Check if the game is over
        function isGameOver() {
            if (board[0].some(cell => cell === 1)) {
                return true;
            }
            return false;
        }

// Handle keyboard events for moving and rotating the current piece
        function handleKeyPress(event) {
            switch (event.keyCode) {
                case 37: // Left arrow key
                    moveLeft();
                    break;
                case 39: // Right arrow key
                    moveRight();
                    break;
                case 40: // Down arrow key
                    moveDown();
                    break;
                case 38: // Up arrow key
                    rotatePiece();
                    break;
            }
        }

// Game start
        function startGame() {
            initGame();
            initPiece();
            intervalId = setInterval(() => {
                moveDown();
                drawBoard();
            }, 500);

document.addEventListener('keydown', handleKeyPress);
        }

startGame();
    </script>
</body>
</html>
```