wigberto2marciaga

Entradas

#tetris-container { width: 300px; height: 500px; background-color: #f2f2f2; margin: 0 auto; padding: 20px; } #game-area { width: 100%; height: 400px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 10px; } #score { text-align: center; font-size: 18px; margin-bottom: 10px; } #restart-btn { display: block; margin: 0 auto; padding: 10px 20px; font-size: 16px; background-color: #4caf50; color: #fff; border: none; cursor: pointer; } // Variables globales const canvas = document.getElementById("game-area"); const ctx = canvas.getContext("2d"); const grid = createGrid(); const blockSize = 30; const rows = canvas.height / blockSize; const columns = canvas.width / blockSize; let score = 0; let gameOver = false; // Crear la cuadrícula del juego function createGrid() { const grid = []; for (let row = 0; row < rows; row++) { grid[row] = []; for (let col = 0; col < columns; col++) { grid[row][col] = 0; } } return grid; } // Dibujar un bloque function drawBlock(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = "#000"; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } // Dibujar la cuadrícula function drawGrid() { for (let row = 0; row < rows; row++) { for (let col = 0; col < columns; col++) { const color = grid[row][col]; drawBlock(col, row, getColor(color)); } } } // Obtener el color según el número function getColor(number) { switch (number) { case 1: return "#FF0000"; // Rojo case 2: return "#00FF00"; // Verde case 3: return "#0000FF"; // Azul // Agrega más colores según tus preferencias default: return "#000000"; // Negro } } // Crear una pieza de Tetris function createPiece() { const pieces = [ [[1, 1, 1, 1]], // I [[1, 1], [1, 1]], // O [[1, 1, 0], [0, 1, 1]], // S [[0, 1, 1], [1, 1, 0]], // Z [[1, 1, 1], [0, 1, 0]], // T [[1, 1, 1], [0, 0, 1]], // L [[1, 1, 1], [1, 0, 0]] // J ]; const randomPiece = Math.floor(Math.random() * pieces.length); return pieces[randomPiece]; } // Dibujar una pieza en la cuadrícula function drawPiece(piece, x, y) { for (let row = 0; row < piece.length; row++) { for (let col = 0; col < piece[row].length; col++) { if (piece[row][col]) { drawBlock(x + col, y + row, getColor(1)); } } } } // Colocar una pieza en la cuadrícula function placePiece(piece, x, y) { for (let row = 0; row < piece.length; row++) {