/* OpenCodeとgithub copilotでPETSCIIアート風の作品を描いてみました文字の種類や色をランダムにピックするアニメーションにしたらきらきらしていい感じ参考: https://en.wikipedia.org/wiki/PETSCII http://justsolve.archiveteam.org/wiki/Commodore_64_color_palette */ const C64_PALETTE = [ [ 0, 0, 0], // 0 Black [255, 255, 255], // 1 White [129, 51, 56], // 2 Red [117, 206, 200], // 3 Cyan [142, 60, 151], // 4 Purple [ 86, 172, 77], // 5 Green [ 46, 44, 155], // 6 Blue [237, 241, 113], // 7 Yellow [142, 80, 41], // 8 Orange [ 85, 56, 0], // 9 Brown [196, 108, 113], // 10 Light Red [ 74, 74, 74], // 11 Dark Grey [123, 123, 123], // 12 Medium Grey [169, 255, 159], // 13 Light Green [112, 109, 235], // 14 Light Blue [178, 178, 178], // 15 Light Grey ]; function nearestC64(r, g, b) { let bestDist = Infinity; let best = C64_PALETTE[0]; for (const pal of C64_PALETTE) { const dr = r - pal[0], dg = g - pal[1], db = b - pal[2]; const colorDist = 0.299 * dr * dr + 0.587 * dg * dg + 0.114 * db * db; if (colorDist < bestDist) { bestDist = colorDist; best = pal; } } return best; } const COLS = 28; const ROWS = 34; const CW = 16; const CH = 17; const PAD = 24; const W = COLS * CW + PAD * 2; const H = ROWS * CH + PAD * 2; const RAMP = [ '█', '█', '▓', '▓', '▌', '▐', '▒', '▚', '◤', '◥', '▘', '▝', '░', '▖', '▏', '▕', ' ', ' ', ]; const EMOJIS = ['🥀', '🦄', '🦜', '🦋', '🐠']; const SCAN_SPEED = 2; const SETTLE_MIN = 4; const SETTLE_MAX = 22; const HOLD_DURATION = 150; const GLITCH_OUT_DUR = 80; let emojiGfx; let target = []; let display = []; let timer = []; let phase = 'reveal'; let scanRow = 0; let holdTimer = 0; let glitchOutTimer = 0; let emojiQueue = []; function randomGlitchCell() { const ch = RAMP[floor(random(RAMP.length - 2))]; const pal = C64_PALETTE[floor(random(C64_PALETTE.length))]; return { ch, r: pal[0], g: pal[1], b: pal[2] }; } function buildQueue() { emojiQueue = shuffle([...EMOJIS]); } function nextEmoji() { if (emojiQueue.length === 0) buildQueue(); return emojiQueue.pop(); } function sampleEmoji(emoji) { emojiGfx.clear(); emojiGfx.textAlign(CENTER, CENTER); emojiGfx.textSize(H * 0.82); emojiGfx.text(emoji, W / 2, H / 2); emojiGfx.loadPixels(); for (let row = 0; row < ROWS; row++) { for (let col = 0; col < COLS; col++) { const cx = PAD + col * CW + CW / 2; const cy = PAD + row * CH + CH / 2; const [r, g, b, a] = emojiGfx.get(cx, cy); if (a < 30) { target[row][col] = null; continue; } const lum = 0.299 * r + 0.587 * g + 0.114 * b; const idx = floor(map(lum, 0, 255, 0, RAMP.length - 1)); const ch = RAMP[constrain(idx, 0, RAMP.length - 1)]; if (ch === ' ') { target[row][col] = null; continue; } const [rf, gf, bf] = nearestC64(r, g, b); target[row][col] = { ch, r: rf, g: gf, b: bf }; } } } function resetDisplay() { for (let row = 0; row < ROWS; row++) { for (let col = 0; col < COLS; col++) { display[row][col] = null; timer[row][col] = 0; } } scanRow = 0; } function updateReveal() { for (let n = 0; n < SCAN_SPEED; n++) { if (scanRow < ROWS) { for (let col = 0; col < COLS; col++) { if (target[scanRow][col]) { timer[scanRow][col] = floor(random(SETTLE_MIN, SETTLE_MAX)); display[scanRow][col] = randomGlitchCell(); } } scanRow++; } } let allSettled = (scanRow >= ROWS); for (let row = 0; row < scanRow; row++) { for (let col = 0; col < COLS; col++) { if (timer[row][col] > 0) { timer[row][col]--; display[row][col] = randomGlitchCell(); allSettled = false; } else if (target[row][col]) { display[row][col] = target[row][col]; } } } if (allSettled) { phase = 'hold'; holdTimer = HOLD_DURATION; } } function updateHold() { holdTimer--; if (holdTimer <= 0) { phase = 'glitch_out'; glitchOutTimer = GLITCH_OUT_DUR; } } function updateGlitchOut() { glitchOutTimer--; const p = map(glitchOutTimer, GLITCH_OUT_DUR, 0, 0.02, 0.55); for (let row = 0; row < ROWS; row++) { for (let col = 0; col < COLS; col++) { if (display[row][col] && random() < p) { display[row][col] = random() < 0.4 ? null : randomGlitchCell(); } } } if (glitchOutTimer <= 0) { sampleEmoji(nextEmoji()); resetDisplay(); phase = 'reveal'; } } function setup() { createCanvas(W, H); frameRate(60); for (let row = 0; row < ROWS; row++) { target[row] = new Array(COLS).fill(null); display[row] = new Array(COLS).fill(null); timer[row] = new Array(COLS).fill(0); } emojiGfx = createGraphics(W, H); buildQueue(); sampleEmoji(nextEmoji()); } function draw() { background(C64_PALETTE[6]); if (phase === 'reveal') updateReveal(); else if (phase === 'hold') updateHold(); else if (phase === 'glitch_out') updateGlitchOut(); textFont('monospace'); textSize(CW + 1); textStyle(BOLD); noStroke(); for (let row = 0; row < ROWS; row++) { for (let col = 0; col < COLS; col++) { const cell = display[row][col]; if (!cell) continue; fill(cell.r, cell.g, cell.b); text(cell.ch, PAD + col * CW, PAD + row * CH + CH - 2); } } }

PETSCII風2