const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = 10; const boardHeight = 20; const board = []; let currentPiece = null; let currentX = 0; let currentY = 0; let score = 0; let gameOver = false; // Create board for (let row = 0; row < boardHeight; row++) { board[row] = []; for (let col = 0; col < boardWidth; col++) { board[row][col] = 0; } } // Create pieces const pieces = [ [1, 1, 1, 1], // I [1, 1, 0, 0, 1, 1], // O [0, 1, 1, 1, 1], // Z [1, 1, 1, 0, 0, 1], // L [1, 1, 1, 0, 1], // J [0, 1, 1, 0, 1, 1], // S [0, 1, 0, 0, 1, 1, 1], // T ]; // Draw block function drawBlock(x, y) { ctx.fillRect(blockSize * x, blockSize * y, blockSize, blockSize); ctx.strokeRect(blockSize * x, blockSize * y, blockSize, blockSize); } // Draw board function drawBoard() { for (let row = 0; row < boardHeight; row++) { for (let col = 0; col < boardWidth; col++) { if (board[row][col]) { ctx.fillStyle = 'red'; drawBlock(col, row); } } } } // Draw current piece function drawPiece() { ctx.fillStyle = 'blue'; for (let row = 0; row < currentPiece.length; row++) { for (let col = 0; col < currentPiece[row].length; col++) { if (currentPiece[row][col]) { drawBlock(currentX + col, currentY + row); } } } } // Check collision function checkCollision(x, y, piece) { for (let row = 0; row < piece.length; row++) { for (let col = 0; col < piece[row].length; col++) { if (piece[row][col]) { const newX = currentX + col + x; const newY = currentY + row + y; if (newX < 0 || newX >= boardWidth || newY >= boardHeight || board[newY][newX]) { return true; } } } } return false; } // Rotate piece function rotatePiece(piece) { const newPiece = []; for (let row = 0; row < piece[0].length; row++) { newPiece[row] = []; for (let col = 0; col < piece.length; col++) { newPiece[row][col] = piece[piece.length - 1 - col][row]; } } return newPiece; } // Add piece to board function addPieceToBoard() { for (let row = 0; row < currentPiece.length; row++) { for (let col = 0; col < currentPiece[row].length; col++) { if (currentPiece[row][col]) { board[currentY + row][currentX + col] = 1; } } } } // Clear rows function clearRows() { for (let row = boardHeight - 1; row >= 0; row--) { let rowFilled = true; for (let col = 0; col < boardWidth; col++) { if (board[row][col] === 0) { rowFilled = false; break; } } if (rowFilled) { for (let y = row; y > 0; y--) { for (let col = 0; col < boardWidth; col++) { board[y][col] = board[y - 1][col]; } } row++; score += 10; } } } // Game loop function gameLoop() { if (gameOver) { return; } currentY++; if (checkCollision(0, 1, currentPiece)) { currentY--; addPieceToBoard(); clearRows(); currentPiece = pieces[Math.floor(Math.random() * pieces.length)]; currentX = Math.floor((boardWidth - currentPiece[0].length) / 2); currentY = 0; if (checkCollision(0, 0, currentPiece)) { gameOver = true; } } ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); ctx.fillStyle = 'black'; ctx.fillText(`Score: ${score}`, 0, 10); setTimeout(gameLoop, 500); } // Handle key events document.addEventListener('keydown', event => { switch (event.keyCode) { case 37: // Left arrow if (!checkCollision(-1, 0, currentPiece)) { currentX--; } break; case 38: // Up arrow const rotatedPiece = rotatePiece(currentPiece); if (!checkCollision(0, 0, rotatedPiece)) { currentPiece = rotatedPiece; } break; case 39: // Right arrow if (!checkCollision(1, 0, currentPiece)) { currentX++; } break; case 40: // Down arrow if (!checkCollision(0, 1, currentPiece)) { currentY++; } break; } }); // Start game currentPiece = pieces[Math.floor(Math.random() * pieces.length)]; currentX = Math.floor((boardWidth - currentPiece[0].length) / 2); gameLoop();

GPTgame

Sign up for free tokens!

create tetris game for me in retro style

GPTgame