const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = 10; const boardHeight = 20; const board = []; const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF', '#C0C0C0']; let currentPiece = null; let currentPieceX = 0; let currentPieceY = 0; let currentPieceColor = null; let score = 0; const pieces = [ [ [1, 1], [1, 1], ], [ [0, 2, 0], [2, 2, 2], ], [ [3, 3, 0], [0, 3, 3], ], [ [0, 4, 4], [4, 4, 0], ], [ [5, 5, 5], [0, 5, 0], ], [ [6, 6, 6, 6], ], [ [0, 7, 0, 0], [0, 7, 7, 7], ], ]; function initBoard() { for (let i = 0; i < boardHeight; i++) { board[i] = []; for (let j = 0; j < boardWidth; j++) { board[i][j] = 0; } } } function drawBlock(x, y, color) { ctx.fillStyle = colors[color]; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = '#000000'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawBoard() { for (let i = 0; i < boardHeight; i++) { for (let j = 0; j < boardWidth; j++) { if (board[i][j] !== 0) { drawBlock(j, i, board[i][j]); } } } } function drawPiece() { for (let i = 0; i < currentPiece.length; i++) { for (let j = 0; j < currentPiece[i].length; j++) { if (currentPiece[i][j] !== 0) { drawBlock(currentPieceX + j, currentPieceY + i, currentPieceColor); } } } } function generatePiece() { const index = Math.floor(Math.random() * pieces.length); currentPiece = pieces[index]; currentPieceColor = index + 1; currentPieceX = Math.floor((boardWidth - currentPiece[0].length) / 2); currentPieceY = 0; } function canMovePiece(x, y) { for (let i = 0; i < currentPiece.length; i++) { for (let j = 0; j < currentPiece[i].length; j++) { if (currentPiece[i][j] !== 0) { const newX = currentPieceX + j + x; const newY = currentPieceY + i + y; if (newX < 0 || newX >= boardWidth || newY >= boardHeight || board[newY][newX] !== 0) { return false; } } } } return true; } function rotatePiece() { const newPiece = []; for (let i = 0; i < currentPiece[0].length; i++) { newPiece[i] = []; for (let j = 0; j < currentPiece.length; j++) { newPiece[i][j] = currentPiece[currentPiece.length - 1 - j][i]; } } if (canMovePiece(0, 0, newPiece)) { currentPiece = newPiece; } } function dropPiece() { if (canMovePiece(0, 1)) { currentPieceY++; } else { for (let i = 0; i < currentPiece.length; i++) { for (let j = 0; j < currentPiece[i].length; j++) { if (currentPiece[i][j] !== 0) { board[currentPieceY + i][currentPieceX + j] = currentPieceColor; } } } generatePiece(); } } function clearLines() { let linesCleared = 0; for (let i = boardHeight - 1; i >= 0; i--) { let lineFilled = true; for (let j = 0; j < boardWidth; j++) { if (board[i][j] === 0) { lineFilled = false; break; } } if (lineFilled) { linesCleared++; for (let k = i; k > 0; k--) { for (let j = 0; j < boardWidth; j++) { board[k][j] = board[k - 1][j]; } } for (let j = 0; j < boardWidth; j++) { board[0][j] = 0; } i++; } } score += linesCleared * linesCleared * 100; } function drawScore() { ctx.fillStyle = '#FFFFFF'; ctx.font = '20px Arial'; ctx.fillText(`Score: ${score}`, 10, 30); } function gameLoop() { ctx.clearRect(0, 0, canvas.width, canvas.height); dropPiece(); drawBoard(); drawPiece(); drawScore(); clearLines(); } initBoard(); generatePiece(); setInterval(gameLoop, 500); document.addEventListener('keydown', event => { switch (event.keyCode) { case 37: if (canMovePiece(-1, 0)) { currentPieceX--; } break; case 38: rotatePiece(); break; case 39: if (canMovePiece(1, 0)) { currentPieceX++; } break; case 40: if (canMovePiece(0, 1)) { currentPieceY++; } break; } });

GPTgame

Sign up for free tokens!

Tetris game with kimetsu no yaiba theme

GPTgame