const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = 10; const boardHeight = 20; const colors = [ '#FF0000', // red '#FFFF00', // yellow '#00FF00', // green '#0000FF', // blue '#FF00FF', // magenta '#00FFFF', // cyan '#FFA500' // orange ]; const tetrominoes = [ [ [1, 1, 1, 1] ], // I [ [1, 1], [1, 1] ], // O [ [1, 1, 0], [0, 1, 1] ], // Z [ [0, 1, 1], [1, 1, 0] ], // S [ [1, 1, 1], [0, 1, 0] ], // T [ [1, 1, 1], [0, 0, 1] ], // L [ [1, 1, 1], [1, 0, 0] ] // J ]; let board = []; let currentTetromino = []; let currentTetrominoX = 0; let currentTetrominoY = 0; let currentTetrominoColor = ''; let score = 0; function init() { for (let row = 0; row < boardHeight; row++) { board[row] = []; for (let col = 0; col < boardWidth; col++) { board[row][col] = ''; } } } function drawBlock(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = '#000000'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawBoard() { for (let row = 0; row < boardHeight; row++) { for (let col = 0; col < boardWidth; col++) { if (board[row][col] !== '') { drawBlock(col, row, board[row][col]); } } } } function drawTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col] === 1) { drawBlock(currentTetrominoX + col, currentTetrominoY + row, currentTetrominoColor); } } } } function checkCollision() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if ( currentTetromino[row][col] === 1 && (currentTetrominoY + row >= boardHeight || currentTetrominoX + col < 0 || currentTetrominoX + col >= boardWidth || board[currentTetrominoY + row][currentTetrominoX + col] !== '') ) { return true; } } } return false; } function mergeTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col] === 1) { board[currentTetrominoY + row][currentTetrominoX + col] = currentTetrominoColor; } } } } function clearLines() { for (let row = boardHeight - 1; row >= 0; row--) { if (board[row].every(cell => cell !== '')) { board.splice(row, 1); board.unshift(new Array(boardWidth).fill('')); score += 10; } } } function rotateTetromino() { const rotatedTetromino = []; for (let col = 0; col < currentTetromino[0].length; col++) { const newRow = []; for (let row = currentTetromino.length - 1; row >= 0; row--) { newRow.push(currentTetromino[row][col]); } rotatedTetromino.push(newRow); } return rotatedTetromino; } function getRandomTetromino() { const randomIndex = Math.floor(Math.random() * tetrominoes.length); return tetrominoes[randomIndex]; } function spawnTetromino() { currentTetromino = getRandomTetromino(); currentTetrominoX = Math.floor(boardWidth / 2) - Math.floor(currentTetromino[0].length / 2); currentTetrominoY = 0; currentTetrominoColor = colors[Math.floor(Math.random() * colors.length)]; if (checkCollision()) { gameOver(); } } function moveTetromino(dirX, dirY) { currentTetrominoX += dirX; currentTetrominoY += dirY; if (checkCollision()) { currentTetrominoX -= dirX; currentTetrominoY -= dirY; } } function handleKeyPress(event) { if (event.key === 'ArrowLeft') { moveTetromino(-1, 0); } else if (event.key === 'ArrowRight') { moveTetromino(1, 0); } else if (event.key === 'ArrowDown') { moveTetromino(0, 1); } else if (event.key === 'ArrowUp') { const rotatedTetromino = rotateTetromino(); if (!checkCollision(rotatedTetromino)) { currentTetromino = rotatedTetromino; } } } function gameOver() { alert('Game Over!'); init(); score = 0; } function gameLoop() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawTetromino(); if (!checkCollision()) { moveTetromino(0, 1); } else { mergeTetromino(); clearLines(); spawnTetromino(); } if (score >= 100) { alert('Congratulations! You won!'); init(); score = 0; } requestAnimationFrame(gameLoop); } init(); document.addEventListener('keydown', handleKeyPress); spawnTetromino(); gameLoop();

GPTgame

Sign up for free tokens!

under the anthem of China tetris

GPTgame