let cols, rows, sp; let field = []; let t = 0; let bg; let levels = 13; let cA, cB, cC; function setup() { createCanvas(windowWidth, windowHeight); colorMode(RGB, 255); setupGrid(); makeBackdrop(); cA = color(255, 228, 170); cB = color(255, 110, 130); cC = color(90, 190, 255); strokeCap(ROUND); } function setupGrid() { sp = max(8, min(width, height) / 72); cols = ceil(width / sp) + 1; rows = ceil(height / sp) + 1; field = new Array(cols + 1); for (let i = 0; i <= cols; i++) field[i] = new Float32Array(rows + 1); } function makeBackdrop() { bg = createGraphics(width, height); for (let y = 0; y < height; y++) { const k = y / height; bg.stroke(lerpColor(color(8, 12, 28), color(26, 14, 34), k)); bg.line(0, y, width, y); } bg.noStroke(); for (let r = 420; r > 0; r -= 6) { bg.fill(255, 150, 120, 2.2); bg.ellipse(width * 0.72, height * 0.26, r * 1.6, r * 1.6); } } function windowResized() { resizeCanvas(windowWidth, windowHeight); setupGrid(); makeBackdrop(); } function mousePressed() { noiseSeed(floor(random(100000))); } function computeField() { const ns = 0.0042 * sp; const mx = mouseX, my = mouseY; const rad = min(width, height) * 0.22; const inside = mouseX > 0 && mouseY > 0 && mouseX < width && mouseY < height; for (let i = 0; i <= cols; i++) { for (let j = 0; j <= rows; j++) { let v = noise(i * ns, j * ns, t); v += 0.35 * noise(i * ns * 2.6 + 50, j * ns * 2.6, t * 1.7) - 0.17; if (inside) { const dx = i * sp - mx, dy = j * sp - my; const d2 = (dx * dx + dy * dy) / (rad * rad); v += 0.3 * Math.exp(-d2); } field[i][j] = v; } } } function lv(level) { const k = level / (levels - 1); return k < 0.5 ? lerpColor(cA, cB, k * 2) : lerpColor(cB, cC, (k - 0.5) * 2); } function draw() { image(bg, 0, 0); computeField(); for (let L = 0; L < levels; L++) { const th = map(L, 0, levels - 1, 0.30, 0.72); const col = lv(L); const wob = 0.5 + 0.5 * sin(t * 2.2 + L * 0.5); stroke(red(col), green(col), blue(col), 26); strokeWeight(5.5); contour(th); stroke(red(col), green(col), blue(col), 120 + 100 * wob); strokeWeight(1.25); contour(th); } t += 0.0032; } function contour(th) { for (let i = 0; i < cols; i++) { const x0 = i * sp, x1 = x0 + sp; for (let j = 0; j < rows; j++) { const y0 = j * sp, y1 = y0 + sp; const a = field[i][j], b = field[i + 1][j], c = field[i + 1][j + 1], d = field[i][j + 1]; let state = 0; if (a > th) state += 8; if (b > th) state += 4; if (c > th) state += 2; if (d > th) state += 1; if (state === 0 || state === 15) continue; const tx = x0 + sp * ((th - a) / (b - a)); const ry = y0 + sp * ((th - b) / (c - b)); const bx = x0 + sp * ((th - d) / (c - d)); const ly = y0 + sp * ((th - a) / (d - a)); switch (state) { case 1: case 14: line(x0, ly, bx, y1); break; case 2: case 13: line(bx, y1, x1, ry); break; case 3: case 12: line(x0, ly, x1, ry); break; case 4: case 11: line(tx, y0, x1, ry); break; case 6: case 9: line(tx, y0, bx, y1); break; case 7: case 8: line(x0, ly, tx, y0); break; case 5: line(x0, ly, tx, y0); line(bx, y1, x1, ry); break; case 10: line(tx, y0, x1, ry); line(x0, ly, bx, y1); break; } } } }

Claude Opus 5

Tidal Topography