// ── Kohonen-Warp: wellenverzerrtes Gitter + treibende Datenpunkte ────────────── var N = Math.max(3, Math.min(24, COUNT)); var cW = (W() || 800) / (N - 1); var cH = (H() || 600) / (N - 1); // 3 überlagerte Sinuswellen für organische Gitter-Verzerrung var waves = []; for (var wi = 0; wi < 3; wi++) { waves.push({ fx: rnd(1.0, 3.5), fy: rnd(1.0, 3.5), px: rnd(0, Math.PI * 2), py: rnd(0, Math.PI * 2), spd: rnd(0.12, 0.35) * SPEED * (Math.random() < 0.5 ? 1 : -1) }); } // Deformations-Amplitude (aus SZ_MIN/SZ_MAX) var AMP = rnd(SZ_MIN, SZ_MAX); // Farb-Helfer function pickGrid() { if (COLOR_MODE === 'mono') return hslVariant(COLOR); return COLORS[rndI(0, COLORS.length - 1)]; } function pickDot() { if (COLOR_MODE === 'mono') return hslVariant(COLOR); return COLORS[Math.min(1, COLORS.length - 1)]; } var gCol = pickGrid(); var gOp = rnd(OP_MIN, OP_MAX) * 0.65; // N horizontale Pfade (je N Knoten = N-1 Segmente pro Reihe) var hPaths = []; for (var r = 0; r < N; r++) { var hp = new paper.Path(); for (var c = 0; c < N; c++) hp.add(new paper.Point(0, 0)); var hsc = new paper.Color(gCol); hsc.alpha = gOp; hp.strokeColor = hsc; hp.strokeWidth = rnd(0.4, 0.9); hp.fillColor = null; hPaths.push(hp); } // N vertikale Pfade (je N Knoten) var vPaths = []; for (var c2 = 0; c2 < N; c2++) { var vp = new paper.Path(); for (var r2 = 0; r2 < N; r2++) vp.add(new paper.Point(0, 0)); var vsc = new paper.Color(gCol); vsc.alpha = gOp; vp.strokeColor = vsc; vp.strokeWidth = rnd(0.4, 0.9); vp.fillColor = null; vPaths.push(vp); } // Scatter-Dots var DOT_N = Math.round(N * N * 0.7); var dCol = pickDot(); var dItems = []; for (var di = 0; di < DOT_N; di++) { var dr = rnd(1.8, 4.5); var dotx = rnd(0, W() || 800); var doty = rnd(0, H() || 600); var dot = new paper.Path.Circle(new paper.Point(dotx, doty), dr); var dc = new paper.Color(dCol); dc.alpha = rnd(OP_MIN * 0.85, OP_MAX); dot.fillColor = dc; dot.strokeColor = null; dItems.push({ el: dot, x: dotx, y: doty, dr: dr, vx: rnd(-0.5, 0.5) * SPEED, vy: rnd(-0.5, 0.5) * SPEED }); } // Phantom-item (Physics 'static' rührt cx/cy nicht an) items.push({ cx: (W() || 800) / 2, cy: (H() || 600) / 2, vx: 0, vy: 0, r: 1, el: hPaths[0] }); // Knotenposition mit Wellenverzerrung berechnen function nodePt(row, col, t) { var bx = col * cW, by = row * cH, dx = 0, dy = 0; for (var k = 0; k < waves.length; k++) { var wv = waves[k]; var u = N > 1 ? col / (N - 1) : 0; var v = N > 1 ? row / (N - 1) : 0; var phx = wv.fx * u * Math.PI * 2 + wv.px + t * wv.spd; var phy = wv.fy * v * Math.PI * 2 + wv.py + t * wv.spd * 1.15; dx += Math.sin(phx) * AMP / 3; dy += Math.cos(phy) * AMP / 3; } return { x: bx + dx, y: by + dy }; } TICK(function(ev) { var t = ev.time; var cww = W() || 800, cwh = H() || 600; cW = cww / (N - 1); cH = cwh / (N - 1); // Alle N×N Knotenpositionen vorberechnen var nr, nc, np; var nodes = []; for (nr = 0; nr < N; nr++) { nodes[nr] = []; for (nc = 0; nc < N; nc++) nodes[nr][nc] = nodePt(nr, nc, t); } // Horizontale Pfade aktualisieren for (nr = 0; nr < N; nr++) { for (nc = 0; nc < N; nc++) { np = nodes[nr][nc]; hPaths[nr].segments[nc].point.x = np.x; hPaths[nr].segments[nc].point.y = np.y; } } // Vertikale Pfade aktualisieren for (nc = 0; nc < N; nc++) { for (nr = 0; nr < N; nr++) { np = nodes[nr][nc]; vPaths[nc].segments[nr].point.x = np.x; vPaths[nc].segments[nr].point.y = np.y; } } // Dots triften lassen for (var di2 = 0; di2 < dItems.length; di2++) { var d = dItems[di2]; d.vx += rnd(-0.02, 0.02); d.vy += rnd(-0.02, 0.02); d.vx *= 0.993; d.vy *= 0.993; d.x += d.vx; d.y += d.vy; if (d.x < -d.dr) d.x = cww + d.dr; if (d.x > cww + d.dr) d.x = -d.dr; if (d.y < -d.dr) d.y = cwh + d.dr; if (d.y > cwh + d.dr) d.y = -d.dr; d.el.position = new paper.Point(d.x, d.y); } });

Was soll Ihr nächstesProjekt verändern?

Erzählen Sie uns davon.

Was soll Ihr nächstes
Projekt verändern?