const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = 10; const boardHeight = 20; const board = Array.from({ length: boardHeight }, () => Array(boardWidth).fill(0)); const colors = ['#000000', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF', '#C0C0C0']; let currentPiece = getRandomPiece(); let currentX = 3; let currentY = 0; let score = 0; let gameLoop; function getRandomPiece() { const pieces = [ [[1, 1, 1], [0, 1, 0]], [[0, 2, 2], [2, 2, 0]], [[3, 3, 0], [0, 3, 3]], [[4, 0, 0], [4, 4, 4]], [[0, 0, 5], [5, 5, 5]], [[6, 6], [6, 6]], [[7, 7, 7, 7]], ]; const randomIndex = Math.floor(Math.random() * pieces.length); return pieces[randomIndex]; } function drawBlock(x, y, color) { ctx.fillStyle = colors[color]; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawBoard() { for (let y = 0; y < boardHeight; y++) { for (let x = 0; x < boardWidth; x++) { if (board[y][x]) { drawBlock(x, y, board[y][x]); } } } } function drawPiece() { for (let y = 0; y < currentPiece.length; y++) { for (let x = 0; x < currentPiece[y].length; x++) { if (currentPiece[y][x]) { drawBlock(currentX + x, currentY + y, currentPiece[y][x]); } } } } function clearPiece() { for (let y = 0; y < currentPiece.length; y++) { for (let x = 0; x < currentPiece[y].length; x++) { if (currentPiece[y][x]) { drawBlock(currentX + x, currentY + y, 0); } } } } function canMovePiece(newX, newY, newPiece) { for (let y = 0; y < newPiece.length; y++) { for (let x = 0; x < newPiece[y].length; x++) { if (newPiece[y][x]) { const proposedX = newX + x; const proposedY = newY + y; if (proposedX < 0 || proposedX >= boardWidth || proposedY >= boardHeight || board[proposedY][proposedX]) { return false; } } } } return true; } function placePiece() { for (let y = 0; y < currentPiece.length; y++) { for (let x = 0; x < currentPiece[y].length; x++) { if (currentPiece[y][x]) { board[currentY + y][currentX + x] = currentPiece[y][x]; } } } } function checkForFullRows() { let fullRows = 0; for (let y = 0; y < boardHeight; y++) { if (board[y].every(block => block !== 0)) { board.splice(y, 1); board.unshift(Array(boardWidth).fill(0)); fullRows++; } } score += fullRows ** 2; } function gameOver() { clearInterval(gameLoop); ctx.fillStyle = '#FFFFFF'; ctx.font = '30px Arial'; ctx.textAlign = 'center'; ctx.fillText('Game Over', canvas.width / 2, canvas.height / 2); } function gameLoopFunction() { clearPiece(); if (canMovePiece(currentX, currentY + 1, currentPiece)) { currentY++; } else { placePiece(); checkForFullRows(); currentPiece = getRandomPiece(); currentX = 3; currentY = 0; if (!canMovePiece(currentX, currentY, currentPiece)) { gameOver(); return; } } drawBoard(); drawPiece(); ctx.fillStyle = '#FFFFFF'; ctx.font = '20px Arial'; ctx.textAlign = 'left'; ctx.fillText(`Score: ${score}`, 10, 30); } document.addEventListener('keydown', event => { if (event.keyCode === 37 && canMovePiece(currentX - 1, currentY, currentPiece)) { clearPiece(); currentX--; drawPiece(); } else if (event.keyCode === 39 && canMovePiece(currentX + 1, currentY, currentPiece)) { clearPiece(); currentX++; drawPiece(); } else if (event.keyCode === 40 && canMovePiece(currentX, currentY + 1, currentPiece)) { clearPiece(); currentY++; drawPiece(); } else if (event.keyCode === 38) { const rotatedPiece = currentPiece[0].map((val, index) => currentPiece.map(row => row[index]).reverse()); if (canMovePiece(currentX, currentY, rotatedPiece)) { clearPiece(); currentPiece = rotatedPiece; drawPiece(); } } }); gameLoop = setInterval(gameLoopFunction, 500);

GPTgame

Sign up for free tokens!

Tetris but with 3 cubes instead of 4

GPTgame