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

No:52943

392

←

Prev Next

→

Harry Potter tetris
Developer User22295｜Date and time 24/3/27 1:46:38
Build time 26.587 sec｜Game capacity 4.074KB｜

Script

Harry Potter Tetris

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Harry Potter Tetris</title>
<style>
  body {
    font-family: Arial, sans-serif;
    text-align: center;
  }
  canvas {
    border: 2px solid black;
  }
</style>
</head>
<body>
<h1>Harry Potter Tetris</h1>
<canvas id="tetrisCanvas" width="300" height="600"></canvas>

// Draw board
function drawBoard() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  for (let i = 0; i < ROWS; i++) {
    for (let j = 0; j < COLS; j++) {
      if (board[i][j]) {
        ctx.fillStyle = board[i][j];
        ctx.fillRect(j * BLOCK_SIZE, i * BLOCK_SIZE, BLOCK_SIZE, BLOCK_SIZE);
        ctx.strokeStyle = 'black';
        ctx.strokeRect(j * BLOCK_SIZE, i * BLOCK_SIZE, BLOCK_SIZE, BLOCK_SIZE);
      }
    }
  }
}

// Create board
function createBoard() {
  let board = [];
  for (let i = 0; i < ROWS; i++) {
    board.push(new Array(COLS).fill(null));
  }
  return board;
}

// Create random piece
function createRandomPiece() {
  const pieces = [
    [[1, 1, 1, 1]], // I
    [[1, 1, 1], [0, 1, 0]], // T
    [[1, 1], [1, 1]], // O
    [[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
  ];
  return pieces[Math.floor(Math.random() * pieces.length)];
}

// Rotate piece
function rotatePiece(piece) {
  let rotatedPiece = [];
  for (let i = 0; i < piece[0].length; i++) {
    let newRow = piece.map(row => row[i]).reverse();
    rotatedPiece.push(newRow);
  }
  return rotatedPiece;
}

// Check collision
function checkCollision(x, y, piece) {
  for (let i = 0; i < piece.length; i++) {
    for (let j = 0; j < piece[i].length; j++) {
      if (piece[i][j] && (board[y + i] && board[y + i][x + j]) !== null) {
        return true;
      }
    }
  }
  return false;
}

// Place piece
function placePiece() {
  currentPiece.forEach((row, y) => {
    row.forEach((value, x) => {
      if (value) {
        board[y + currentPieceY][x + currentPieceX] = 'black';
      }
    });
  });
}

// Remove full rows
function removeFullRows() {
  let rowFilled = false;
  for (let i = ROWS - 1; i >= 0; i--) {
    if (board[i].every(cell => cell !== null)) {
      board.splice(i, 1);
      board.unshift(new Array(COLS).fill(null));
      rowFilled = true;
      i++;
    }
  }
  if (rowFilled) {
    drawBoard();
  }
}

// Game over
function gameOver() {
  clearInterval(interval);
  alert('Game Over! Score: ' + score);
}

// Move down
function moveDown() {
  if (!checkCollision(currentPieceX, currentPieceY + 1, currentPiece)) {
    currentPieceY++;
  } else {
    placePiece();
    removeFullRows();
    currentPiece = createRandomPiece();
    currentPieceX = 3;
    currentPieceY = 0;
    if (checkCollision(currentPieceX, currentPieceY, currentPiece)) {
      gameOver();
    }
  }
  drawBoard();
}

// Controls
document.addEventListener('keydown', (event) => {
  switch (event.key) {
    case 'ArrowLeft':
      if (!checkCollision(currentPieceX - 1, currentPieceY, currentPiece)) {
        currentPieceX--;
        drawBoard();
      }
      break;
    case 'ArrowRight':
      if (!checkCollision(currentPieceX + 1, currentPieceY, currentPiece)) {
        currentPieceX++;
        drawBoard();
      }
      break;
    case 'ArrowDown':
      moveDown();
      break;
    case 'ArrowUp':
      let rotatedPiece = rotatePiece(currentPiece);
      if (!checkCollision(currentPieceX, currentPieceY, rotatedPiece)) {
        currentPiece = rotatedPiece;
        drawBoard();
      }
      break;
  }
});

// Game loop
let score = 0;
let currentPieceX = 3;
let currentPieceY = 0;
interval = setInterval(() => {
  moveDown();
}, GAME_SPEED);

// Start game
drawBoard();
</script>
</body>
</html>