const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const boardWidth = 10; const boardHeight = 20; const board = []; for (let row = 0; row < boardHeight; row++) { board[row] = []; for (let col = 0; col < boardWidth; col++) { board[row][col] = 0; } } const tetriminos = [ [[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 currentTetrimino = getRandomTetrimino(); let currentRow = 0; let currentCol = Math.floor(boardWidth / 2) - Math.floor(currentTetrimino[0].length / 2); let turnsLeft = 10; function getRandomTetrimino() { const randomIndex = Math.floor(Math.random() * tetriminos.length); return tetriminos[randomIndex]; } function drawBlock(row, col) { ctx.fillRect(col * blockSize, row * blockSize, blockSize, blockSize); ctx.strokeRect(col * blockSize, row * blockSize, blockSize, blockSize); } function drawBoard() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (let row = 0; row < boardHeight; row++) { for (let col = 0; col < boardWidth; col++) { if (board[row][col]) { ctx.fillStyle = 'black'; drawBlock(row, col); } } } } function drawTetrimino() { ctx.fillStyle = 'red'; for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { drawBlock(currentRow + row, currentCol + col); } } } } function canMoveDown() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { if (currentRow + row + 1 >= boardHeight || board[currentRow + row + 1][currentCol + col]) { return false; } } } } return true; } function moveDown() { if (canMoveDown()) { currentRow++; } else { mergeTetrimino(); checkLines(); currentTetrimino = getRandomTetrimino(); currentRow = 0; currentCol = Math.floor(boardWidth / 2) - Math.floor(currentTetrimino[0].length / 2); turnsLeft--; } } function canMoveLeft() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { if (currentCol + col - 1 < 0 || board[currentRow + row][currentCol + col - 1]) { return false; } } } } return true; } function moveLeft() { if (canMoveLeft()) { currentCol--; } } function canMoveRight() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { if (currentCol + col + 1 >= boardWidth || board[currentRow + row][currentCol + col + 1]) { return false; } } } } return true; } function moveRight() { if (canMoveRight()) { currentCol++; } } function rotateTetrimino() { const newTetrimino = []; for (let col = 0; col < currentTetrimino[0].length; col++) { newTetrimino[col] = []; for (let row = 0; row < currentTetrimino.length; row++) { newTetrimino[col][row] = currentTetrimino[currentTetrimino.length - 1 - row][col]; } } if (isValidMove(newTetrimino, currentRow, currentCol)) { currentTetrimino = newTetrimino; } } function isValidMove(tetrimino, row, col) { for (let tetriminoRow = 0; tetriminoRow < tetrimino.length; tetriminoRow++) { for (let tetriminoCol = 0; tetriminoCol < tetrimino[tetriminoRow].length; tetriminoCol++) { if (tetrimino[tetriminoRow][tetriminoCol]) { const boardRow = row + tetriminoRow; const boardCol = col + tetriminoCol; if (boardRow < 0 || boardRow >= boardHeight || boardCol < 0 || boardCol >= boardWidth || board[boardRow][boardCol]) { return false; } } } } return true; } function mergeTetrimino() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { board[currentRow + row][currentCol + col] = 1; } } } } function checkLines() { for (let row = boardHeight - 1; row >= 0; row--) { if (board[row].every(cell => cell)) { board.splice(row, 1); board.unshift(Array(boardWidth).fill(0)); } } } function handleKeyPress(event) { switch (event.keyCode) { case 37: // Left arrow key moveLeft(); break; case 39: // Right arrow key moveRight(); break; case 40: // Down arrow key moveDown(); break; case 38: // Up arrow key rotateTetrimino(); break; } } function gameLoop() { drawBoard(); drawTetrimino(); if (turnsLeft > 0) { moveDown(); turnsLeft--; } } document.addEventListener('keydown', handleKeyPress); setInterval(gameLoop, 500);

GPTgame

Sign up for free tokens!

Turn-based tetris with limited turns

GPTgame