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] = 'black'; } } const pieces = [ [ [1, 1, 1, 1], ['transparent', 'cyan', 'transparent', 'transparent'] ], [ [1, 1, 0], ['transparent', 'yellow', 'transparent'] ], [ [1, 1, 0], ['transparent', 'purple', 'transparent'] ], [ [1, 1, 1], ['transparent', 'green', 'transparent'] ], [ [1, 1, 0], ['transparent', 'blue', 'blue'] ], [ [1, 1, 0], ['transparent', 'orange', 'orange'] ], [ [1, 1, 1], ['transparent', 'red', 'transparent'] ] ]; let currentPiece = { x: 0, y: 0, shape: 0 }; 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++) { drawBlock(col, row, board[row][col]); } } } function drawPiece() { for (let row = 0; row < pieces[currentPiece.shape][0].length; row++) { for (let col = 0; col < pieces[currentPiece.shape][0][row].length; col++) { if (pieces[currentPiece.shape][0][row][col]) { drawBlock(currentPiece.x + col, currentPiece.y + row, pieces[currentPiece.shape][1][row][col]); } } } } function isValidMove(piece, newX, newY) { for (let row = 0; row < piece[0].length; row++) { for (let col = 0; col < piece[0][row].length; col++) { if (piece[0][row][col]) { let futureX = newX + col; let futureY = newY + row; if (futureX < 0 || futureX >= boardWidth || futureY >= boardHeight) { return false; } if (futureY >= 0 && board[futureY][futureX] !== 'black') { return false; } } } } return true; } function rotatePiece(piece) { const newPiece = [[], []]; for (let row = 0; row < piece[0].length; row++) { newPiece[0][row] = []; newPiece[1][row] = []; for (let col = 0; col < piece[0][row].length; col++) { newPiece[0][row][col] = piece[0][piece[0].length - col - 1][row]; newPiece[1][row][col] = piece[1][piece[1].length - col - 1][row]; } } return newPiece; } function dropPiece() { if (isValidMove(pieces[currentPiece.shape], currentPiece.x, currentPiece.y + 1)) { currentPiece.y++; } else { mergePiece(); clearLines(); currentPiece.x = 0; currentPiece.y = 0; currentPiece.shape = Math.floor(Math.random() * pieces.length); if (!isValidMove(pieces[currentPiece.shape], currentPiece.x, currentPiece.y)) { for (let row = 0; row < boardHeight; row++) { for (let col = 0; col < boardWidth; col++) { board[row][col] = 'black'; } } } } } function mergePiece() { for (let row = 0; row < pieces[currentPiece.shape][0].length; row++) { for (let col = 0; col < pieces[currentPiece.shape][0][row].length; col++) { if (pieces[currentPiece.shape][0][row][col]) { board[currentPiece.y + row][currentPiece.x + col] = pieces[currentPiece.shape][1][row][col]; } } } } function clearLines() { for (let row = boardHeight - 1; row >= 0; row--) { let isRowFull = true; for (let col = 0; col < boardWidth; col++) { if (board[row][col] === 'black') { isRowFull = false; break; } } if (isRowFull) { for (let r = row; r > 0; r--) { for (let c = 0; c < boardWidth; c++) { board[r][c] = board[r - 1][c]; } } row++; } } } function movePieceLeft() { if (isValidMove(pieces[currentPiece.shape], currentPiece.x - 1, currentPiece.y)) { currentPiece.x--; } } function movePieceRight() { if (isValidMove(pieces[currentPiece.shape], currentPiece.x + 1, currentPiece.y)) { currentPiece.x++; } } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); } function gameLoop() { draw(); dropPiece(); } document.addEventListener('keydown', event => { if (event.key === 'ArrowLeft') { movePieceLeft(); } else if (event.key === 'ArrowRight') { movePieceRight(); } else if (event.key === 'ArrowDown') { dropPiece(); } else if (event.key === 'ArrowUp') { const rotatedPiece = rotatePiece(pieces[currentPiece.shape]); if (isValidMove(rotatedPiece, currentPiece.x, currentPiece.y)) { pieces[currentPiece.shape] = rotatedPiece; } } }); setInterval(gameLoop, 500);

GPTgame

Sign up for free tokens!

Creame un tetris que sea colorido

GPTgame