const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const columns = canvas.width / blockSize; const rows = canvas.height / blockSize; const tetrominoes = [ [[1, 1, 1, 1]], [[1, 1], [1, 1]], [[1, 1, 0], [0, 1, 1]], [[0, 1, 1], [1, 1, 0]], [[1, 1, 1], [0, 1, 0]], [[1, 1, 1], [1, 0, 0]], [[1, 1, 1], [0, 0, 1]], ]; let currentTetromino = getRandomTetromino(); let currentX = Math.floor(columns / 2) - Math.floor(currentTetromino[0].length / 2); let currentY = 0; let gameGrid = createGrid(); let lastTime = 0; let deltaTime = 0; const dropInterval = 1000; let dropTimer = 0; document.addEventListener('keydown', handleKeyPress); function handleKeyPress(event) { if (event.keyCode === 37) { moveTetromino(-1, 0); } else if (event.keyCode === 39) { moveTetromino(1, 0); } else if (event.keyCode === 40) { dropTetromino(); } else if (event.keyCode === 38) { rotateTetromino(); } } function getRandomTetromino() { const randomIndex = Math.floor(Math.random() * tetrominoes.length); return tetrominoes[randomIndex]; } function createGrid() { const grid = []; for (let row = 0; row < rows; row++) { grid[row] = []; for (let col = 0; col < columns; col++) { grid[row][col] = 0; } } return grid; } function drawBlock(x, y) { ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawTetromino() { for (let row = 0; row < currentTetromino.length; row++) { for (let col = 0; col < currentTetromino[row].length; col++) { if (currentTetromino[row][col]) { drawBlock(currentX + col, currentY + row); } } } } function drawGrid() { for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { if (gameGrid[row][col]) { drawBlock(col, row); } } } } function clearCanvas() { ctx.clearRect(0, 0, canvas.width, canvas.height); } function moveTetromino(deltaX, deltaY) { if (!isCollision(currentTetromino, currentX + deltaX, currentY + deltaY)) { currentX += deltaX; currentY += deltaY; } } function rotateTetromino() { const rotatedTetromino = transposeMatrix(currentTetromino); if (!isCollision(rotatedTetromino, currentX, currentY)) { currentTetromino = rotatedTetromino; } } function isCollision(tetromino, x, y) { for (let row = 0; row < tetromino.length; row++) { for (let col = 0; col < tetromino[row].length; col++) { if (tetromino[row][col] && (gameGrid[y + row] && gameGrid[y + row][x + col]) !== 0) { 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]) { gameGrid[currentY + row][currentX + col] = 1; } } } } function checkFullRows() { for (let row = rows - 1; row >= 0; row--) { if (gameGrid[row].every(block => block !== 0)) { gameGrid.splice(row, 1); gameGrid.unshift(Array(columns).fill(0)); } } } function update(deltaTime) { dropTimer += deltaTime; if (dropTimer >= dropInterval) { dropTetromino(); } clearCanvas(); drawGrid(); drawTetromino(); } function dropTetromino() { if (!isCollision(currentTetromino, currentX, currentY + 1)) { currentY++; } else { mergeTetromino(); checkFullRows(); currentTetromino = getRandomTetromino(); currentX = Math.floor(columns / 2) - Math.floor(currentTetromino[0].length / 2); currentY = 0; if (isCollision(currentTetromino, currentX, currentY)) { // Game over gameGrid = createGrid(); } } dropTimer = 0; } function gameLoop(timeStamp) { deltaTime = timeStamp - lastTime; lastTime = timeStamp; update(deltaTime); requestAnimationFrame(gameLoop); } gameLoop();

GPTgame

Sign up for free tokens!

Simple version of Tetris, cotrols via left-right, up-down keys

GPTgame