AI game creator

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

No:33718

←

Prev Next

→

Tetris
Developer User15909｜Date and time 24/1/6 13:21:11
Build time 49.868 sec｜Game capacity 5.613KB｜

Script

Sure! Here's an example of a simple Tetris game implemented as a single HTML file using JavaScript:

You can copy and paste the above code into a single HTML file and open it in a web browser to play the Tetris game. The gameplay controls are as follows: - Left arrow: Move the current piece to the left. - Right arrow: Move the current piece to the right. - Up arrow: Rotate the current piece. - Down arrow: Move the current piece down faster. Please note that this is a simplified version of Tetris and can be further enhanced with additional features and improvements.

←

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 as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Tetris</title>
    <style>
      body {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        margin: 0;
        background-color: #222;
        color: #fff;
        font-family: Arial, sans-serif;
      }
      canvas {
        border: 2px solid #fff;
      }
    </style>
  </head>
  <body>
    <canvas id="tetris" width="240" height="400"></canvas>
    <script>
      document.addEventListener('DOMContentLoaded', () => {
        const canvas = document.getElementById('tetris');
        const context = canvas.getContext('2d');

// Set up the game board
        const board = createBoard(10, 20);

// Start the game
        drawBoard();
        setPiece();
        update();

function createBoard(width, height) {
          const board = [];
          for (let row = 0; row < height; row++) {
            board.push(new Array(width).fill(0));
          }
          return board;
        }

function drawSquare(x, y, color) {
          const colors = ['#000', '#ff0000', '#00ff00', '#0000ff', '#ffff00', '#ff00ff', '#00ffff', '#ffffff'];
          context.fillStyle = colors[color];
          context.fillRect(x * 24, y * 24, 24, 24);
          context.strokeStyle = '#888';
          context.strokeRect(x * 24, y * 24, 24, 24);
        }

function setPiece() {
          const pieces = [
            [[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]]
          ];
          const piece = pieces[Math.floor(Math.random() * pieces.length)];
          const initialX = Math.floor((board[0].length - piece[0].length) / 2);
          const initialY = -piece.length;
          return { piece, x: initialX, y: initialY };
        }

function moveLeft() {
          currentPiece.x--;
          if (collide()) {
            currentPiece.x++;
          }
        }

function moveRight() {
          currentPiece.x++;
          if (collide()) {
            currentPiece.x--;
          }
        }

function rotatePiece() {
          const rotated = rotate(currentPiece.piece);
          if (!collide(rotated, currentPiece.x, currentPiece.y)) {
            currentPiece.piece = rotated;
          }
        }

function update() {
          context.clearRect(0, 0, canvas.width, canvas.height);
          drawBoard();
          moveDown();

const [piece, x, y] = currentPiece;
          for (let row = 0; row < piece.length; row++) {
            for (let col = 0; col < piece[row].length; col++) {
              if (piece[row][col]) {
                drawSquare(col + x, row + y, piece[row][col]);
              }
            }
          }

requestAnimationFrame(update);
        }

let currentPiece = setPiece();

You can copy and paste the above code into a single HTML file and open it in a web browser to play the Tetris game. The gameplay controls are as follows:

- Left arrow: Move the current piece to the left.
- Right arrow: Move the current piece to the right.
- Up arrow: Rotate the current piece.
- Down arrow: Move the current piece down faster.

Please note that this is a simplified version of Tetris and can be further enhanced with additional features and improvements.