AI game creator

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

No:21759

←

Prev Next

→

Tetris
Developer User10054｜Date and time 23/10/18 4:18:55
Build time 140.589 sec｜Game capacity 6.643KB｜

Script

Sure, here's a simple Tetris game implemented as a single HTML file using JavaScript:

You can copy and paste the above code into a file with a .html extension, and then open it in a web browser to play the Tetris game. The game is designed to be played using keyboard controls (left arrow key to move left, right arrow key to move right), but you can modify it to support smartphone touch controls if needed. The game uses simple square blocks to represent Tetris pieces, but you can replace them with pictograms if desired.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple Tetris game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Tetris</title>
    <style>
      #game-board {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

const gameBoard = [];
      let currentPiece;
      let gameInterval;

// Helper function to create a blank game board
      function createGameBoard() {
        for (let row = 0; row < BOARD_HEIGHT; row++) {
          gameBoard[row] = [];
          for (let col = 0; col < BOARD_WIDTH; col++) {
            gameBoard[row][col] = 0;
          }
        }
      }

// Helper function to create a Tetris piece
      function createPiece() {
        const pieces = [
          [[1, 1, 1, 1]], // I
          [[1, 1], [1, 1]], // O
          [[1, 1, 1], [0, 1, 0]], // T
          [[1, 1, 0], [0, 1, 1]], // Z
          [[0, 1, 1], [1, 1, 0]], // S
          [[1, 1, 1], [0, 0, 1]], // L
          [[1, 1, 1], [1, 0, 0]], // J
        ];
        const randomIndex = Math.floor(Math.random() * pieces.length);
        return pieces[randomIndex];
      }

// Helper function to draw the game board
      function draw() {
        const gameBoardContainer = document.getElementById('game-board');
        gameBoardContainer.innerHTML = '';

gameBoard.forEach((row, rowIndex) => {
          row.forEach((col, colIndex) => {
            if (col === 1) {
              const block = document.createElement('div');
              block.style.width = `${BLOCK_SIZE}px`;
              block.style.height = `${BLOCK_SIZE}px`;
              block.style.backgroundColor = 'cyan';
              block.style.border = '1px solid #fff';
              block.style.boxSizing = 'border-box';

block.style.position = 'absolute';
              block.style.left = `${colIndex * BLOCK_SIZE}px`;
              block.style.top = `${rowIndex * BLOCK_SIZE}px`;

gameBoardContainer.appendChild(block);
            }
          });
        });
      }

// Helper function to check if a piece can move down
      function canMoveDown() {
        const pieceBottom = currentPiece.length;

for (let row = 0; row < pieceBottom; row++) {
          for (let col = 0; col < currentPiece[row].length; col++) {
            if (
              currentPiece[row][col] === 1 &&
              (row === pieceBottom - 1 ||
                gameBoard[row + 1][col] === 2)
            ) {
              return false;
            }
          }
        }

return true;
      }

// Helper function to move the current piece down
      function moveDown() {
        if (canMoveDown()) {
          const pieceBottom = currentPiece.length;

for (let row = pieceBottom - 1; row >= 0; row--) {
            for (let col = 0; col < currentPiece[row].length; col++) {
              if (currentPiece[row][col] === 1) {
                gameBoard[row][col] = 0;
                gameBoard[row + 1][col] = 1;
              }
            }
          }
        } else {
          freezePiece();
        }
      }

// Helper function to freeze the current piece in place
      function freezePiece() {
        const pieceBottom = currentPiece.length;

for (let row = 0; row < pieceBottom; row++) {
          for (let col = 0; col < currentPiece[row].length; col++) {
            if (currentPiece[row][col] === 1) {
              gameBoard[row][col] = 2;
            }
          }
        }

// Check for completed rows
        for (let row = BOARD_HEIGHT - 1; row >= 0; row--) {
          if (!gameBoard[row].includes(0)) {
            gameBoard.splice(row, 1);
            gameBoard.unshift(new Array(BOARD_WIDTH).fill(0));
          }
        }

currentPiece = createPiece();
      }

// Helper function to move the current piece left
      function moveLeft() {
        const leftMost = currentPiece[0].length;

for (let row = 0; row < currentPiece.length; row++) {
          for (let col = 0; col < currentPiece[row].length; col++) {
            if (
              currentPiece[row][col] === 1 &&
              (col === 0 || gameBoard[row][col - 1] === 2)
            ) {
              return;
            }
          }
        }

for (let row = 0; row < currentPiece.length; row++) {
          for (let col = leftMost - 1; col >= 0; col--) {
            if (currentPiece[row][col] === 1) {
              gameBoard[row][col + 1] = 0;
              gameBoard[row][col] = 1;
            }
          }
        }
      }

// Helper function to move the current piece right
      function moveRight() {
        const rightMost = currentPiece[0].length;

for (let row = 0; row < currentPiece.length; row++) {
          for (let col = rightMost - 1; col >= 0; col--) {
            if (
              currentPiece[row][col] === 1 &&
              (col === rightMost - 1 || gameBoard[row][col + 1] === 2)
            ) {
              return;
            }
          }
        }

for (let row = 0; row < currentPiece.length; row++) {
          for (let col = rightMost - 1; col >= 0; col--) {
            if (currentPiece[row][col] === 1) {
              gameBoard[row][col] = 0;
              gameBoard[row][col + 1] = 1;
            }
          }
        }
      }

// Initialize the game
      function init() {
        createGameBoard();
        currentPiece = createPiece();

gameInterval = setInterval(() => {
          moveDown();
          draw();
        }, GAME_SPEED);
      }

// Event listeners for keyboard controls
      document.addEventListener('keydown', (event) => {
        if (event.key === 'ArrowLeft') {
          moveLeft();
        } else if (event.key === 'ArrowRight') {
          moveRight();
        }
      });

// Start the game
      init();
    </script>
  </body>
</html>
```