const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const rows = canvas.height / blockSize; const columns = canvas.width / blockSize; const colors = [ '#FF0000', // red '#00FF00', // green '#0000FF', // blue '#FFFF00', // yellow '#FF00FF', // magenta '#00FFFF', // cyan '#FFA500' // orange ]; const tetriminos = [ [[1, 1, 1, 1]], // I [[1, 1], [1, 1]], // O [[1, 1, 1], [0, 1, 0]], // T [[1, 1, 0], [0, 1, 1]], // S [[0, 1, 1], [1, 1, 0]], // Z [[1, 1, 1], [0, 0, 1]], // J [[1, 1, 1], [1, 0, 0]] // L ]; let currentTetrimino; let currentColor; let currentX; let currentY; function drawBlock(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = '#000000'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawTetrimino() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { drawBlock(currentX + col, currentY + row, currentColor); } } } } function clearTetrimino() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { drawBlock(currentX + col, currentY + row, '#FFFFFF'); } } } } function collision(x, y, tetrimino) { for (let row = 0; row < tetrimino.length; row++) { for (let col = 0; col < tetrimino[row].length; col++) { if (tetrimino[row][col]) { const newX = x + col; const newY = y + row; if (newX < 0 || newX >= columns || newY >= rows || grid[newY][newX]) { return true; } } } } return false; } function rotateTetrimino(tetrimino) { const rotatedTetrimino = []; for (let col = 0; col < tetrimino[0].length; col++) { const newRow = []; for (let row = tetrimino.length - 1; row >= 0; row--) { newRow.push(tetrimino[row][col]); } rotatedTetrimino.push(newRow); } return rotatedTetrimino; } function mergeTetrimino() { for (let row = 0; row < currentTetrimino.length; row++) { for (let col = 0; col < currentTetrimino[row].length; col++) { if (currentTetrimino[row][col]) { grid[currentY + row][currentX + col] = currentColor; } } } } function checkLines() { for (let row = rows - 1; row >= 0; row--) { let lineFilled = true; for (let col = 0; col < columns; col++) { if (!grid[row][col]) { lineFilled = false; break; } } if (lineFilled) { grid.splice(row, 1); grid.unshift(new Array(columns).fill(null)); } } } function gameOver() { for (let col = 0; col < columns; col++) { if (grid[0][col]) { return true; } } return false; } function drawGrid() { for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { const color = grid[row][col]; if (color) { drawBlock(col, row, color); } } } } function update() { clearTetrimino(); currentY++; if (collision(currentX, currentY, currentTetrimino)) { currentY--; mergeTetrimino(); checkLines(); if (gameOver()) { clearInterval(gameLoop); return; } spawnTetrimino(); } drawTetrimino(); } function spawnTetrimino() { const randomIndex = Math.floor(Math.random() * tetriminos.length); currentTetrimino = tetriminos[randomIndex]; currentColor = colors[randomIndex]; currentX = Math.floor(columns / 2) - Math.floor(currentTetrimino[0].length / 2); currentY = 0; if (collision(currentX, currentY, currentTetrimino)) { clearInterval(gameLoop); return; } } function handleKeyPress(event) { if (event.keyCode === 37) { // left arrow key clearTetrimino(); currentX--; if (collision(currentX, currentY, currentTetrimino)) { currentX++; } drawTetrimino(); } else if (event.keyCode === 39) { // right arrow key clearTetrimino(); currentX++; if (collision(currentX, currentY, currentTetrimino)) { currentX--; } drawTetrimino(); } else if (event.keyCode === 40) { // down arrow key update(); } else if (event.keyCode === 38) { // up arrow key clearTetrimino(); const rotatedTetrimino = rotateTetrimino(currentTetrimino); if (!collision(currentX, currentY, rotatedTetrimino)) { currentTetrimino = rotatedTetrimino; } drawTetrimino(); } } document.addEventListener('keydown', handleKeyPress); const grid = []; for (let row = 0; row < rows; row++) { grid.push(new Array(columns).fill(null)); } let gameLoop = setInterval(update, 1000 / 2); spawnTetrimino(); drawGrid();

GPTgame

Sign up for free tokens!

Tetris. Each brick is a different color

GPTgame