5f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 60:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 61:Teaf,import { type Anchor, assign, type FxEffect, type FxFrame, type RgbInput, toRgb, } from "../engine"; import { arms, twinkle } from "./particles"; export interface RingsOptions { color?: RgbInput; origin?: Anchor; /** Seconds between rings. */ interval?: number; /** Expansion speed as a fraction of the height per second. */ speed?: number; /** Ring thickness in cells. */ width?: number; } interface Ring { r: number; phase: number; } const TAU = Math.PI * 2; const DEFAULTS: Required = { color: [172, 75, 255], origin: [0.5, 0.42], interval: 1.15, speed: 0.45, width: 2.6, }; /** * Sonar rings pulsing out from a point, each a gaussian band that thins as it * grows, with four glints riding its wavefront. Rings only spawn while active, * so easing out lets the ones in flight finish. */ export function rings(options: RingsOptions = {}): FxEffect { let o = assign(DEFAULTS, DEFAULTS, options); let color = toRgb(o.color); let cols = 0; let rows = 0; let cx = 0; let cy = 0; let reach = 1; let dist = new Float32Array(0); let rand: () => number = Math.random; let live: Ring[] = []; let until = 0.05; let alive = false; let lastReduced = false; /** * Caches every cell's distance from the origin, which is what lets a frame * be one subtraction per cell. Rebuilt when the box or the origin changes, * never per frame. */ function place() { cx = cols * o.origin[0]; cy = rows * o.origin[1]; if (dist.length !== cols * rows) dist = new Float32Array(cols * rows); reach = 0; for (let i = 0, y = 0; y < rows; y++) { for (let x = 0; x < cols; x++, i++) { dist[i] = Math.hypot(x + 0.5 - cx, y + 0.5 - cy); if (dist[i] > reach) reach = dist[i]; } } reach *= 0.95; } function paint({ px, t, intensity, reduced }: FxFrame, set: Ring[]) { px.clear(); const gain = reduced ? intensity : 1; for (let i = 0, y = 0; y < rows; y++) { for (let x = 0; x < cols; x++, i++) { let a = 0; for (const ring of set) { const e = (dist[i] - ring.r) / o.width; if (e > 2.5 || e < -2.5) continue; const fade = (1 - ring.r / reach) ** 1.2; const g = Math.exp(-e * e) * fade; if (g > a) a = g; } px.dither(x, y, a * 0.85, color, gain); } } if (reduced) return; for (const ring of set) { const fade = 1 - ring.r / reach; for (let k = 0; k < 4; k++) { const angle = ring.phase + (k * TAU) / 4 + ring.r * 0.05; const x = Math.round(cx + Math.cos(angle) * ring.r); const y = Math.round(cy + Math.sin(angle) * ring.r); const tw = twinkle(t, ring.phase + k * 2); px.glint(x, y, color, fade * (0.5 + 0.5 * tw), arms(tw)); } } } return { resize(c, r, random) { cols = c; rows = r; rand = random; place(); live = []; until = 0.05; }, step(frame) { const { dt, intensity, reduced } = frame; lastReduced = reduced; if (reduced) { paint( frame, [0.25, 0.55, 0.85].map((f) => ({ r: reach * f, phase: 0 })), ); return true; } until -= dt; if (intensity > 0.3) { if (until <= 0) { live.push({ r: 1.5, phase: rand() * TAU }); until = o.interval; } } else if (until > 0.05) until = 0.05; for (const ring of live) ring.r += o.speed * rows * dt; live = live.filter((ring) => ring.r < reach); if (live.length === 0 && !alive) return false; alive = live.length > 0; paint(frame, live); return true; }, idle: () => lastReduced || !alive, set(patch) { o = assign(DEFAULTS, o, patch); if ("color" in patch) color = toRgb(o.color); // Rings in flight move with the origin rather than restarting, so it // can follow a pointer. if ("origin" in patch && cols > 0) place(); }, }; } 5e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L5f",null,{"namespace":"@sekei","registryDependencies":["sekeidesign/shad-fx/shad-fx-engine"]}]]}],null]}],["$","$L60",null,{"files":[{"path":"registry/shad-fx/effects/rings.ts","content":"$61","type":"registry:lib","target":"@components/shad-fx/effects/rings.ts"}],"className":"h-[70svh] min-h-80"}]]}]