AI game creator

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

No:29970

←

Prev Next

→

Tetris
Developer User14677｜Date and time 23/12/20 3:40:09
Build time 39.245 sec｜Game capacity 6.236KB｜

Script

Sure! Here's a simplified implementation of Tetris as a single HTML file:

You can copy and paste this code into a new HTML file, save it with a `.html` extension, and then open it in any modern web browser to play the Tetris game. Enjoy!

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simplified implementation of Tetris as a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Tetris</title>
    <style>
      html,
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        height: 100%;
      }

#game-board {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

let gameBoard;
      let currentPiece;
      let currentX;
      let currentY;
      let intervalId;

// Initialize game board and start game loop
      function startGame() {
        gameBoard = createEmptyGameBoard();
        currentPiece = getRandomShape();
        currentX = Math.floor((COLS - currentPiece[0][0].length) / 2);
        currentY = 0;

intervalId = setInterval(updateGame, 500);
      }

// Create an empty game board with all cells set to 0
      function createEmptyGameBoard() {
        const board = new Array(ROWS);
        for (let row = 0; row < ROWS; row++) {
          board[row] = new Array(COLS).fill(0);
        }
        return board;
      }

// Get a random shape from the SHAPES array
      function getRandomShape() {
        const randomIndex = Math.floor(Math.random() * SHAPES.length);
        return SHAPES[randomIndex];
      }

// Update game state (handle movement, collisions, etc.)
      function updateGame() {
        if (canMoveDown()) {
          currentY++;
        } else {
          mergePiece();
          clearLines();
          if (gameOver()) {
            clearInterval(intervalId);
            alert("Game over!");
            return;
          }
          currentPiece = getRandomShape();
          currentX = Math.floor((COLS - currentPiece[0][0].length) / 2);
          currentY = 0;
        }
        drawGame();
      }

// Check if the current piece can move down
      function canMoveDown() {
        for (let row = 0; row < currentPiece[0].length; row++) {
          for (let col = 0; col < currentPiece[0][row].length; col++) {
            if (currentPiece[0][row][col] && 
                (currentY + row + 1 >= ROWS || gameBoard[currentY + row + 1][currentX + col])) {
              return false;
            }
          }
        }
        return true;
      }

// Merge the current piece with the game board
      function mergePiece() {
        for (let row = 0; row < currentPiece[0].length; row++) {
          for (let col = 0; col < currentPiece[0][row].length; col++) {
            if (currentPiece[0][row][col]) {
              gameBoard[currentY + row][currentX + col] = 1;
            }
          }
        }
      }

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

// Check if it's game over (top row filled)
      function gameOver() {
        return gameBoard[0].some(cell => cell);
      }

// Draw the game board on the screen
      function drawGame() {
        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.style.width = RECT_SIZE + "px";
            cell.style.height = RECT_SIZE + "px";
            cell.style.background = gameBoard[row][col] ? "black" : "white";
            cell.style.border = "1px solid black";
            gameBoardElement.appendChild(cell);
          }
        }
      }

// Handle keyboard input for moving the piece
      document.addEventListener("keydown", event => {
        if (event.key === "ArrowUp") {
          rotatePiece();
        } else if (event.key === "ArrowLeft" && canMoveLeft()) {
          currentX--;
        } else if (event.key === "ArrowRight" && canMoveRight()) {
          currentX++;
        } else if (event.key === "ArrowDown" && canMoveDown()) {
          currentY++;
        }
        drawGame();
      });

// Check if the current piece can move left
      function canMoveLeft() {
        for (let row = 0; row < currentPiece[0].length; row++) {
          for (let col = 0; col < currentPiece[0][row].length; col++) {
            if (currentPiece[0][row][col] && (currentX + col - 1 < 0 || gameBoard[currentY + row][currentX + col - 1])) {
              return false;
            }
          }
        }
        return true;
      }

// Check if the current piece can move right
      function canMoveRight() {
        for (let row = 0; row < currentPiece[0].length; row++) {
          for (let col = 0; col < currentPiece[0][row].length; col++) {
            if (currentPiece[0][row][col] && (currentX + col + 1 >= COLS || gameBoard[currentY + row][currentX + col + 1])) {
              return false;
            }
          }
        }
        return true;
      }

// Rotate the current piece
      function rotatePiece() {
        const tempPiece = currentPiece;
        currentPiece = [tempPiece[0].map((_, i) => tempPiece[0].map(row => row[i])).reverse()];
        if (currentX + currentPiece[0][0].length > COLS) {
          currentX = COLS - currentPiece[0][0].length;
        }
        drawGame();
      }

// Start the game on page load
      window.addEventListener("load", startGame);
    </script>
  </body>
</html>
```

You can copy and paste this code into a new HTML file, save it with a `.html` extension, and then open it in any modern web browser to play the Tetris game. Enjoy!