const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 30; const boardWidth = 10; const boardHeight = 20; const board = []; for (let row = 0; row < boardHeight; row++) { board[row] = []; for (let col = 0; col < boardWidth; col++) { board[row][col] = 0; } } const pieces = [ [ [1, 1], [1, 1], ], [ [1, 1, 1, 1], ], [ [0, 1, 1], [1, 1, 0], ], [ [1, 1, 0], [0, 1, 1], ], [ [0, 1, 0], [1, 1, 1], ], [ [1, 0, 0], [1, 1, 1], ], [ [0, 0, 1], [1, 1, 1], ], ]; const colors = [ 'red', 'yellow', 'green', ]; let currentPiece = null; let currentPieceColor = null; let currentPieceRow = 0; let currentPieceCol = 0; function newPiece() { const pieceIndex = Math.floor(Math.random() * pieces.length); currentPiece = pieces[pieceIndex]; currentPieceColor = colors[pieceIndex % colors.length]; currentPieceRow = 0; currentPieceCol = Math.floor((boardWidth - currentPiece[0].length) / 2); } function drawBlock(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = 'black'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawBoard() { for (let row = 0; row < boardHeight; row++) { for (let col = 0; col < boardWidth; col++) { const color = board[row][col] || 'white'; drawBlock(col, row, color); } } } function drawPiece() { for (let row = 0; row < currentPiece.length; row++) { for (let col = 0; col < currentPiece[row].length; col++) { if (currentPiece[row][col]) { const x = currentPieceCol + col; const y = currentPieceRow + row; drawBlock(x, y, currentPieceColor); } } } } function canMovePiece(deltaRow, deltaCol) { for (let row = 0; row < currentPiece.length; row++) { for (let col = 0; col < currentPiece[row].length; col++) { if (currentPiece[row][col]) { const x = currentPieceCol + col + deltaCol; const y = currentPieceRow + row + deltaRow; if (y < 0 || x < 0 || y >= boardHeight || x >= boardWidth || board[y][x]) { return false; } } } } return true; } function placePiece() { for (let row = 0; row < currentPiece.length; row++) { for (let col = 0; col < currentPiece[row].length; col++) { if (currentPiece[row][col]) { const x = currentPieceCol + col; const y = currentPieceRow + row; board[y][x] = currentPieceColor; } } } } function checkRows() { let rowsCleared = 0; for (let row = 0; row < boardHeight; row++) { if (board[row].every((cell) => cell !== 0)) { board.splice(row, 1); board.unshift(new Array(boardWidth).fill(0)); rowsCleared++; } } return rowsCleared; } let gameOver = false; let score = 0; function gameLoop() { if (gameOver) { return; } if (!currentPiece) { newPiece(); if (!canMovePiece(0, 0)) { gameOver = true; return; } } if (canMovePiece(1, 0)) { currentPieceRow++; } else { placePiece(); const rowsCleared = checkRows(); score += rowsCleared * rowsCleared * 100; newPiece(); if (!canMovePiece(0, 0)) { gameOver = true; return; } } ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); ctx.fillStyle = 'black'; ctx.fillText(`Score: ${score}`, 10, 20); } document.addEventListener('keydown', (event) => { switch (event.keyCode) { case 37: // left if (canMovePiece(0, -1)) { currentPieceCol--; } break; case 38: // up let rotatedPiece = []; for (let col = 0; col < currentPiece[0].length; col++) { rotatedPiece[col] = []; for (let row = 0; row < currentPiece.length; row++) { rotatedPiece[col][row] = currentPiece[currentPiece.length - 1 - row][col]; } } if (canMovePiece(0, 0, rotatedPiece)) { currentPiece = rotatedPiece; } break; case 39: // right if (canMovePiece(0, 1)) { currentPieceCol++; } break; case 40: // down if (canMovePiece(1, 0)) { currentPieceRow++; } break; } }); setInterval(gameLoop, 100);

GPTgame

Sign up for free tokens!

tetris with various colors. include red, yellow, green.

GPTgame