@nous-research/ui 0.1.0

package/dist/ui/components/overlays/glitch.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import * as THREE from 'three';
+import { useGpuTier } from '../../../hooks/use-gpu-tier';
+import { useSmoothControls } from '../../../hooks/use-smooth-controls';
+import { cn } from '../../../utils';
+import { BLEND_MODES } from '.';
+const vert = /*glsl*/ `
+  varying vec2 vUv;
+  void main() {
+    vUv = uv;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`;
+const frag = /*glsl*/ `
+  uniform float uTime, uAlpha, uIntensity, uChroma, uSpeed, uSparsity;
+  uniform vec3 uColor;
+  varying vec2 vUv;
+
+  float hash(vec2 p) { return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453); }
+
+  vec2 hash2(vec2 p) {
+    vec3 q = fract(vec3(p.xyx) * vec3(.1031, .1030, .0973));
+    q += dot(q, q.yzx + 33.33);
+    return fract((q.xx + q.yz) * q.zy);
+  }
+
+  float dither(vec2 p, float a) {
+    return step(mod(floor(p.x) + floor(p.y) * 2.0, 4.0) / 4.0, a);
+  }
+
+  void main() {
+    vec3 col = vec3(0.0);
+    float t = uTime * uSpeed;
+    float tSlow = floor(t / 3.0);
+    float dit = dither(gl_FragCoord.xy * 0.5, 0.7);
+
+    for (float i = 0.0; i < 6.0; i++) {
+      float seed = i * 137.3;
+      float epoch = floor((t + hash(vec2(seed, 77.7)) * 200.0) / (4.0 + hash(vec2(seed, 0.0)) * 6.0));
+      float life = fract((t + hash(vec2(seed, 77.7)) * 200.0) / (4.0 + hash(vec2(seed, 0.0)) * 6.0));
+
+      if (hash(vec2(epoch, seed)) > 1.0 - uSparsity * 0.7) continue;
+
+      vec2 center = vec2(hash(vec2(epoch, seed + 13.1)), hash(vec2(epoch, seed + 27.3)));
+      vec2 size = vec2(0.015 + hash(vec2(epoch, seed + 41.5)) * 0.08, 0.008 + hash(vec2(epoch, seed + 53.7)) * 0.04);
+      vec2 d = abs(vUv - center);
+
+      if (d.x < size.x && d.y < size.y) {
+        float fade = smoothstep(0.0, 0.05, life) * smoothstep(1.0, 0.95, life);
+        vec2 gUV = vUv + (hash2(vec2(epoch, seed + 200.0)) - 0.5) * 0.08 * uIntensity;
+        float shift = uChroma * 0.015 * (sin(t * 2.0 + hash(vec2(epoch, seed)) * 6.28) * 0.3 + 0.7);
+
+        col += uColor * vec3(
+          hash(gUV * 50.0 + vec2(shift, 0.0) + epoch),
+          hash(gUV * 50.0 + epoch),
+          hash(gUV * 50.0 - vec2(shift, 0.0) + epoch)
+        ) * dither(gl_FragCoord.xy * 0.5, fade * 0.8 + 0.2) * uIntensity * 0.7;
+      }
+    }
+
+    for (float i = 0.0; i < 12.0; i++) {
+      float seed = i * 211.7 + 1000.0;
+      float epoch = floor((t + hash(vec2(seed, 77.7)) * 150.0) / (3.0 + hash(vec2(seed, 0.0)) * 5.0));
+      float life = fract((t + hash(vec2(seed, 77.7)) * 150.0) / (3.0 + hash(vec2(seed, 0.0)) * 5.0));
+
+      if (hash(vec2(epoch, seed)) > 1.0 - uSparsity * 0.5) continue;
+
+      vec2 pos = vec2(hash(vec2(epoch, seed + 13.1)), hash(vec2(epoch, seed + 27.3)));
+      float px = 0.003 + hash(vec2(epoch, seed + 41.5)) * 0.008;
+
+      if (abs(vUv.x - pos.x) < px && abs(vUv.y - pos.y) < px) {
+        float fade = smoothstep(0.0, 0.1, life) * smoothstep(1.0, 0.9, life);
+        vec3 c = uColor;
+        float cs = hash(vec2(epoch, seed + 700.0));
+
+        if (cs < 0.2) c.r *= 1.8 * uChroma;
+        else if (cs < 0.4) c.b *= 1.8 * uChroma;
+
+        col += c * dither(gl_FragCoord.xy * 0.5, fade * 0.9) * uIntensity;
+      }
+    }
+
+    float tearSize = 25.0 + uSparsity * 10.0;
+    float tearThresh = 0.85 + uSparsity * 0.1;
+
+    float hY = floor(vUv.y * tearSize);
+    if (step(tearThresh, hash(vec2(hY, tSlow))) > 0.0) {
+      float shift = (hash(vec2(hY, tSlow + 50.0)) - 0.5) * 0.25 * uIntensity;
+      col += uColor * step(0.4, hash(vec2(vUv.x + shift, hY + tSlow))) * dit * uIntensity * 0.5;
+    }
+
+    float vX = floor(vUv.x * tearSize);
+    if (step(tearThresh, hash(vec2(vX, tSlow + 100.0))) > 0.0) {
+      float shift = (hash(vec2(vX, tSlow + 150.0)) - 0.5) * 0.25 * uIntensity;
+      col += uColor * step(0.4, hash(vec2(vX + tSlow, vUv.y + shift))) * dit * uIntensity * 0.5;
+    }
+
+    gl_FragColor = vec4(col * uAlpha, max(col.r, max(col.g, col.b)) * uAlpha);
+  }
+`;
+export function Glitch({ className, style }) {
+    const gpuTier = useGpuTier();
+    const c = useSmoothControls('Effects/Glitch', {
+        alpha: { max: 2, min: 0, step: 0.01, value: 0.25 },
+        blend: { options: BLEND_MODES, value: 'difference' },
+        chroma: { max: 3, min: 0, step: 0.01, value: 1.17 },
+        color: { value: '#ffe6cb' },
+        enabled: { value: true },
+        intensity: { max: 1, min: 0, step: 0.01, value: 0.59 },
+        sparsity: { max: 1, min: 0, step: 0.01, value: 0.21 },
+        speed: { max: 10, min: 0.1, step: 0.1, value: 1 }
+    }, { collapsed: true });
+    const ref = useRef(null);
+    const cRef = useRef(c);
+    cRef.current = c;
+    const enabled = c.enabled && gpuTier > 0;
+    useEffect(() => {
+        if (!ref.current || !enabled) {
+            return;
+        }
+        const renderer = new THREE.WebGLRenderer({
+            alpha: true,
+            canvas: ref.current
+        });
+        const camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+        const geo = new THREE.PlaneGeometry(2, 2);
+        const scene = new THREE.Scene();
+        const mat = new THREE.ShaderMaterial({
+            fragmentShader: frag,
+            transparent: true,
+            uniforms: {
+                uAlpha: { value: c.alpha },
+                uChroma: { value: c.chroma },
+                uColor: { value: new THREE.Color(c.color) },
+                uIntensity: { value: c.intensity },
+                uSparsity: { value: c.sparsity },
+                uSpeed: { value: c.speed },
+                uTime: { value: 0 }
+            },
+            vertexShader: vert
+        });
+        scene.add(new THREE.Mesh(geo, mat));
+        const resize = () => {
+            renderer.setSize(innerWidth, innerHeight);
+            renderer.setPixelRatio(Math.min(devicePixelRatio, 2));
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        let raf, time = 0;
+        const interval = gpuTier === 1 ? 100 : 0;
+        const loop = () => {
+            raf = interval
+                ? setTimeout(loop, interval)
+                : requestAnimationFrame(loop);
+            time += interval ? interval / 1000 : 0.016;
+            const v = cRef.current;
+            mat.uniforms.uTime.value = time;
+            mat.uniforms.uAlpha.value = v.alpha;
+            mat.uniforms.uChroma.value = v.chroma;
+            mat.uniforms.uIntensity.value = v.intensity;
+            mat.uniforms.uSparsity.value = v.sparsity;
+            mat.uniforms.uSpeed.value = v.speed;
+            mat.uniforms.uColor.value.set(v.color);
+            renderer.render(scene, camera);
+        };
+        loop();
+        return () => {
+            window.removeEventListener('resize', resize);
+            if (interval) {
+                clearTimeout(raf);
+            }
+            else {
+                cancelAnimationFrame(raf);
+            }
+            mat.dispose();
+            geo.dispose();
+            renderer.dispose();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [enabled, gpuTier]);
+    if (!enabled) {
+        return null;
+    }
+    return (_jsx("canvas", { className: cn('h-full w-full', className), ref: ref, style: {
+            mixBlendMode: c.blend,
+            ...style
+        } }));
+}
+//# sourceMappingURL=glitch.js.map

package/dist/ui/components/overlays/glitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glitch.js","sourceRoot":"","sources":["../../../../src/ui/components/overlays/glitch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAE/B,MAAM,IAAI,GAAG,QAAQ,CAAC;;;;;;CAMrB,CAAA;AAED,MAAM,IAAI,GAAG,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFrB,CAAA;AAED,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAe;IACtD,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,CAAC,GAAG,iBAAiB,CACzB,gBAAgB,EAChB;QACE,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QAClD,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE;QACpD,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QACnD,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;QAC3B,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QACxB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QACtD,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QACrD,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;KAClD,EACD,EAAE,SAAS,EAAE,IAAI,EAAE,CACpB,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IACtB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAA;IAEhB,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,OAAO,GAAG,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YAC7B,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC;YACvC,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,GAAG,CAAC,OAAO;SACpB,CAAC,CAAA;QAEF,MAAM,MAAM,GAAG,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAC/D,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QACzC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;QAE/B,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC;YACnC,cAAc,EAAE,IAAI;YACpB,WAAW,EAAE,IAAI;YACjB,QAAQ,EAAE;gBACR,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE;gBAC1B,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;gBAC5B,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC3C,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE;gBAClC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE;gBAChC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE;gBAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;aACpB;YACD,YAAY,EAAE,IAAI;SACnB,CAAC,CAAA;QAEF,KAAK,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;QAEnC,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,QAAQ,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;YACzC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAA;QACvD,CAAC,CAAA;QAED,MAAM,EAAE,CAAA;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAEzC,IAAI,GAAW,EACb,IAAI,GAAG,CAAC,CAAA;QAEV,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAExC,MAAM,IAAI,GAAG,GAAG,EAAE;YAChB,GAAG,GAAG,QAAQ;gBACZ,CAAC,CAAE,UAAU,CAAC,IAAI,EAAE,QAAQ,CAAuB;gBACnD,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;YAE/B,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;YAE1C,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAA;YAEtB,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAA;YAC/B,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAA;YACnC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;YACrC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,SAAS,CAAA;YAC3C,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,QAAQ,CAAA;YACzC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAA;YACnC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;YAEtC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAChC,CAAC,CAAA;QAED,IAAI,EAAE,CAAA;QAEN,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;YAE5C,IAAI,QAAQ,EAAE,CAAC;gBACb,YAAY,CAAC,GAAG,CAAC,CAAA;YACnB,CAAC;iBAAM,CAAC;gBACN,oBAAoB,CAAC,GAAG,CAAC,CAAA;YAC3B,CAAC;YAED,GAAG,CAAC,OAAO,EAAE,CAAA;YACb,GAAG,CAAC,OAAO,EAAE,CAAA;YACb,QAAQ,CAAC,OAAO,EAAE,CAAA;QACpB,CAAC,CAAA;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAA;IAEtB,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,YAAY,EAAE,CAAC,CAAC,KAA4C;YAC5D,GAAG,KAAK;SACT,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/ui/components/overlays/greys.d.ts

@@ -0,0 +1,6 @@
+export declare function Greys({ className, style }: GreysProps): import("react/jsx-runtime").JSX.Element | null;
+interface GreysProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export {};

package/dist/ui/components/overlays/greys.js

@@ -0,0 +1,300 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import * as THREE from 'three';
+import { useGpuTier } from '../../../hooks/use-gpu-tier';
+import { useSmoothControls } from '../../../hooks/use-smooth-controls';
+import { cn } from '../../../utils';
+import { BLEND_MODES } from '.';
+const vert = /*glsl*/ `
+  varying vec2 vUv;
+  void main() {
+    vUv = uv;
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+  }
+`;
+const sourceFrag = /*glsl*/ `
+  uniform sampler2D uTex0, uTex1, uTex2, uTex3;
+  uniform float uTime, uZoom, uSpeed, uRotate, uFolds, uDrift;
+  varying vec2 vUv;
+
+  vec3 gray(vec3 c) { return vec3(dot(c, vec3(.299, .587, .114))); }
+  vec2 rot(vec2 p, float a) { return vec2(p.x * cos(a) - p.y * sin(a), p.x * sin(a) + p.y * cos(a)); }
+
+  vec2 kaleid(vec2 p, float n) {
+    float a = mod(atan(p.y, p.x), 6.28318 / n) - 3.14159 / n;
+    return length(p) * vec2(cos(a), sin(a));
+  }
+
+  vec4 tex(int i, vec2 uv) {
+    if (i == 0) return texture2D(uTex0, uv);
+    if (i == 1) return texture2D(uTex1, uv);
+    if (i == 2) return texture2D(uTex2, uv);
+    return texture2D(uTex3, uv);
+  }
+
+  void main() {
+    vec2 uv = rot(vUv - .5, uTime * uRotate * .05);
+    if (uFolds > 1.) uv = kaleid(uv, uFolds);
+
+    float dt = uTime * uDrift * .1;
+    uv = uv / uZoom + .5 + vec2(sin(dt * .7) * cos(dt * .3), cos(dt * .5) * sin(dt * .9)) * .15 * uDrift;
+
+    float cycle = mod(uTime * uSpeed * .01, 4.);
+    int i0 = int(floor(cycle)), i1 = int(mod(float(i0) + 1., 4.));
+    float t = smoothstep(0., 1., fract(cycle));
+
+    vec3 base = mix(gray(vec3(1.) - tex(i0, uv).rgb), gray(vec3(1.) - tex(i1, uv).rgb), t);
+    vec2 uvF = vec2(1. - uv.x, uv.y);
+    vec3 flip = mix(gray(vec3(1.) - tex(i0, uvF).rgb), gray(vec3(1.) - tex(i1, uvF).rgb), t);
+
+    gl_FragColor = vec4(mix(base, flip, .3 + sin(uTime * .2) * .2), 1.);
+  }
+`;
+const moshFrag = /*glsl*/ `
+  uniform sampler2D uCurrent, uPrev, uTex0, uTex1, uTex2, uTex3;
+  uniform float uTime, uIntensity, uMotion, uZoom, uSpeed;
+  uniform vec2 uRes;
+  varying vec2 vUv;
+
+  float hash(vec2 p) { return fract(sin(dot(p, vec2(12.9898, 78.233))) * 43758.5453); }
+  vec2 hash2(vec2 p) { return fract(sin(vec2(dot(p, vec2(127.1, 311.7)), dot(p, vec2(269.5, 183.3)))) * 43758.5453); }
+
+  float noise(vec2 p) {
+    vec2 i = floor(p), f = fract(p) * fract(p) * (3. - 2. * fract(p));
+    return mix(mix(hash(i), hash(i + vec2(1., 0.)), f.x), mix(hash(i + vec2(0., 1.)), hash(i + vec2(1., 1.)), f.x), f.y);
+  }
+
+  vec3 gray(vec3 c) { return vec3(dot(c, vec3(.299, .587, .114))); }
+
+  vec2 distort(vec2 uv, float k, float t) {
+    float n1 = noise(uv * 8. + t * .5), n2 = noise(uv * 12. + t * .7), flow = noise(uv * 4. + t * .3);
+    return uv + vec2(cos(n1 * 6.28 + t * 1.2), sin(n2 * 6.28 + t * .9)) * .02 * k
+             + vec2(cos(flow * 6.28 + uv.y * 10.), sin(flow * 6.28 + uv.x * 10.)) * .015 * k;
+  }
+
+  vec3 tex(int i, vec2 uv) {
+    vec2 zuv = (uv - .5) / uZoom + .5;
+    if (i == 0) return gray(vec3(1.) - texture2D(uTex0, zuv).rgb);
+    if (i == 1) return gray(vec3(1.) - texture2D(uTex1, zuv).rgb);
+    if (i == 2) return gray(vec3(1.) - texture2D(uTex2, zuv).rgb);
+    return gray(vec3(1.) - texture2D(uTex3, zuv).rgb);
+  }
+
+  void main() {
+    vec2 uv = vUv;
+    float t = uTime * uSpeed, tS = floor(t * .1), pS = 80.;
+    float amt = uIntensity * uMotion * .8 * (.7 + (sin(t * .5) * .5 + .5) * .3);
+
+    vec2 mUV = distort(uv, uIntensity * .4, t);
+
+    float hS = floor(uv.y * pS), hA = smoothstep(0., .8, hash(vec2(hS, tS)));
+    float hO = (hash(vec2(hS, tS + 50.)) - .5) * .25 * hA * amt;
+    float vS = floor(uv.x * pS), vA = smoothstep(0., .8, hash(vec2(vS, tS + 100.)));
+    float vO = (hash(vec2(vS, tS + 150.)) - .5) * .25 * vA * amt;
+    mUV += vec2(hO, vO);
+
+    float bS = pS * .25;
+    float hBA = step(.5, hash(vec2(floor(uv.y * bS), tS + 200.)));
+    float hBO = (hash(vec2(floor(uv.y * bS), 200.)) - .5) * .35 * hBA * amt;
+    float vBA = step(.5, hash(vec2(floor(uv.x * bS), tS + 300.)));
+    float vBO = (hash(vec2(floor(uv.x * bS), 250.)) - .5) * .35 * vBA * amt;
+    mUV += vec2(hBO, vBO);
+
+    vec2 blk = floor(uv * pS * .15);
+    mUV += (hash2(vec2(blk.x, blk.y + 500.)) - .5) * .4 * step(.7, hash(vec2(blk.x, blk.y + tS))) * amt;
+    mUV = clamp(mUV, 0., 1.);
+
+    vec3 prev = texture2D(uPrev, mUV).rgb;
+    prev = mix(prev, texture2D(uPrev, clamp(uv + vec2(hBO, vBO), 0., 1.)).rgb, max(hBA, vBA) * .9);
+
+    float tY = floor(uv.y * pS * .4);
+    if (hash(vec2(tY, tS + 400.)) > .75) {
+      prev = mix(prev, texture2D(uPrev, clamp(vec2(uv.x + (hash(vec2(tY, 400.)) - .5) * .5 * amt, uv.y), 0., 1.)).rgb, .85);
+    }
+
+    if (hA > 0. && amt > .01) {
+      prev = mix(prev, gray(texture2D(uPrev, clamp(vec2(uv.x + (gray(prev).r - uv.x) * amt + hO, uv.y), 0., 1.)).rgb), hA);
+    }
+
+    float d = mix(mix(.97, .99, noise(uv * 8. + t * .2)), 0., step(.994, hash(vec2(tS, 0.))));
+    gl_FragColor = vec4(mix(texture2D(uCurrent, uv).rgb, prev, d), 1.);
+  }
+`;
+const outputFrag = /*glsl*/ `
+  uniform sampler2D uInput;
+  uniform float uTime, uAlpha, uHue;
+  uniform vec3 uColor;
+  varying vec2 vUv;
+
+  float hash(vec2 p) { return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453); }
+
+  vec3 hueShift(vec3 c, float h) {
+    float a = h * 6.28318, s = sin(a), co = cos(a);
+    vec3 w = vec3(.299, .587, .114);
+    return clamp(vec3(
+      dot(c, w) + dot(c, vec3(.701, -.587, -.114) * co + vec3(.168, .330, -.497) * s),
+      dot(c, w) + dot(c, vec3(-.299, .413, -.114) * co + vec3(.328, .035, -.363) * s),
+      dot(c, w) + dot(c, vec3(-.299, -.587, .886) * co + vec3(-.497, .330, .168) * s)
+    ), 0., 1.);
+  }
+
+  void main() {
+    vec3 m = texture2D(uInput, vUv).rgb;
+    m *= 1. - step(.5, fract(vUv.y * 200.)) * .06 * step(.97, hash(vec2(floor(vUv.y * 30.), floor(uTime * .5))));
+
+    float lum = dot(m, vec3(.299, .587, .114));
+    gl_FragColor = vec4(hueShift(mix(vec3(lum), uColor * lum * 2., length(uColor)), uHue) * uAlpha, smoothstep(.08, .18, lum * uAlpha));
+  }
+`;
+const TEXTURES = [
+    '/anatomy/grays-0.jpg',
+    '/anatomy/grays-3.jpg',
+    '/anatomy/grays-6.jpg',
+    '/anatomy/grays-9.jpg'
+];
+export function Greys({ className, style }) {
+    const gpuTier = useGpuTier();
+    const [blendOverride, setBlendOverride] = useState(null);
+    const canvasRef = useRef(null);
+    const c = useSmoothControls('Effects/Greys', {
+        alpha: { max: 1, min: 0, step: 0.01, value: 0.19 },
+        blend: { options: BLEND_MODES, value: 'color-burn' },
+        color: { value: '#ffac02' },
+        drift: { max: 2, min: 0, step: 0.1, value: 0.5 },
+        enabled: { value: false },
+        folds: { max: 12, min: 1, step: 1, value: 1 },
+        hue: { max: 1, min: 0, step: 0.01, value: 0.37 },
+        intensity: { max: 3, min: 0, step: 0.1, value: 0.1 },
+        motion: { max: 2, min: 0, step: 0.1, value: 0.1 },
+        rotate: { max: 2, min: -2, step: 0.1, value: 0.3 },
+        speed: { max: 1, min: 0.01, step: 0.01, value: 0.21 },
+        zoom: { max: 4, min: 0.5, step: 0.1, value: 0.7 }
+    }, { collapsed: true });
+    const cRef = useRef(c);
+    cRef.current = c;
+    useEffect(() => {
+        const onKey = (e) => e.key.toLowerCase() === 'x' &&
+            setBlendOverride(p => (p === 'screen' ? null : 'screen'));
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, []);
+    const enabled = c.enabled && gpuTier === 2;
+    useEffect(() => {
+        if (!canvasRef.current || !enabled) {
+            return;
+        }
+        const renderer = new THREE.WebGLRenderer({
+            alpha: true,
+            canvas: canvasRef.current
+        });
+        const camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
+        const geo = new THREE.PlaneGeometry(2, 2);
+        const [rtSource, rtA, rtB] = [0, 1, 2].map(() => new THREE.WebGLRenderTarget(innerWidth, innerHeight, {
+            magFilter: THREE.NearestFilter,
+            minFilter: THREE.NearestFilter
+        }));
+        const textures = TEXTURES.map(p => {
+            const t = new THREE.TextureLoader().load(p);
+            t.wrapS = t.wrapT = THREE.ClampToEdgeWrapping;
+            t.minFilter = t.magFilter = THREE.LinearFilter;
+            return t;
+        });
+        const texU = Object.fromEntries(textures.map((t, i) => [`uTex${i}`, { value: t }]));
+        const srcU = {
+            ...texU,
+            uDrift: { value: 0 },
+            uFolds: { value: 0 },
+            uRotate: { value: 0 },
+            uSpeed: { value: 0 },
+            uTime: { value: 0 },
+            uZoom: { value: 0 }
+        };
+        const moshU = {
+            ...texU,
+            uCurrent: { value: rtSource.texture },
+            uIntensity: { value: 0 },
+            uMotion: { value: 0 },
+            uPrev: { value: rtA.texture },
+            uRes: { value: new THREE.Vector2(innerWidth, innerHeight) },
+            uSpeed: { value: 0 },
+            uTime: { value: 0 },
+            uZoom: { value: 0 }
+        };
+        const outU = {
+            uAlpha: { value: 0 },
+            uColor: { value: new THREE.Color() },
+            uHue: { value: 0 },
+            uInput: { value: rtB.texture },
+            uTime: { value: 0 }
+        };
+        const mkScene = (frag, uniforms, transparent = false) => {
+            const s = new THREE.Scene();
+            s.add(new THREE.Mesh(geo.clone(), new THREE.ShaderMaterial({
+                fragmentShader: frag,
+                transparent,
+                uniforms: uniforms,
+                vertexShader: vert
+            })));
+            return s;
+        };
+        const srcScene = mkScene(sourceFrag, srcU);
+        const moshScene = mkScene(moshFrag, moshU);
+        const outScene = mkScene(outputFrag, outU, true);
+        const resize = () => {
+            renderer.setSize(innerWidth, innerHeight);
+            renderer.setPixelRatio(Math.min(devicePixelRatio, 2));
+            [rtSource, rtA, rtB].forEach(rt => rt.setSize(innerWidth, innerHeight));
+            moshU.uRes.value.set(innerWidth, innerHeight);
+        };
+        resize();
+        window.addEventListener('resize', resize);
+        let raf, ping = true, time = 0;
+        const loop = () => {
+            raf = requestAnimationFrame(loop);
+            time += 0.016;
+            const v = cRef.current;
+            srcU.uTime.value = time;
+            srcU.uSpeed.value = v.speed;
+            srcU.uZoom.value = v.zoom;
+            srcU.uRotate.value = v.rotate;
+            srcU.uFolds.value = v.folds;
+            srcU.uDrift.value = v.drift;
+            moshU.uTime.value = time;
+            moshU.uIntensity.value = v.intensity;
+            moshU.uMotion.value = v.motion;
+            moshU.uSpeed.value = v.speed;
+            moshU.uZoom.value = v.zoom;
+            outU.uTime.value = time;
+            outU.uAlpha.value = v.alpha;
+            outU.uHue.value = v.hue;
+            outU.uColor.value.set(typeof v.color === 'string' ? v.color : '#fff');
+            renderer.setRenderTarget(rtSource);
+            renderer.render(srcScene, camera);
+            const [read, write] = ping ? [rtA, rtB] : [rtB, rtA];
+            moshU.uPrev.value = read.texture;
+            renderer.setRenderTarget(write);
+            renderer.render(moshScene, camera);
+            outU.uInput.value = write.texture;
+            renderer.setRenderTarget(null);
+            renderer.render(outScene, camera);
+            ping = !ping;
+        };
+        loop();
+        return () => {
+            window.removeEventListener('resize', resize);
+            cancelAnimationFrame(raf);
+            textures.forEach(t => t.dispose());
+            [geo, rtSource, rtA, rtB, renderer].forEach(x => x.dispose());
+        };
+    }, [enabled]);
+    if (!enabled) {
+        return null;
+    }
+    return (_jsx("canvas", { className: cn('h-full w-full', className), ref: canvasRef, style: {
+            mixBlendMode: (blendOverride ??
+                c.blend),
+            ...style
+        } }));
+}
+//# sourceMappingURL=greys.js.map

package/dist/ui/components/overlays/greys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"greys.js","sourceRoot":"","sources":["../../../../src/ui/components/overlays/greys.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/overlays/index.d.ts

@@ -0,0 +1,44 @@
+export declare const BLEND_MODES: React.CSSProperties["mixBlendMode"][];
+export declare const LENS_0: {
+    Globe: {
+        innerColor: string;
+        innerOpacity: number;
+        outerColor: string;
+    };
+    Lens: {
+        bgBlend: string;
+        bgColor: string;
+        bgOpacity: number;
+        fgColor: string;
+        fgOpacity: number;
+        fillerOpacity: number;
+        mgColor: string;
+        mgOpacity: number;
+    };
+};
+export declare const LENS_5I: {
+    Globe: {
+        innerColor: string;
+        innerOpacity: number;
+        outerColor: string;
+    };
+    Lens: {
+        bgBlend: string;
+        bgColor: string;
+        bgOpacity: number;
+        fgColor: string;
+        fgOpacity: number;
+        fillerOpacity: number;
+        mgColor: string;
+        mgOpacity: number;
+    };
+};
+export declare const lens0: (l?: Partial<typeof LENS_0.Lens>, g?: Partial<typeof LENS_0.Globe>) => LensPreset;
+export declare const LENSES: [string, LensPreset][];
+export declare const applyLens: (preset: LensPreset, animate?: boolean) => void;
+export declare const $lightMode: import("nanostores").PreinitializedWritableAtom<boolean> & object;
+export declare const toggleLens: () => void;
+export declare function Overlays({ dark }: {
+    dark?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type LensPreset = Record<string, Record<string, unknown>>;