// キャンバス let CANVAS_W, CANVAS_H; let PIXEL_SCALE = 3; let GRID_W, GRID_H; let fontGraphics; let edgeGraphics; // グリッド let grid = []; let colorCurrent = []; let colorTarget = []; let colorDelay = []; let clusterType = []; let boostGrid = []; let ageGrid = []; // 胞子 let particles = []; // マウス let prevMouseX = 0; let prevMouseY = 0; let currentPhase = 1; let iddPixelCount = 0; // カラー const PALETTE_KURO_GREEN = { r: 34, g: 44, b: 27 }; // #222C1B const PALETTE_BLACK_IS_BACK = { r: 16, g: 26, b: 21 }; // #101A15 const PALETTE_TURTLE_SKIN = { r: 55, g: 62, b: 33 }; // #373E21 const PALETTE_TREFOIL = { r: 76, g: 84, b: 43 }; // #4C542B const PALETTE_VENOM_WYRM = { r: 101, g: 112, b: 59 }; // #65703B const PALETTE_PRETTY_MAIDEN = { r: 134, g: 145, b: 87 }; // #869157 const PALETTE_GLOAMING_GREEN= { r: 181, g: 189, b: 145 }; // #B5BD91 const MOSS_PALETTES = [ PALETTE_KURO_GREEN, PALETTE_TURTLE_SKIN, PALETTE_TREFOIL, PALETTE_VENOM_WYRM, PALETTE_PRETTY_MAIDEN, PALETTE_GLOAMING_GREEN ]; const INSIDE_SPECIAL_COLOR = PALETTE_GLOAMING_GREEN; const OUTSIDE_CLICK_COLOR = PALETTE_PRETTY_MAIDEN; function setup() { // 画面サイズ CANVAS_W = windowWidth; CANVAS_H = windowHeight; GRID_W = Math.floor(CANVAS_W / PIXEL_SCALE); GRID_H = Math.floor(CANVAS_H / PIXEL_SCALE); createCanvas(CANVAS_W, CANVAS_H); noSmooth(); // 右クリック for (let element of document.getElementsByClassName("p5Canvas")) { element.addEventListener('contextmenu', (e) => e.preventDefault()); } fontGraphics = createGraphics(GRID_W, GRID_H); fontGraphics.pixelDensity(1); drawTextMask(); edgeGraphics = createGraphics(GRID_W, GRID_H); edgeGraphics.pixelDensity(1); drawEdgeMask(); initMossGrid(); prevMouseX = mouseX; prevMouseY = mouseY; } function draw() { // マウス動き handleMouseWind(); handleMouseDrag(); // 苔成長 if (currentPhase === 1) { growMoss(1000, null, true); checkPhaseTransition(); } else { spontaneousSpawn(); growMoss(1200, null, false); } applyBoostGrowth(); // 苔枯れ updateAging(); updateColorTransition(); background(PALETTE_BLACK_IS_BACK.r, PALETTE_BLACK_IS_BACK.g, PALETTE_BLACK_IS_BACK.b); // 苔本体 noStroke(); for (let y = 0; y < GRID_H; y++) { for (let x = 0; x < GRID_W; x++) { if (grid[y][x] === 1) { let c = colorCurrent[y][x]; fill(c.r, c.g, c.b); rect(x * PIXEL_SCALE, y * PIXEL_SCALE, PIXEL_SCALE, PIXEL_SCALE); } } } // 胞子 updateAndDrawParticles(); prevMouseX = mouseX; prevMouseY = mouseY; } // ウィンドウリサイズ function windowResized() { CANVAS_W = windowWidth; CANVAS_H = windowHeight; GRID_W = Math.floor(CANVAS_W / PIXEL_SCALE); GRID_H = Math.floor(CANVAS_H / PIXEL_SCALE); resizeCanvas(CANVAS_W, CANVAS_H); fontGraphics = createGraphics(GRID_W, GRID_H); fontGraphics.pixelDensity(1); drawTextMask(); edgeGraphics = createGraphics(GRID_W, GRID_H); edgeGraphics.pixelDensity(1); drawEdgeMask(); initMossGrid(); } // 文字 function drawTextMask() { fontGraphics.background(0); fontGraphics.fill(255); fontGraphics.textAlign(CENTER, CENTER); fontGraphics.textFont('sans-serif'); fontGraphics.textStyle(BOLD); fontGraphics.textSize(GRID_H * 0.55); fontGraphics.text("IDD", GRID_W / 2, GRID_H / 2); } function drawEdgeMask() { edgeGraphics.background(0); edgeGraphics.stroke(255); edgeGraphics.strokeWeight(3); edgeGraphics.noFill(); edgeGraphics.textAlign(CENTER, CENTER); edgeGraphics.textFont('sans-serif'); edgeGraphics.textStyle(BOLD); edgeGraphics.textSize(GRID_H * 0.55); edgeGraphics.text("IDD", GRID_W / 2, GRID_H / 2); } // グリッド初期化 function initMossGrid() { fontGraphics.loadPixels(); edgeGraphics.loadPixels(); grid = []; colorCurrent = []; colorTarget = []; colorDelay = []; clusterType = []; boostGrid = []; ageGrid = []; for (let y = 0; y < GRID_H; y++) { grid[y] = []; colorCurrent[y] = []; colorTarget[y] = []; colorDelay[y] = []; clusterType[y] = []; boostGrid[y] = []; ageGrid[y] = []; for (let x = 0; x < GRID_W; x++) { grid[y][x] = 0; colorCurrent[y][x] = { r: 0, g: 0, b: 0 }; colorTarget[y][x] = { r: 0, g: 0, b: 0 }; colorDelay[y][x] = 0; clusterType[y][x] = 0; boostGrid[y][x] = 0; ageGrid[y][x] = 0; } } for (let y = 0; y < GRID_H; y++) { for (let x = 0; x < GRID_W; x++) { let maskIdx = 4 * (x + y * GRID_W); let isIDD = fontGraphics.pixels[maskIdx] > 128; if (isIDD) { let n = noise(x * 0.08, y * 0.08); if (n > 0.35 && random(1) < 0.12) { spawnMossPixel(x, y, 4, INSIDE_SPECIAL_COLOR, 0, false); } } } } } // ピクセル function spawnMossPixel(x, y, paletteIdx, customCol = null, delay = 0, spawnParticle = true) { let isNew = (grid[y][x] === 0); grid[y][x] = 1; clusterType[y][x] = paletteIdx; ageGrid[y][x] = 0; let baseCol = customCol ? customCol : MOSS_PALETTES[paletteIdx]; let variation = random(-6, 6); let r = constrain(baseCol.r + variation, 0, 255); let g = constrain(baseCol.g + variation, 0, 255); let b = constrain(baseCol.b + variation, 0, 255); if (delay > 0 && isNew) { colorCurrent[y][x] = { r: PALETTE_BLACK_IS_BACK.r, g: PALETTE_BLACK_IS_BACK.g, b: PALETTE_BLACK_IS_BACK.b }; colorTarget[y][x] = { r: r, g: g, b: b }; colorDelay[y][x] = delay; } else { colorTarget[y][x] = { r: r, g: g, b: b }; colorDelay[y][x] = 0; if (isNew) { colorCurrent[y][x] = { r: r, g: g, b: b }; } } // 胞子 if (spawnParticle && random(1) < 0.15) { addSporeParticle(x * PIXEL_SCALE, y * PIXEL_SCALE, r, g, b); } fontGraphics.loadPixels(); let maskIdx = 4 * (x + y * GRID_W); if (fontGraphics.pixels[maskIdx] > 128 && isNew) { iddPixelCount++; } } // フェーズ function checkPhaseTransition() { if (iddPixelCount > 2000) { currentPhase = 2; } } // 自然発生 function spontaneousSpawn() { for (let k = 0; k < 3; k++) { if (random(1) < 0.4) { let rx = floor(random(0, GRID_W)); let ry = floor(random(0, GRID_H)); let chosenType = floor(random(MOSS_PALETTES.length)); spawnMossPixel(rx, ry, chosenType); } } } // クリック function applyBoostGrowth() { for (let y = 1; y < GRID_H - 1; y++) { for (let x = 1; x < GRID_W - 1; x++) { if (boostGrid[y][x] > 0) { let extraAttempts = floor(boostGrid[y][x] * 4); for (let k = 0; k < extraAttempts; k++) { if (grid[y][x] === 1) { let dx = floor(random(-1, 2)); let dy = floor(random(-1, 2)); let nx = x + dx; let ny = y + dy; if (nx >= 0 && nx < GRID_W && ny >= 0 && ny < GRID_H) { let chosenType = clusterType[y][x]; spawnMossPixel(nx, ny, chosenType); } } } boostGrid[y][x] *= 0.92; if (boostGrid[y][x] < 0.05) boostGrid[y][x] = 0; } } } } // 苔成長 function growMoss(attempts, forceColor = null, restrictToIDD = false) { for (let i = 0; i < attempts; i++) { let rx = floor(random(1, GRID_W - 1)); let ry = floor(random(1, GRID_H - 1)); if (grid[ry][rx] === 1) { let dx = floor(random(-1, 2)); let dy = floor(random(-1, 2)); let nx = rx + dx; let ny = ry + dy; if (nx >= 0 && nx < GRID_W && ny >= 0 && ny < GRID_H) { let maskIdx = 4 * (nx + ny * GRID_W); let isIDD = fontGraphics.pixels[maskIdx] > 128; let isEdge = edgeGraphics.pixels[maskIdx] > 128; if (restrictToIDD && !isIDD) continue; let isTargetEmpty = (grid[ny][nx] === 0); let canOverwrite = (!isTargetEmpty && random(1) < 0.35); if (isTargetEmpty || canOverwrite) { if (isEdge && random(1) < 0.5) continue; let zoneType = noise(nx * 0.02, ny * 0.02); let allowGrowth = false; if (zoneType > 0.48) { let scale = 0.08; let n1 = noise(nx * scale, ny * scale); let brainPattern = sin(n1 * 18 + nx * 0.12) * cos(n1 * 12 + ny * 0.12); let growThreshold = isIDD ? -0.1 : 0.05; if (brainPattern > growThreshold) { allowGrowth = true; } } else { let ringScale = 0.22; let centerDist = sin(nx * ringScale) * sin(ny * ringScale); let ringPattern = sin(centerDist * 6.0); if (ringPattern > 0.1) { allowGrowth = true; } } if (allowGrowth) { let parentType = clusterType[ry][rx]; let chosenType = parentType; if (!forceColor && random(1) < 0.1) { chosenType = floor(random(MOSS_PALETTES.length)); } spawnMossPixel(nx, ny, chosenType, forceColor); } } } } } } // 枯れ function updateAging() { for (let y = 0; y < GRID_H; y++) { for (let x = 0; x < GRID_W; x++) { if (grid[y][x] === 1) { ageGrid[y][x] += 1; if (ageGrid[y][x] > 400 && random(1) < 0.02) { let oldTarget = PALETTE_KURO_GREEN; colorTarget[y][x] = { r: lerp(colorTarget[y][x].r, oldTarget.r, 0.05), g: lerp(colorTarget[y][x].g, oldTarget.g, 0.05), b: lerp(colorTarget[y][x].b, oldTarget.b, 0.05) }; } } } } } // マウス移動 function handleMouseWind() { let speed = dist(mouseX, mouseY, prevMouseX, prevMouseY); if (speed > 18) { let gx = floor(mouseX / PIXEL_SCALE); let gy = floor(mouseY / PIXEL_SCALE); for (let i = 0; i < 4; i++) { let rx = gx + floor(random(-6, 7)); let ry = gy + floor(random(-6, 7)); if (rx >= 0 && rx < GRID_W && ry >= 0 && ry < GRID_H) { let chosenType = floor(random(MOSS_PALETTES.length)); spawnMossPixel(rx, ry, chosenType); } } } } // マウスドラッグ function handleMouseDrag() { if (mouseIsPressed) { let gx = floor(mouseX / PIXEL_SCALE); let gy = floor(mouseY / PIXEL_SCALE); let radius = 5; if (mouseButton === RIGHT || keyIsDown(SHIFT)) { for (let dy = -radius; dy <= radius; dy++) { for (let dx = -radius; dx <= radius; dx++) { let bx = gx + dx; let by = gy + dy; if (bx >= 0 && bx < GRID_W && by >= 0 && by < GRID_H) { if (sqrt(dx * dx + dy * dy) <= radius) { grid[by][bx] = 0; ageGrid[by][bx] = 0; } } } } } } } // クリック function mousePressed() { if (mouseButton === RIGHT || keyIsDown(SHIFT)) return; let gx = floor(mouseX / PIXEL_SCALE); let gy = floor(mouseY / PIXEL_SCALE); if (gx < 0 || gx >= GRID_W || gy < 0 || gy >= GRID_H) return; fontGraphics.loadPixels(); let maskIdx = 4 * (gx + gy * GRID_W); let isClickedIDD = fontGraphics.pixels[maskIdx] > 128; let radius = 7; for (let dy = -radius; dy <= radius; dy++) { for (let dx = -radius; dx <= radius; dx++) { let bx = gx + dx; let by = gy + dy; if (bx >= 0 && bx < GRID_W && by >= 0 && by < GRID_H) { let distVal = sqrt(dx * dx + dy * dy); if (distVal <= radius) { boostGrid[by][bx] = map(distVal, 0, radius, 1.0, 0.2); } } } } if (isClickedIDD) { spawnMossPixel(gx, gy, 4, INSIDE_SPECIAL_COLOR); let queue = [{ x: gx, y: gy, step: 0 }]; let visited = Array.from({ length: GRID_H }, () => Array(GRID_W).fill(false)); visited[gy][gx] = true; let maxSteps = 30; while (queue.length > 0) { let curr = queue.shift(); let cx = curr.x; let cy = curr.y; if (curr.step < maxSteps) { let neighbors = [ { x: cx + 1, y: cy }, { x: cx - 1, y: cy }, { x: cx, y: cy + 1 }, { x: cx, y: cy - 1 } ]; for (let nb of neighbors) { if (nb.x >= 0 && nb.x < GRID_W && nb.y >= 0 && nb.y < GRID_H) { if (!visited[nb.y][nb.x]) { let nbMaskIdx = 4 * (nb.x + nb.y * GRID_W); let nbIsIDD = fontGraphics.pixels[nbMaskIdx] > 128; let nbIsEdge = edgeGraphics.pixels[nbMaskIdx] > 128; if (nbIsIDD) { visited[nb.y][nb.x] = true; if (nbIsEdge && random(1) < 0.4) continue; let scale = 0.08; let n1 = noise(nb.x * scale, nb.y * scale); let brainPattern = sin(n1 * 18 + nb.x * 0.12) * cos(n1 * 12 + nb.y * 0.12); if (brainPattern > -0.1) { spawnMossPixel(nb.x, nb.y, 4, INSIDE_SPECIAL_COLOR, curr.step * 4); queue.push({ x: nb.x, y: nb.y, step: curr.step + 1 }); } } } } } } } } else { currentPhase = 2; spawnMossPixel(gx, gy, 3, OUTSIDE_CLICK_COLOR); growMoss(1200, OUTSIDE_CLICK_COLOR, false); } } // 色推移 function updateColorTransition() { let lerpSpeed = 0.15; for (let y = 0; y < GRID_H; y++) { for (let x = 0; x < GRID_W; x++) { if (grid[y][x] === 1) { if (colorDelay[y][x] > 0) { colorDelay[y][x]--; } else { let cur = colorCurrent[y][x]; let tgt = colorTarget[y][x]; cur.r = lerp(cur.r, tgt.r, lerpSpeed); cur.g = lerp(cur.g, tgt.g, lerpSpeed); cur.b = lerp(cur.b, tgt.b, lerpSpeed); } } } } } // 胞子 function addSporeParticle(px, py, r, g, b) { particles.push({ x: px + random(-3, 3), y: py + random(-3, 3), vx: random(-0.5, 0.5), vy: random(-0.8, -0.2), size: random(1.5, 3.5), alpha: 220, r: r, g: g, b: b }); } function updateAndDrawParticles() { for (let i = particles.length - 1; i >= 0; i--) { let p = particles[i]; p.x += p.vx; p.y += p.vy; p.alpha -= 4; if (p.alpha <= 0) { particles.splice(i, 1); } else { fill(p.r, p.g, p.b, p.alpha); ellipse(p.x, p.y, p.size); } } } // Sキーで画像保存 function keyPressed() { if (key === 's' || key === 'S') { let filename = 'moss_art_' + year() + month() + day() + '_' + hour() + minute() + second(); saveCanvas(filename, 'png'); } }