const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const rows = canvas.height / blockSize; const columns = canvas.width / blockSize; let glass = []; for (let row = 0; row < rows; row++) { glass[row] = []; for (let col = 0; col < columns; col++) { glass[row][col] = 0; } } const figures = [ [[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 currentFigure = getRandomFigure(); let currentRow = 0; let currentCol = Math.floor(columns / 2) - Math.floor(currentFigure[0].length / 2); let score = 0; function getRandomFigure() { const randomIndex = Math.floor(Math.random() * figures.length); return figures[randomIndex]; } function drawBlock(row, col, color) { ctx.fillStyle = color; ctx.fillRect(col * blockSize, row * blockSize, blockSize, blockSize); ctx.strokeStyle = 'black'; ctx.strokeRect(col * blockSize, row * blockSize, blockSize, blockSize); } function drawGlass() { for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { const color = glass[row][col] === 0 ? 'white' : 'gray'; drawBlock(row, col, color); } } } function drawCurrentFigure() { for (let row = 0; row < currentFigure.length; row++) { for (let col = 0; col < currentFigure[row].length; col++) { if (currentFigure[row][col]) { const color = 'blue'; drawBlock(currentRow + row, currentCol + col, color); } } } } function checkCollision() { for (let row = 0; row < currentFigure.length; row++) { for (let col = 0; col < currentFigure[row].length; col++) { if (currentFigure[row][col] && (currentRow + row >= rows || glass[currentRow + row][currentCol + col])) { return true; } } } return false; } function mergeFigureWithGlass() { for (let row = 0; row < currentFigure.length; row++) { for (let col = 0; col < currentFigure[row].length; col++) { if (currentFigure[row][col]) { glass[currentRow + row][currentCol + col] = 1; } } } } function checkFullLines() { let fullLines = []; for (let row = 0; row < rows; row++) { if (glass[row].every(cell => cell === 1)) { fullLines.push(row); } } return fullLines; } function removeLines(lines) { for (let i = lines.length - 1; i >= 0; i--) { glass.splice(lines[i], 1); glass.unshift(new Array(columns).fill(0)); } score += lines.length; } function update() { if (!checkCollision()) { currentRow++; } else { mergeFigureWithGlass(); const fullLines = checkFullLines(); if (fullLines.length > 0) { removeLines(fullLines); } currentFigure = getRandomFigure(); currentRow = 0; currentCol = Math.floor(columns / 2) - Math.floor(currentFigure[0].length / 2); if (checkCollision()) { // Game over clearInterval(gameLoop); alert('Game Over! Your score: ' + score); } } } function clearCanvas() { ctx.clearRect(0, 0, canvas.width, canvas.height); } function draw() { clearCanvas(); drawGlass(); drawCurrentFigure(); } function handleKeyPress(event) { if (event.keyCode === 37) { // Left arrow key currentCol--; if (checkCollision()) { currentCol++; } } else if (event.keyCode === 39) { // Right arrow key currentCol++; if (checkCollision()) { currentCol--; } } else if (event.keyCode === 40) { // Down arrow key currentRow++; if (checkCollision()) { currentRow--; } } } document.addEventListener('keydown', handleKeyPress); const gameLoop = setInterval(() => { update(); draw(); }, 500);

GPTgame

Sign up for free tokens!

tetris figures falls down in the glass. each filed line disapears.

GPTgame