const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = canvas.width / blockSize; const boardHeight = canvas.height / blockSize; const board = new Array(boardHeight).fill().map(() => new Array(boardWidth).fill(0)); const pieces = [ [ [1, 1], [1, 1], ], [ [1, 1, 1, 1], ], [ [1, 1, 0], [0, 1, 1], ], [ [0, 1, 1], [1, 1, 0], ], [ [1, 0, 0], [1, 1, 1], ], [ [0, 0, 1], [1, 1, 1], ], [ [1, 0, 0], [1, 0, 0], [1, 1, 1], ], ]; let score = 0; let gameOver = false; const getRandomPiece = () => pieces[Math.floor(Math.random() * pieces.length)]; let currentPiece1 = getRandomPiece(); let currentPiece2 = getRandomPiece(); let currentX1 = Math.floor((boardWidth - currentPiece1[0].length) / 2); let currentX2 = Math.floor((boardWidth - currentPiece2[0].length) / 2); let currentY1 = 0; let currentY2 = 0; const drawBlock = (x, y) => { ctx.fillRect(blockSize * x, blockSize * y, blockSize, blockSize); ctx.strokeRect(blockSize * x, blockSize * y, blockSize, blockSize); }; const drawBoard = () => { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.strokeStyle = 'black'; for (let y = 0; y < board.length; y++) { for (let x = 0; x < board[y].length; x++) { if (board[y][x]) { ctx.fillStyle = 'red'; drawBlock(x, y); } } } }; const drawPiece = (x, y, piece) => { ctx.fillStyle = 'blue'; for (let i = 0; i < piece.length; i++) { for (let j = 0; j < piece[i].length; j++) { if (piece[i][j]) { drawBlock(x + j, y + i); } } } }; const canMove = (x, y, piece) => { for (let i = 0; i < piece.length; i++) { for (let j = 0; j < piece[i].length; j++) { if (piece[i][j]) { const newX = x + j; const newY = y + i; if (newX < 0 || newX >= boardWidth || newY >= boardHeight) { return false; } if (newY >= 0 && board[newY][newX]) { return false; } } } } return true; }; const mergePiece = (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][x + j] = 1; } } } }; const removeFullRows = () => { let numRowsRemoved = 0; for (let y = board.length - 1; y >= 0; y--) { if (board[y].every(block => block)) { board.splice(y, 1); board.unshift(new Array(boardWidth).fill(0)); numRowsRemoved++; score += 10; } } return numRowsRemoved; }; const moveDown = () => { if (canMove(currentX1, currentY1 + 1, currentPiece1) && canMove(currentX2, currentY2 + 1, currentPiece2)) { currentY1++; currentY2++; } else { mergePiece(currentX1, currentY1, currentPiece1); mergePiece(currentX2, currentY2, currentPiece2); const numRowsRemoved = removeFullRows(); score += numRowsRemoved * 100; currentPiece1 = currentPiece2; currentPiece2 = getRandomPiece(); currentX1 = Math.floor((boardWidth - currentPiece1[0].length) / 2); currentX2 = Math.floor((boardWidth - currentPiece2[0].length) / 2); currentY1 = 0; currentY2 = 0; if (!canMove(currentX1, currentY1, currentPiece1) || !canMove(currentX2, currentY2, currentPiece2)) { gameOver = true; } } }; const moveLeft = () => { if (canMove(currentX1 - 1, currentY1, currentPiece1) && canMove(currentX2 - 1, currentY2, currentPiece2)) { currentX1--; currentX2--; } }; const moveRight = () => { if (canMove(currentX1 + 1, currentY1, currentPiece1) && canMove(currentX2 + 1, currentY2, currentPiece2)) { currentX1++; currentX2++; } }; const rotate = (piece) => { const newPiece = new Array(piece[0].length).fill().map(() => new Array(piece.length).fill(0)); for (let i = 0; i < piece.length; i++) { for (let j = 0; j < piece[i].length; j++) { newPiece[j][piece.length - 1 - i] = piece[i][j]; } } return newPiece; }; const rotateLeft = () => { const newPiece1 = rotate(currentPiece1); const newPiece2 = rotate(currentPiece2); if (canMove(currentX1, currentY1, newPiece1) && canMove(currentX2, currentY2, newPiece2)) { currentPiece1 = newPiece1; currentPiece2 = newPiece2; } }; const rotateRight = () => { const newPiece1 = rotate(currentPiece1); const newPiece2 = rotate(currentPiece2); if (canMove(currentX1, currentY1, newPiece1) && canMove(currentX2, currentY2, newPiece2)) { currentPiece1 = newPiece1; currentPiece2 = newPiece2; } }; document.addEventListener('keydown', event => { if (event.keyCode === 37) { moveLeft(); } else if (event.keyCode === 39) { moveRight(); } else if (event.keyCode === 38) { rotateLeft(); } else if (event.keyCode === 40) { rotateRight(); } }); const gameLoop = () => { if (!gameOver) { moveDown(); drawBoard(); drawPiece(currentX1, currentY1, currentPiece1); drawPiece(currentX2, currentY2, currentPiece2); ctx.fillStyle = 'black'; ctx.font = '20px Arial'; ctx.fillText(`Score: ${score}`, 10, 30); setTimeout(gameLoop, 500); } else { ctx.fillStyle = 'black'; ctx.font = '30px Arial'; ctx.fillText('Game Over', 100, 200); } }; gameLoop();

GPTgame

Sign up for free tokens!

Tetris with two pieces falling at the same time

GPTgame