const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const rows = canvas.height / blockSize; const columns = canvas.width / blockSize; let score = 0; const origin = [ [1, 1], [1, 1] ]; const shapes = [ [ [1, 1, 1], [0, 1, 0], [0, 1, 0] ], [ [0, 1, 1], [1, 1, 0], [0, 0, 0] ], [ [1, 1, 0], [0, 1, 1], [0, 0, 0] ], [ [0, 1, 0], [1, 1, 1], [0, 0, 0] ], [ [1, 0, 0], [1, 1, 1], [0, 0, 0] ], [ [0, 0, 1], [1, 1, 1], [0, 0, 0] ], [ [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 drawShape(x, y, shape) { shape.forEach((row, rowIndex) => { row.forEach((block, columnIndex) => { if (block) { drawBlock(x + columnIndex, y + rowIndex); } }); }); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawShape(currentShape.x, currentShape.y, currentShape.shape); for (let y = 0; y < rows; y++) { for (let x = 0; x < columns; x++) { if (board[y][x]) { drawBlock(x, y); } } } ctx.fillStyle = 'black'; ctx.font = '20px Arial'; ctx.fillText(`Score: ${score}`, 10, 30); } function rotateShape(shape) { const rotatedShape = []; for (let y = 0; y < shape.length; y++) { rotatedShape.push([]); for (let x = 0; x < shape.length; x++) { rotatedShape[y][x] = shape[shape.length - x - 1][y]; } } return rotatedShape; } function canMoveTo(x, y, shape) { for (let row = 0; row < shape.length; row++) { for (let column = 0; column < shape[row].length; column++) { if (shape[row][column]) { const newX = x + column; const newY = y + row; if (newX < 0 || newX >= columns || newY >= rows) { return false; } if (newY < 0) { continue; } if (board[newY][newX]) { return false; } } } } return true; } function mergeBoard() { currentShape.shape.forEach((row, rowIndex) => { row.forEach((block, columnIndex) => { if (block) { board[currentShape.y + rowIndex][currentShape.x + columnIndex] = block; } }); }); } function clearLines() { let linesCleared = 0; for (let y = 0; y < rows; y++) { let rowFilled = true; for (let x = 0; x < columns; x++) { if (!board[y][x]) { rowFilled = false; break; } } if (rowFilled) { board.splice(y, 1); board.unshift(new Array(columns).fill(0)); linesCleared++; } } score += linesCleared * 10; } function drop() { if (canMoveTo(currentShape.x, currentShape.y + 1, currentShape.shape)) { currentShape.y++; } else { mergeBoard(); clearLines(); currentShape = getRandomShape(); } } function getRandomShape() { const shape = shapes[Math.floor(Math.random() * shapes.length)]; return { shape, x: Math.floor(columns / 2) - Math.floor(shape.length / 2), y: 0 }; } let board = []; for (let y = 0; y < rows; y++) { board[y] = []; for (let x = 0; x < columns; x++) { board[y][x] = 0; } } let currentShape = getRandomShape(); document.addEventListener('keydown', event => { if (event.keyCode === 37 && canMoveTo(currentShape.x - 1, currentShape.y, currentShape.shape)) { currentShape.x--; } else if (event.keyCode === 39 && canMoveTo(currentShape.x + 1, currentShape.y, currentShape.shape)) { currentShape.x++; } else if (event.keyCode === 40 && canMoveTo(currentShape.x, currentShape.y + 1, currentShape.shape)) { currentShape.y++; } else if (event.keyCode === 38) { currentShape.shape = rotateShape(currentShape.shape); if (!canMoveTo(currentShape.x, currentShape.y, currentShape.shape)) { currentShape.shape = rotateShape(currentShape.shape); currentShape.shape = rotateShape(currentShape.shape); currentShape.shape = rotateShape(currentShape.shape); } } }); setInterval(() => { drop(); draw(); }, 100);

GPTgame

Sign up for free tokens!

tetris game but blocks are in form of word - "ORIGIN"

GPTgame