const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 30; const boardWidth = 10; const boardHeight = 20; const board = []; for (let i = 0; i < boardHeight; i++) { board.push(new Array(boardWidth).fill(0)); } let currentPiece = { x: 0, y: 0, shape: [ [1, 1, 1], [0, 1, 0] ] }; function drawBlock(x, y) { 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] !== 0) { ctx.fillStyle = board[y][x]; drawBlock(x, y); } } } } function drawPiece() { ctx.fillStyle = 'red'; for (let y = 0; y < currentPiece.shape.length; y++) { for (let x = 0; x < currentPiece.shape[y].length; x++) { if (currentPiece.shape[y][x] !== 0) { drawBlock(currentPiece.x + x, currentPiece.y + y); } } } } 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] !== 0) { const boardX = x + col; const boardY = y + row; if (boardX < 0 || boardX >= boardWidth || boardY >= boardHeight) { return true; } if (boardY >= 0 && board[boardY][boardX] !== 0) { return true; } } } } return false; } function mergePiece() { for (let y = 0; y < currentPiece.shape.length; y++) { for (let x = 0; x < currentPiece.shape[y].length; x++) { if (currentPiece.shape[y][x] !== 0) { board[currentPiece.y + y][currentPiece.x + x] = 'red'; } } } } function rotatePiece(piece) { const newPiece = []; for (let y = 0; y < piece[0].length; y++) { const newRow = []; for (let x = piece.length - 1; x >= 0; x--) { newRow.push(piece[x][y]); } newPiece.push(newRow); } return newPiece; } function clearLines() { for (let y = boardHeight - 1; y >= 0; y--) { if (board[y].every(block => block !== 0)) { board.splice(y, 1); board.unshift(new Array(boardWidth).fill(0)); } } } function movePieceDown() { if (!checkCollision(currentPiece.x, currentPiece.y + 1, currentPiece.shape)) { currentPiece.y++; } else { mergePiece(); clearLines(); currentPiece.x = 0; currentPiece.y = 0; if (checkCollision(currentPiece.x, currentPiece.y, currentPiece.shape)) { board.forEach(row => row.fill(0)); } currentPiece.shape = [ [1, 1, 1], [0, 1, 0] ]; } } function movePieceLeft() { if (!checkCollision(currentPiece.x - 1, currentPiece.y, currentPiece.shape)) { currentPiece.x--; } } function movePieceRight() { if (!checkCollision(currentPiece.x + 1, currentPiece.y, currentPiece.shape)) { currentPiece.x++; } } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); } function update() { movePieceDown(); draw(); } document.addEventListener('keydown', event => { if (event.key === 'ArrowLeft') { movePieceLeft(); } else if (event.key === 'ArrowRight') { movePieceRight(); } else if (event.key === 'ArrowUp') { const rotatedPiece = rotatePiece(currentPiece.shape); if (!checkCollision(currentPiece.x, currentPiece.y, rotatedPiece)) { currentPiece.shape = rotatedPiece; } } draw(); }); setInterval(update

GPTgame

Sign up for free tokens!

Code.Tetris but every time you went.

GPTgame