const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 30; const boardWidth = 10; const boardHeight = 20; const board = []; let currentPiece, currentX, currentY; let score = 0; function drawSquare(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = 'black'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function createBoard() { for (let i = 0; i < boardWidth; i++) { board[i] = []; for (let j = 0; j < boardHeight; j++) { board[i][j] = 'white'; } } } function drawBoard() { for (let i = 0; i < boardWidth; i++) { for (let j = 0; j < boardHeight; j++) { drawSquare(i, j, board[i][j]); } } } function checkCollision(x, y, piece) { for (let i = 0; i < piece.length; i++) { for (let j = 0; j < piece[i].length; j++) { if (piece[i][j] && (board[x + i] && board[x + i][y + j]) !== 'white') { return true; } } } return false; } function drawPiece() { for (let i = 0; i < currentPiece.length; i++) { for (let j = 0; j < currentPiece[i].length; j++) { if (currentPiece[i][j]) { drawSquare(currentX + i, currentY + j, currentPiece[i][j]); } } } } function rotatePiece(piece) { const newPiece = []; for (let i = 0; i < piece[0].length; i++) { newPiece[i] = []; for (let j = 0; j < piece.length; j++) { newPiece[i][j] = piece[piece.length - 1 - j][i]; } } return newPiece; } function getRandomPiece() { const pieces = [ [[1, 1, 1, 1]], [[1, 1, 1], [0, 1, 0]], [[1, 1, 1], [1, 0, 0]], [[1, 1, 0], [0, 1, 1]], [[1, 1], [1, 1]], [[1, 1, 0], [0, 1, 1]] ]; return pieces[Math.floor(Math.random() * pieces.length)]; } function dropPiece() { if (!checkCollision(currentX, currentY + 1, currentPiece)) { currentY++; } else { mergePiece(); clearLines(); currentPiece = getRandomPiece(); currentX = Math.floor(boardWidth / 2) - Math.floor(currentPiece.length / 2); currentY = 0; if (checkCollision(currentX, currentY, currentPiece)) { resetGame(); } } } function mergePiece() { for (let i = 0; i < currentPiece.length; i++) { for (let j = 0; j < currentPiece[i].length; j++) { if (currentPiece[i][j]) { board[currentX + i][currentY + j] = currentPiece[i][j]; } } } } function clearLines() { for (let j = boardHeight - 1; j >= 0; j--) { let isLineFull = true; for (let i = 0; i < boardWidth; i++) { if (board[i][j] === 'white') { isLineFull = false; break; } } if (isLineFull) { for (let y = j; y > 0; y--) { for (let i = 0; i < boardWidth; i++) { board[i][y] = board[i][y - 1]; } } score += 10; j++; } } } function resetGame() { createBoard(); score = 0; } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); drawScore(); } function drawScore() { ctx.fillStyle = 'black'; ctx.font = '20px Arial'; ctx.fillText('Score: ' + score, 10, 30); } function gameLoop() { dropPiece(); draw(); requestAnimationFrame(gameLoop); } document.addEventListener('keydown', function (event) { if (event.keyCode === 37) { if (!checkCollision(currentX - 1, currentY, currentPiece)) { currentX--; } } else if (event.keyCode === 39) { if (!checkCollision(currentX + 1, currentY, currentPiece)) { currentX++; } } else if (event.keyCode === 40) { dropPiece(); } else if (event.keyCode === 38) { const rotatedPiece = rotatePiece(currentPiece); if (!checkCollision(currentX, currentY, rotatedPiece)) { currentPiece = rotatedPiece; } } }); createBoard(); currentPiece = getRandomPiece(); currentX = Math.floor(boardWidth / 2) - Math.floor(currentPiece.length / 2); currentY = 0;

GPTgame

Sign up for free tokens!

Game tetris Pixel art, fitur-fitur coin dan item upgrade toko untuk di beli

GPTgame