<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.js"></script>
<script>
let cols = 10; // Количество столбцов
let rows = 10; // Количество строк
let cellSize = 40; // Размер клетки
let grid = []; // Массив для хранения клеток
function setup() {
createCanvas(cols * cellSize, rows * cellSize);
for (let x = 0; x < cols; x++) {
grid[x] = [];
for (let y = 0; y < rows; y++) {
grid[x][y] = false; // Каждая клетка пустая
}
}
}
function draw() {
background(220);
for (let x = 0; x < cols; x++) {
for (let y = 0; y < rows; y++) {
stroke(0);
fill(grid[x][y] ? 'lightblue' : 'white');
rect(x * cellSize, y * cellSize, cellSize, cellSize);
}
}
}
function mousePressed() {
let x = floor(mouseX / cellSize);
let y = floor(mouseY / cellSize);
if (x >= 0 && x < cols && y >= 0 && y < rows) {
grid[x][y] = !grid[x][y]; // Меняем состояние клетки
}
}
</script>