const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = canvas.width / blockSize; const boardHeight = canvas.height / blockSize; const shapes = [ [[1, 1, 1], [0, 1, 0]], [[1, 1, 1, 1]], [[1, 1], [1, 1]], [[0, 1, 0], [1, 1, 1]], [[1, 0], [1, 1], [1, 0]], [[1, 0], [1, 1], [0, 1]], [[0, 1], [1, 1], [1, 0]] ]; let currentShape = getRandomShape(); let currentX = Math.floor(boardWidth / 2) - Math.floor(currentShape[0].length / 2); let currentY = 0; function getRandomShape() { const randomIndex = Math.floor(Math.random() * shapes.length); return shapes[randomIndex]; } function drawBlock(x, y) { ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawShape() { for (let y = 0; y < currentShape.length; y++) { for (let x = 0; x < currentShape[y].length; x++) { if (currentShape[y][x]) { drawBlock(currentX + x, currentY + y); } } } } function clearShape() { for (let y = 0; y < currentShape.length; y++) { for (let x = 0; x < currentShape[y].length; x++) { if (currentShape[y][x]) { ctx.clearRect((currentX + x) * blockSize, (currentY + y) * blockSize, blockSize, blockSize); } } } } function isCollision() { for (let y = 0; y < currentShape.length; y++) { for (let x = 0; x < currentShape[y].length; x++) { if (currentShape[y][x] && (currentY + y >= boardHeight || currentX + x < 0 || currentX + x >= boardWidth)) { return true; } } } return false; } function mergeShape() { for (let y = 0; y < currentShape.length; y++) { for (let x = 0; x < currentShape[y].length; x++) { if (currentShape[y][x]) { board[currentY + y][currentX + x] = 1; } } } } function checkLines() { for (let y = boardHeight - 1; y >= 0; y--) { let lineFilled = true; for (let x = 0; x < boardWidth; x++) { if (!board[y][x]) { lineFilled = false; break; } } if (lineFilled) { board.splice(y, 1); board.unshift(Array(boardWidth).fill(0)); } } } function update() { clearShape(); currentY++; if (isCollision()) { currentY--; mergeShape(); checkLines(); currentShape = getRandomShape(); currentX = Math.floor(boardWidth / 2) - Math.floor(currentShape[0].length / 2); currentY = 0; if (isCollision()) { // Game over return; } } drawShape(); } function drawBoard() { for (let y = 0; y < boardHeight; y++) { for (let x = 0; x < boardWidth; x++) { if (board[y][x]) { drawBlock(x, y); } } } } function handleKeyPress(event) { if (event.key === 'ArrowLeft') { clearShape(); currentX--; if (isCollision()) { currentX++; } drawShape(); } else if (event.key === 'ArrowRight') { clearShape(); currentX++; if (isCollision()) { currentX--; } drawShape(); } else if (event.key === 'ArrowDown') { clearShape(); currentY++; if (isCollision()) { currentY--; } drawShape(); } } document.addEventListener('keydown', handleKeyPress); let board = []; for (let y = 0; y < boardHeight; y++) { board.push(Array(boardWidth).fill(0)); } setInterval(() => { update(); drawBoard(); }, 500

GPTgame

Sign up for free tokens!

Tetris en forma de figuras inusuales. Triángulos, rombos y así sucesivamente

GPTgame