const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const blockSize = 20; const numRows = canvas.height / blockSize; const numCols = canvas.width / blockSize; const animals = [ { name: '🐶', color: 'brown' }, { name: '🐱', color: 'gray' }, { name: '🐰', color: 'pink' }, { name: '🐢', color: 'green' }, { name: '🐸', color: 'lime' }, { name: '🐦', color: 'yellow' }, { name: '🐠', color: 'blue' }, ]; let currentAnimal = getRandomAnimal(); let currentRow = 0; let currentCol = Math.floor(numCols / 2); let grid = createGrid(); function createGrid() { const grid = []; for (let row = 0; row < numRows; row++) { grid[row] = []; for (let col = 0; col < numCols; col++) { grid[row][col] = ''; } } return grid; } function getRandomAnimal() { const randomIndex = Math.floor(Math.random() * animals.length); return animals[randomIndex]; } function drawAnimal(row, col, animal) { ctx.fillStyle = animal.color; ctx.fillText(animal.name, col * blockSize, row * blockSize); } function drawGrid() { for (let row = 0; row < numRows; row++) { for (let col = 0; col < numCols; col++) { const animal = grid[row][col]; if (animal) { drawAnimal(row, col, animal); } } } } function drawCurrentAnimal() { drawAnimal(currentRow, currentCol, currentAnimal); } function clearCanvas() { ctx.clearRect(0, 0, canvas.width, canvas.height); } function moveDown() { if (canMoveDown()) { currentRow++; } else { placeCurrentAnimal(); checkRows(); currentAnimal = getRandomAnimal(); currentRow = 0; currentCol = Math.floor(numCols / 2); } } function canMoveDown() { for (let row = 0; row < currentAnimal.length; row++) { for (let col = 0; col < currentAnimal[row].length; col++) { if (currentAnimal[row][col] && (currentRow + row + 1 >= numRows || grid[currentRow + row + 1][currentCol + col])) { return false; } } } return true; } function moveLeft() { if (canMoveLeft()) { currentCol--; } } function canMoveLeft() { for (let row = 0; row < currentAnimal.length; row++) { for (let col = 0; col < currentAnimal[row].length; col++) { if (currentAnimal[row][col] && (currentCol + col - 1 < 0 || grid[currentRow + row][currentCol + col - 1])) { return false; } } } return true; } function moveRight() { if (canMoveRight()) { currentCol++; } } function canMoveRight() { for (let row = 0; row < currentAnimal.length; row++) { for (let col = 0; col < currentAnimal[row].length; col++) { if (currentAnimal[row][col] && (currentCol + col + 1 >= numCols || grid[currentRow + row][currentCol + col + 1])) { return false; } } } return true; } function rotate() { const rotatedAnimal = rotateAnimal(currentAnimal); if (canRotate(rotatedAnimal)) { currentAnimal = rotatedAnimal; } } function rotateAnimal(animal) { const rotatedAnimal = []; for (let col = 0; col < animal[0].length; col++) { rotatedAnimal[col] = []; for (let row = animal.length - 1; row >= 0; row--) { rotatedAnimal[col][animal.length - 1 - row] = animal[row][col]; } } return rotatedAnimal; } function canRotate(rotatedAnimal) { for (let row = 0; row < rotatedAnimal.length; row++) { for (let col = 0; col < rotatedAnimal[row].length; col++) { if (rotatedAnimal[row][col] && (currentRow + row >= numRows || currentCol + col < 0 || currentCol + col >= numCols || grid[currentRow + row][currentCol + col])) { return false; } } } return true; } function placeCurrentAnimal() { for (let row = 0; row < currentAnimal.length; row++) { for (let col = 0; col < currentAnimal[row].length; col++) { if (currentAnimal[row][col]) { grid[currentRow + row][currentCol + col] = currentAnimal.name; } } } } function checkRows() { for (let row = numRows - 1; row >= 0; row--) { if (grid[row].every(cell => cell !== '')) { grid.splice(row, 1); grid.unshift(new Array(numCols).fill('')); } } } function draw() { clearCanvas(); drawGrid(); drawCurrentAnimal(); } function update() { moveDown(); draw(); } document.addEventListener('keydown', (event) => { if (event.key === 'ArrowLeft') { moveLeft(); } else if (event.key === 'ArrowRight') { moveRight(); } else if (event.key === 'ArrowDown') { moveDown(); } else if (event.key === 'ArrowUp') { rotate(); } }); setInterval(update, 500);

GPTgame

Sign up for free tokens!

a game like Tetris, but with animals instead of bricks

GPTgame