AI game creator

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

No:38222

←

Prev Next

→

Tetris
Developer User17286｜Date and time 24/1/23 14:29:28
Build time 24.337 sec｜Game capacity 6.354KB｜

Script

Sure! Here's a simple implementation of Tetris as a single HTML file with JavaScript. It will work on smartphones and utilizes pictograms.

To play the game, simply open the HTML file in a web browser on your smartphone. Use the left and right arrows to move the tetromino, the up arrow to rotate it, and the down arrow to move it down faster. Note: This is a basic implementation of Tetris and may not include all the features of a full-fledged game. Feel free to modify and enhance it as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of Tetris as a single HTML file with JavaScript. It will work on smartphones and utilizes pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Tetris</title>
  <style>
    body {
      font-size: 40px;
    }
  </style>
</head>
<body>
  <canvas id="tetrisCanvas" width="400" height="800"></canvas>

// Represent the tetromino shapes
    const tetrominoes = [
      [[1, 1, 1, 1]],
      [[1, 1], [1, 1]],
      [[1, 1, 0], [0, 1, 1]],
      [[0, 1, 1], [1, 1, 0]],
      [[1, 1, 1], [0, 1, 0]],
      [[1, 1, 1], [1, 0, 0]],
      [[1, 1, 1], [0, 0, 1]]
    ];

const colors = ["cyan", "yellow", "purple", "green", "red", "orange", "blue"];

// Create a representation of the game board
    let board = [];
    for (let row = 0; row < rows; row++) {
      board[row] = [];
      for (let col = 0; col < columns; col++) {
        board[row][col] = "";
      }
    }

// Initialize current piece
    let currentPiece = getRandomPiece();
    let currentRow = 0;
    let currentCol = Math.floor(columns / 2) - Math.floor(currentPiece[0].length / 2);

// Move the current piece down
    function moveDown() {
      if (validMove(1, 0)) {
        currentRow++;
      } else {
        placePiece();
        clearLines();
        currentPiece = getRandomPiece();
        currentRow = 0;
        currentCol = Math.floor(columns / 2) - Math.floor(currentPiece[0].length / 2);
        if (!validMove(0, 0)) {
          gameOver();
        }
      }
    }

// Move the current piece left
    function moveLeft() {
      if (validMove(0, -1)) {
        currentCol--;
      }
    }

// Move the current piece right
    function moveRight() {
      if (validMove(0, 1)) {
        currentCol++;
      }
    }

// Rotate the current piece
    function rotatePiece() {
      const pieceCopy = currentPiece;
      currentPiece = rotate(currentPiece);
      if (!validMove(0, 0)) {
        currentPiece = pieceCopy;
      }
    }

// Check if a move is valid
    function validMove(rowOffset, colOffset) {
      for (let row = 0; row < currentPiece.length; row++) {
        for (let col = 0; col < currentPiece[row].length; col++) {
          if (currentPiece[row][col]) {
            const newRow = currentRow + row + rowOffset;
            const newCol = currentCol + col + colOffset;
            if (newRow < 0 || newRow >= rows || newCol < 0 || newCol >= columns || board[newRow][newCol]) {
              return false;
            }
          }
        }
      }
      return true;
    }

// Place the current piece on the game board
    function placePiece() {
      for (let row = 0; row < currentPiece.length; row++) {
        for (let col = 0; col < currentPiece[row].length; col++) {
          if (currentPiece[row][col]) {
            const newRow = currentRow + row;
            const newCol = currentCol + col;
            board[newRow][newCol] = colors[currentPiece.length - 1];
          }
        }
      }
    }

// Clear completed lines
    function clearLines() {
      for (let row = rows - 1; row >= 0; row--) {
        if (board[row].every(cell => cell !== "")) {
          board.splice(row, 1);
          board.unshift(new Array(columns).fill(""));
        }
      }
    }

// Rotate a tetromino
    function rotate(piece) {
      const newPiece = [];
      const rows = piece.length;
      const cols = piece[0].length;
      for (let col = 0; col < cols; col++) {
        const newRow = [];
        for (let row = rows - 1; row >= 0; row--) {
          newRow.push(piece[row][col]);
        }
        newPiece.push(newRow);
      }
      return newPiece;
    }

// Get a random tetromino piece
    function getRandomPiece() {
      const randomIndex = Math.floor(Math.random() * tetrominoes.length);
      return tetrominoes[randomIndex];
    }

// Game over
    function gameOver() {
      alert("Game Over!");
      location.reload(); // Refresh the page to restart the game
    }

// Draw the game board and current piece
    function draw() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the game board
      for (let row = 0; row < rows; row++) {
        for (let col = 0; col < columns; col++) {
          const cell = board[row][col];
          ctx.fillStyle = cell ? cell : "white";
          ctx.fillRect(col * cellSize, row * cellSize, cellSize, cellSize);
          ctx.strokeStyle = "black";
          ctx.strokeRect(col * cellSize, row * cellSize, cellSize, cellSize);
        }
      }

// Draw the current piece
      for (let row = 0; row < currentPiece.length; row++) {
        for (let col = 0; col < currentPiece[row].length; col++) {
          if (currentPiece[row][col]) {
            const newRow = currentRow + row;
            const newCol = currentCol + col;
            ctx.fillStyle = colors[currentPiece.length - 1];
            ctx.fillRect(newCol * cellSize, newRow * cellSize, cellSize, cellSize);
            ctx.strokeStyle = "black";
            ctx.strokeRect(newCol * cellSize, newRow * cellSize, cellSize, cellSize);
          }
        }
      }
    }

// Game loop
    function gameLoop() {
      moveDown();
      draw();
    }

// Enable keyboard controls
    document.addEventListener("keydown", function(event) {
      if (event.keyCode === 37) { // Left arrow
        moveLeft();
      } else if (event.keyCode === 39) { // Right arrow
        moveRight();
      } else if (event.keyCode === 38) { // Up arrow
        rotatePiece();
      } else if (event.keyCode === 40) { // Down arrow
        moveDown();
      }
    });

// Start the game loop
    setInterval(gameLoop, 500);
  </script>
</body>
</html>
```

Note: This is a basic implementation of Tetris and may not include all the features of a full-fledged game. Feel free to modify and enhance it as per your requirements.