const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const rows = canvas.height / blockSize; const columns = canvas.width / blockSize; 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]] ]; let currentTetromino = getRandomTetromino(); let currentX = Math.floor(columns / 2) - Math.floor(currentTetromino[0].length / 2); let currentY = 0; let score = 0; document.addEventListener('keydown', handleKeyPress); canvas.addEventListener('touchstart', handleTouchStart); canvas.addEventListener('touchmove', handleTouchMove); function handleKeyPress(event) { if (event.keyCode === 37) { moveTetromino(-1); } else if (event.keyCode === 39) { moveTetromino(1); } else if (event.keyCode === 38) { rotateTetromino(); } else if (event.keyCode === 40) { moveTetrominoDown(); } } function handleTouchStart(event) { touchStartX = event.touches[0].clientX; touchStartY = event.touches[0].clientY; } function handleTouchMove(event) { event.preventDefault(); const touchX = event.touches[0].clientX; const touchY = event.touches[0].clientY; const deltaX = touchX - touchStartX; const deltaY = touchY - touchStartY; if (Math.abs(deltaX) > Math.abs(deltaY)) { if (deltaX > 0) { moveTetromino(1); } else { moveTetromino(-1); } } else { if (deltaY > 0) { moveTetrominoDown(); } else { rotateTetromino(); } } } function getRandomTetromino() { const randomIndex = Math.floor(Math.random() * tetrominoes.length); return tetrominoes[randomIndex]; } function drawBlock(x, y) { ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col]) { drawBlock(currentX + col, currentY + row); } } } } function clearTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col]) { ctx.clearRect((currentX + col) * blockSize, (currentY + row) * blockSize, blockSize, blockSize); } } } } function moveTetromino(direction) { const newX = currentX + direction; if (isValidMove(newX, currentY, currentTetromino)) { clearTetromino(); currentX = newX; drawTetromino(); } } function moveTetrominoDown() { const newY = currentY + 1; if (isValidMove(currentX, newY, currentTetromino)) { clearTetromino(); currentY = newY; drawTetromino(); } else { lockTetromino(); removeCompletedRows(); currentTetromino = getRandomTetromino(); currentX = Math.floor(columns / 2) - Math.floor(currentTetromino[0].length / 2); currentY = 0; drawTetromino(); } } function rotateTetromino() { const rotatedTetromino = rotateMatrix(currentTetromino); if (isValidMove(currentX, currentY, rotatedTetromino)) { clearTetromino(); currentTetromino = rotatedTetromino; drawTetromino(); } } function rotateMatrix(matrix) { const rows = matrix.length; const cols = matrix[0].length; const rotatedMatrix = []; for (let col = 0; col < cols; col++) { const newRow = []; for (let row = rows - 1; row >= 0; row--) { newRow.push(matrix[row][col]); } rotatedMatrix.push(newRow); } return rotatedMatrix; } function isValidMove(x, y, tetromino) { for (let row = 0; row < tetromino.length; row++) { for (let col = 0; col < tetromino[row].length; col++) { if (tetromino[row][col]) { const newX = x + col; const newY = y + row; if (newX < 0 || newX >= columns || newY >= rows || grid[newY][newX]) { return false; } } } } return true; } function lockTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col]) { grid[currentY + row][currentX + col] = true; } } } } function removeCompletedRows() { let rowsToRemove = []; for (let row = 0; row < rows; row++) { let isRowComplete = true; for (let col = 0; col < columns; col++) { if (!grid[row][col]) { isRowComplete = false; break; } } if (isRowComplete) { rowsToRemove.push(row); } } for (let row of rowsToRemove) { grid.splice(row, 1); grid.unshift(Array(columns).fill(false)); score += 10; } } function drawGrid() { for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { if (grid[row][col]) { drawBlock(col, row); } } } } function drawScore() { ctx.font = '20px Arial'; ctx.fillStyle = 'white'; ctx.fillText('Score: ' + score, 20, 40); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawGrid(); drawTetromino(); drawScore(); } const grid = []; for (let row = 0; row < rows; row++) { grid.push(Array(columns).fill(false)); } setInterval(() => { moveTetrominoDown(); }, 1000); function gameLoop() { draw(); requestAnimationFrame(gameLoop); } gameLoop();

GPTgame

Sign up for free tokens!

Classic Tetris for iPhone, Pressing to rotate, swiping to the sides to move

GPTgame