From 8732440492fe202d8aceda5aeb87f883d9c08a1c Mon Sep 17 00:00:00 2001 From: takuma-hmng8 Date: Thu, 14 Dec 2023 21:12:44 +0900 Subject: [PATCH] add useCopyTexture --- README.md | 18 + app/domSyncer/DomSyncer.tsx | 15 +- app/domSyncer/page.tsx | 2 +- packages/use-shader-fx/build/use-shader-fx.js | 535 +++++++++--------- .../use-shader-fx/build/use-shader-fx.js.map | 2 +- .../use-shader-fx/build/use-shader-fx.umd.cjs | 34 +- .../build/use-shader-fx.umd.cjs.map | 2 +- packages/use-shader-fx/package-lock.json | 4 +- packages/use-shader-fx/package.json | 2 +- .../src/hooks/useSimpleBlur/index.ts | 41 +- packages/use-shader-fx/src/index.js | 1 + .../use-shader-fx/src/utils/useCopyTexture.ts | 74 +++ packages/use-shader-fx/types/index.d.ts | 1 + .../types/utils/useCopyTexture.d.ts | 17 + 14 files changed, 449 insertions(+), 299 deletions(-) create mode 100644 packages/use-shader-fx/src/utils/useCopyTexture.ts create mode 100644 packages/use-shader-fx/types/utils/useCopyTexture.d.ts diff --git a/README.md b/README.md index 26d27e7b..3fd7256a 100644 --- a/README.md +++ b/README.md @@ -225,6 +225,18 @@ const [params, setParams] = useParams; } ``` +## useCopyTexture + +Generate an FBO array to copy the texture. + +```tsx +const [renderTargets, copyTexture] = useCopyTexture( + { scene, camera, size, dpr }, + length +); +copyTexture(gl, index); // return texture +``` + # Other Hooks ## useDomSyncer @@ -254,6 +266,11 @@ useLayoutEffect(() => { }); }, [state]); +const [, copyTexture] = useCopyTexture( + { scene: fxTextureObj.scene, camera: fxTextureObj.camera, size, dpr }, + domArr.current.length +); + useFrame((props) => { const syncedTexture = updateDomSyncer(props, { texture: [...Array(domArr.current.length)].map((_, i) => { @@ -262,6 +279,7 @@ useFrame((props) => { map: someFx, texture0: someTexture, }); + return copyTexture(props.gl, i); } }), resolution: [...Array(domArr.current.length)].map(() => diff --git a/app/domSyncer/DomSyncer.tsx b/app/domSyncer/DomSyncer.tsx index 4f62b3e0..5fbcba96 100644 --- a/app/domSyncer/DomSyncer.tsx +++ b/app/domSyncer/DomSyncer.tsx @@ -1,11 +1,12 @@ import * as THREE from "three"; -import { useLayoutEffect, useRef } from "react"; +import { useEffect, useLayoutEffect, useRef } from "react"; import { useFrame, extend, useThree, useLoader } from "@react-three/fiber"; import { FxMaterial, FxMaterialProps } from "@/utils/fxMaterial"; import { useDomSyncer, useWave, useFxTexture, + useCopyTexture, } from "@/packages/use-shader-fx/src"; import { WaveParams } from "@/packages/use-shader-fx/src/hooks/useWave"; import gsap from "gsap"; @@ -36,7 +37,7 @@ export const DomSyncer = ({ state }: { state: number }) => { const size = useThree((state) => state.size); const dpr = useThree((state) => state.viewport.dpr); - const [updateFxTexture] = useFxTexture({ size, dpr }); + const [updateFxTexture, , fxTextureObj] = useFxTexture({ size, dpr }); const [updateWave] = useWave({ size, dpr }); const [updateDomSyncer, setDomSyncer, domSyncerObj] = useDomSyncer( @@ -48,6 +49,7 @@ export const DomSyncer = ({ state }: { state: number }) => { useLayoutEffect(() => { CONFIG.waveArr = []; + if (state === 0) { domArr.current = [...document.querySelectorAll(".item")!]; } else { @@ -83,11 +85,16 @@ export const DomSyncer = ({ state }: { state: number }) => { // eslint-disable-next-line react-hooks/exhaustive-deps }, [state]); + const [, copyTexture] = useCopyTexture( + { scene: fxTextureObj.scene, camera: fxTextureObj.camera, size, dpr }, + domArr.current.length + ); + useFrame((props) => { const syncedTexture = updateDomSyncer(props, { texture: [...Array(domArr.current.length)].map((_, i) => { if (domSyncerObj.isIntersecting(i, false)) { - textureRef.current = updateFxTexture(props, { + updateFxTexture(props, { padding: 0.0, map: updateWave(props, { epicenter: CONFIG.waveArr[i].epicenter, @@ -99,6 +106,8 @@ export const DomSyncer = ({ state }: { state: number }) => { textureResolution: CONFIG.textureResolution, texture0: momo, }); + + return copyTexture(props.gl, i); } return textureRef.current; }), diff --git a/app/domSyncer/page.tsx b/app/domSyncer/page.tsx index e7740274..694d2a5c 100644 --- a/app/domSyncer/page.tsx +++ b/app/domSyncer/page.tsx @@ -52,7 +52,7 @@ export default function Page() { key={i} style={{ width: "calc(50% - 40px)", - height: "120vh", + height: "80vh", zIndex: 100, borderRadius: `${i * 50}px`, }}> diff --git a/packages/use-shader-fx/build/use-shader-fx.js b/packages/use-shader-fx/build/use-shader-fx.js index d98f1480..f3a2acd6 100644 --- a/packages/use-shader-fx/build/use-shader-fx.js +++ b/packages/use-shader-fx/build/use-shader-fx.js @@ -1,5 +1,5 @@ import * as n from "three"; -import { useMemo as p, useEffect as b, useRef as M, useLayoutEffect as q, useCallback as w, useState as oe } from "react"; +import { useMemo as p, useEffect as _, useRef as y, useLayoutEffect as N, useCallback as S, useState as oe } from "react"; var ae = `varying vec2 vUv; void main() { @@ -108,23 +108,23 @@ void main() { gl_FragColor = vec4(bufferColor.rgb,1.0); }`; -const E = (t, i = !1) => { +const O = (t, i = !1) => { const r = i ? t.width * i : t.width, e = i ? t.height * i : t.height; return p( () => new n.Vector2(r, e), [r, e] ); -}, O = (t, i, r) => { +}, E = (t, i, r) => { const e = p( () => new n.Mesh(i, r), [i, r] ); - return b(() => { + return _(() => { t.add(e); - }, [t, e]), b(() => () => { + }, [t, e]), _(() => () => { t.remove(e), i.dispose(), r.dispose(); }, [t, i, r, e]), e; -}, l = (t, i, r) => { +}, c = (t, i, r) => { t.uniforms && t.uniforms[i] && r !== void 0 && r !== null ? t.uniforms[i].value = r : console.error( `Uniform key "${String( i @@ -158,15 +158,15 @@ const E = (t, i = !1) => { fragmentShader: ie }), [] - ), u = E(i, r); - return b(() => { - l(o, "uAspect", u.width / u.height), l(o, "uResolution", u.clone()); - }, [u, o]), O(t, e, o), o; + ), u = O(i, r); + return _(() => { + c(o, "uAspect", u.width / u.height), c(o, "uResolution", u.clone()); + }, [u, o]), E(t, e, o), o; }, se = (t, i) => { const r = i, e = t / i, [o, u] = [r * e / 2, r / 2]; return { width: o, height: u, near: -1e3, far: 1e3 }; }, V = (t) => { - const i = E(t), { width: r, height: e, near: o, far: u } = se( + const i = O(t), { width: r, height: e, near: o, far: u } = se( i.x, i.y ); @@ -181,7 +181,7 @@ const E = (t, i = !1) => { ), [r, e, o, u] ); -}, W = { +}, I = { minFilter: n.LinearFilter, magFilter: n.LinearFilter, type: n.HalfFloatType, @@ -194,72 +194,72 @@ const E = (t, i = !1) => { dpr: e = !1, isSizeUpdate: o = !1 }) => { - const u = M(), c = E(r, e); + const u = y(), l = O(r, e); u.current = p( - () => new n.WebGLRenderTarget(c.x, c.y, W), + () => new n.WebGLRenderTarget(l.x, l.y, I), // eslint-disable-next-line react-hooks/exhaustive-deps [] - ), q(() => { + ), N(() => { var s; - o && ((s = u.current) == null || s.setSize(c.x, c.y)); - }, [c, o]), b(() => { + o && ((s = u.current) == null || s.setSize(l.x, l.y)); + }, [l, o]), _(() => { const s = u.current; return () => { s == null || s.dispose(); }; }, []); - const a = w( - (s, d) => { - const v = u.current; - return s.setRenderTarget(v), d && d({ read: v.texture }), s.render(t, i), s.setRenderTarget(null), s.clear(), v.texture; + const a = S( + (s, v) => { + const d = u.current; + return s.setRenderTarget(d), v && v({ read: d.texture }), s.render(t, i), s.setRenderTarget(null), s.clear(), d.texture; }, [t, i] ); return [u.current, a]; -}, A = ({ +}, z = ({ scene: t, camera: i, size: r, dpr: e = !1, isSizeUpdate: o = !1 }) => { - const u = M({ + const u = y({ read: null, write: null, swap: function() { - let d = this.read; - this.read = this.write, this.write = d; + let v = this.read; + this.read = this.write, this.write = v; } - }), c = E(r, e), a = p(() => { - const d = new n.WebGLRenderTarget( - c.x, - c.y, - W - ), v = new n.WebGLRenderTarget( - c.x, - c.y, - W + }), l = O(r, e), a = p(() => { + const v = new n.WebGLRenderTarget( + l.x, + l.y, + I + ), d = new n.WebGLRenderTarget( + l.x, + l.y, + I ); - return { read: d, write: v }; + return { read: v, write: d }; }, []); - u.current.read = a.read, u.current.write = a.write, q(() => { - var d, v; - o && ((d = u.current.read) == null || d.setSize(c.x, c.y), (v = u.current.write) == null || v.setSize(c.x, c.y)); - }, [c, o]), b(() => { - const d = u.current; + u.current.read = a.read, u.current.write = a.write, N(() => { + var v, d; + o && ((v = u.current.read) == null || v.setSize(l.x, l.y), (d = u.current.write) == null || d.setSize(l.x, l.y)); + }, [l, o]), _(() => { + const v = u.current; return () => { - var v, f; - (v = d.read) == null || v.dispose(), (f = d.write) == null || f.dispose(); + var d, f; + (d = v.read) == null || d.dispose(), (f = v.write) == null || f.dispose(); }; }, []); - const s = w( - (d, v) => { + const s = S( + (v, d) => { var m; const f = u.current; - return d.setRenderTarget(f.write), v && v({ + return v.setRenderTarget(f.write), d && d({ read: f.read.texture, write: f.write.texture - }), d.render(t, i), f.swap(), d.setRenderTarget(null), d.clear(), (m = f.read) == null ? void 0 : m.texture; + }), v.render(t, i), f.swap(), v.setRenderTarget(null), v.clear(), (m = f.read) == null ? void 0 : m.texture; }, [t, i] ); @@ -267,33 +267,33 @@ const E = (t, i = !1) => { { read: u.current.read, write: u.current.write }, s ]; -}, N = () => { - const t = M(new n.Vector2(0, 0)), i = M(new n.Vector2(0, 0)), r = M(0), e = M(new n.Vector2(0, 0)), o = M(!1); - return w((c) => { - const a = performance.now(), s = c.clone(); +}, X = () => { + const t = y(new n.Vector2(0, 0)), i = y(new n.Vector2(0, 0)), r = y(0), e = y(new n.Vector2(0, 0)), o = y(!1); + return S((l) => { + const a = performance.now(), s = l.clone(); r.current === 0 && (r.current = a, t.current = s); - const d = Math.max(1, a - r.current); - r.current = a, e.current.copy(s).sub(t.current).divideScalar(d); - const v = e.current.length() > 0, f = o.current ? t.current.clone() : s; - return !o.current && v && (o.current = !0), t.current = s, { + const v = Math.max(1, a - r.current); + r.current = a, e.current.copy(s).sub(t.current).divideScalar(v); + const d = e.current.length() > 0, f = o.current ? t.current.clone() : s; + return !o.current && d && (o.current = !0), t.current = s, { currentPointer: s, prevPointer: f, diffPointer: i.current.subVectors(s, f), velocity: e.current, - isVelocityUpdate: v + isVelocityUpdate: d }; }, []); }, F = (t) => { - const r = M( + const r = y( ((o) => Object.values(o).some((u) => typeof u == "function"))(t) ? t : structuredClone(t) - ), e = w((o) => { + ), e = S((o) => { for (const u in o) { - const c = u; - c in r.current && o[c] !== void 0 && o[c] !== null ? r.current[c] = o[c] : console.error( + const l = u; + l in r.current && o[l] !== void 0 && o[l] !== null ? r.current[l] = o[l] : console.error( `"${String( - c + l )}" does not exist in the params. or "${String( - c + l )}" is null | undefined` ); } @@ -311,30 +311,30 @@ const E = (t, i = !1) => { size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = ue({ scene: r, size: t, dpr: i }), o = V(t), u = N(), [c, a] = A({ + const r = p(() => new n.Scene(), []), e = ue({ scene: r, size: t, dpr: i }), o = V(t), u = X(), [l, a] = z({ scene: r, camera: o, size: t, dpr: i - }), [s, d] = F(le); + }), [s, v] = F(le); return [ - w( + S( (f, m) => { const { gl: x, pointer: g } = f; - m && d(m), l(e, "uTexture", s.texture), l(e, "uRadius", s.radius), l(e, "uSmudge", s.smudge), l(e, "uDissipation", s.dissipation), l(e, "uMotionBlur", s.motionBlur), l(e, "uMotionSample", s.motionSample), l(e, "uColor", s.color); - const { currentPointer: h, prevPointer: R, velocity: _ } = u(g); - return l(e, "uMouse", h), l(e, "uPrevMouse", R), l(e, "uVelocity", _), a(x, ({ read: D }) => { - l(e, "uMap", D); + m && v(m), c(e, "uTexture", s.texture), c(e, "uRadius", s.radius), c(e, "uSmudge", s.smudge), c(e, "uDissipation", s.dissipation), c(e, "uMotionBlur", s.motionBlur), c(e, "uMotionSample", s.motionSample), c(e, "uColor", s.color); + const { currentPointer: h, prevPointer: R, velocity: b } = u(g); + return c(e, "uMouse", h), c(e, "uPrevMouse", R), c(e, "uVelocity", b), a(x, ({ read: D }) => { + c(e, "uMap", D); }); }, - [e, u, a, s, d] + [e, u, a, s, v] ), - d, + v, { scene: r, material: e, camera: o, - renderTarget: c + renderTarget: l } ]; }; @@ -371,7 +371,7 @@ const de = (t) => { }), [] ); - return O(t, i, r), r; + return E(t, i, r), r; }, fe = { texture: new n.Texture(), color0: new n.Color(16777215), @@ -380,19 +380,19 @@ const de = (t) => { size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = de(r), o = V(t), [u, c] = U({ + const r = p(() => new n.Scene(), []), e = de(r), o = V(t), [u, l] = U({ scene: r, camera: o, size: t, dpr: i }), [a, s] = F(fe); return [ - w( - (v, f) => { - const { gl: m } = v; - return f && s(f), l(e, "uTexture", a.texture), l(e, "uColor0", a.color0), l(e, "uColor1", a.color1), c(m); + S( + (d, f) => { + const { gl: m } = d; + return f && s(f), c(e, "uTexture", a.texture), c(e, "uColor0", a.color0), c(e, "uColor1", a.color1), l(m); }, - [c, e, s, a] + [l, e, s, a] ), s, { @@ -452,7 +452,7 @@ const ge = (t) => { }), [] ); - return O(t, i, r), r; + return E(t, i, r), r; }, xe = { texture: new n.Texture(), noiseMap: new n.Texture(), @@ -464,19 +464,19 @@ const ge = (t) => { size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = ge(r), o = V(t), [u, c] = U({ + const r = p(() => new n.Scene(), []), e = ge(r), o = V(t), [u, l] = U({ scene: r, camera: o, size: t, dpr: i }), [a, s] = F(xe); return [ - w( - (v, f) => { - const { gl: m, clock: x } = v; - return f && s(f), l(e, "uTime", x.getElapsedTime()), l(e, "uTexture", a.texture), l(e, "uNoiseMap", a.noiseMap), l(e, "distortionStrength", a.distortionStrength), l(e, "fogEdge0", a.fogEdge0), l(e, "fogEdge1", a.fogEdge1), l(e, "fogColor", a.fogColor), c(m); + S( + (d, f) => { + const { gl: m, clock: x } = d; + return f && s(f), c(e, "uTime", x.getElapsedTime()), c(e, "uTexture", a.texture), c(e, "uNoiseMap", a.noiseMap), c(e, "distortionStrength", a.distortionStrength), c(e, "fogEdge0", a.fogEdge0), c(e, "fogEdge1", a.fogEdge1), c(e, "fogColor", a.fogColor), l(m); }, - [c, e, s, a] + [l, e, s, a] ), s, { @@ -771,56 +771,56 @@ const Ee = () => p( size: i, dpr: r }) => { - const e = p(() => new n.PlaneGeometry(2, 2), []), o = ye(), u = o.clone(), c = Ce(), a = Pe(), s = Me(), d = we(), v = _e(), f = Ve(), m = Be(), x = Ee(), g = p( + const e = p(() => new n.PlaneGeometry(2, 2), []), o = ye(), u = o.clone(), l = Ce(), a = Pe(), s = Me(), v = we(), d = _e(), f = Ve(), m = Be(), x = Ee(), g = p( () => ({ vorticityMaterial: a, - curlMaterial: c, + curlMaterial: l, advectionMaterial: s, - divergenceMaterial: d, - pressureMaterial: v, + divergenceMaterial: v, + pressureMaterial: d, clearMaterial: f, gradientSubtractMaterial: m, splatMaterial: x }), [ a, - c, + l, s, - d, v, + d, f, m, x ] - ), h = E(i, r); - b(() => { - l( + ), h = O(i, r); + _(() => { + c( g.splatMaterial, "aspectRatio", h.x / h.y ); - for (const y of Object.values(g)) - l( - y, + for (const T of Object.values(g)) + c( + T, "texelSize", new n.Vector2(1 / h.x, 1 / h.y) ); }, [h, g]); - const R = O(t, e, o); - b(() => { + const R = E(t, e, o); + _(() => { o.dispose(), R.material = u; - }, [o, R, u]), b(() => () => { - for (const y of Object.values(g)) - y.dispose(); + }, [o, R, u]), _(() => () => { + for (const T of Object.values(g)) + T.dispose(); }, [g]); - const _ = w( - (y) => { - R.material = y, R.material.needsUpdate = !0; + const b = S( + (T) => { + R.material = T, R.material.needsUpdate = !0; }, [R] ); - return [g, _]; -}, ze = { + return [g, b]; +}, Ae = { density_dissipation: 0.98, velocity_dissipation: 0.99, velocity_acceleration: 10, @@ -833,87 +833,87 @@ const Ee = () => p( size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), [e, o] = Le({ scene: r, size: t, dpr: i }), u = V(t), c = N(), a = p( + const r = p(() => new n.Scene(), []), [e, o] = Le({ scene: r, size: t, dpr: i }), u = V(t), l = X(), a = p( () => ({ scene: r, camera: u, size: t }), [r, u, t] - ), [s, d] = A(a), [v, f] = A(a), [m, x] = U(a), [g, h] = U(a), [R, _] = A(a), y = M(0), D = M(new n.Vector2(0, 0)), L = M(new n.Vector3(0, 0, 0)), [C, T] = F(ze); + ), [s, v] = z(a), [d, f] = z(a), [m, x] = U(a), [g, h] = U(a), [R, b] = z(a), T = y(0), D = y(new n.Vector2(0, 0)), L = y(new n.Vector3(0, 0, 0)), [C, M] = F(Ae); return [ - w( - (k, X) => { - const { gl: P, pointer: J, clock: $, size: Y } = k; - X && T(X), y.current === 0 && (y.current = $.getElapsedTime()); - const j = Math.min( - ($.getElapsedTime() - y.current) / 3, + S( + (k, Y) => { + const { gl: P, pointer: J, clock: G, size: j } = k; + Y && M(Y), T.current === 0 && (T.current = G.getElapsedTime()); + const H = Math.min( + (G.getElapsedTime() - T.current) / 3, 0.02 ); - y.current = $.getElapsedTime(); - const G = d(P, ({ read: S }) => { - o(e.advectionMaterial), l(e.advectionMaterial, "uVelocity", S), l(e.advectionMaterial, "uSource", S), l(e.advectionMaterial, "dt", j), l( + T.current = G.getElapsedTime(); + const W = v(P, ({ read: w }) => { + o(e.advectionMaterial), c(e.advectionMaterial, "uVelocity", w), c(e.advectionMaterial, "uSource", w), c(e.advectionMaterial, "dt", H), c( e.advectionMaterial, "dissipation", C.velocity_dissipation ); - }), K = f(P, ({ read: S }) => { - o(e.advectionMaterial), l(e.advectionMaterial, "uVelocity", G), l(e.advectionMaterial, "uSource", S), l( + }), K = f(P, ({ read: w }) => { + o(e.advectionMaterial), c(e.advectionMaterial, "uVelocity", W), c(e.advectionMaterial, "uSource", w), c( e.advectionMaterial, "dissipation", C.density_dissipation ); - }), { currentPointer: Z, diffPointer: Q, isVelocityUpdate: ee, velocity: te } = c(J); - ee && (d(P, ({ read: S }) => { - o(e.splatMaterial), l(e.splatMaterial, "uTarget", S), l(e.splatMaterial, "point", Z); - const z = Q.multiply( - D.current.set(Y.width, Y.height).multiplyScalar(C.velocity_acceleration) + }), { currentPointer: Z, diffPointer: Q, isVelocityUpdate: ee, velocity: te } = l(J); + ee && (v(P, ({ read: w }) => { + o(e.splatMaterial), c(e.splatMaterial, "uTarget", w), c(e.splatMaterial, "point", Z); + const A = Q.multiply( + D.current.set(j.width, j.height).multiplyScalar(C.velocity_acceleration) ); - l( + c( e.splatMaterial, "color", - L.current.set(z.x, z.y, 1) - ), l( + L.current.set(A.x, A.y, 1) + ), c( e.splatMaterial, "radius", C.splat_radius ); - }), f(P, ({ read: S }) => { - o(e.splatMaterial), l(e.splatMaterial, "uTarget", S); - const z = typeof C.fluid_color == "function" ? C.fluid_color(te) : C.fluid_color; - l(e.splatMaterial, "color", z); + }), f(P, ({ read: w }) => { + o(e.splatMaterial), c(e.splatMaterial, "uTarget", w); + const A = typeof C.fluid_color == "function" ? C.fluid_color(te) : C.fluid_color; + c(e.splatMaterial, "color", A); })); const ne = x(P, () => { - o(e.curlMaterial), l(e.curlMaterial, "uVelocity", G); + o(e.curlMaterial), c(e.curlMaterial, "uVelocity", W); }); - d(P, ({ read: S }) => { - o(e.vorticityMaterial), l(e.vorticityMaterial, "uVelocity", S), l(e.vorticityMaterial, "uCurl", ne), l( + v(P, ({ read: w }) => { + o(e.vorticityMaterial), c(e.vorticityMaterial, "uVelocity", w), c(e.vorticityMaterial, "uCurl", ne), c( e.vorticityMaterial, "curl", C.curl_strength - ), l(e.vorticityMaterial, "dt", j); + ), c(e.vorticityMaterial, "dt", H); }); const re = h(P, () => { - o(e.divergenceMaterial), l(e.divergenceMaterial, "uVelocity", G); + o(e.divergenceMaterial), c(e.divergenceMaterial, "uVelocity", W); }); - _(P, ({ read: S }) => { - o(e.clearMaterial), l(e.clearMaterial, "uTexture", S), l( + b(P, ({ read: w }) => { + o(e.clearMaterial), c(e.clearMaterial, "uTexture", w), c( e.clearMaterial, "value", C.pressure_dissipation ); - }), o(e.pressureMaterial), l(e.pressureMaterial, "uDivergence", re); - let H; - for (let S = 0; S < C.pressure_iterations; S++) - H = _(P, ({ read: z }) => { - l(e.pressureMaterial, "uPressure", z); + }), o(e.pressureMaterial), c(e.pressureMaterial, "uDivergence", re); + let q; + for (let w = 0; w < C.pressure_iterations; w++) + q = b(P, ({ read: A }) => { + c(e.pressureMaterial, "uPressure", A); }); - return d(P, ({ read: S }) => { - o(e.gradientSubtractMaterial), l( + return v(P, ({ read: w }) => { + o(e.gradientSubtractMaterial), c( e.gradientSubtractMaterial, "uPressure", - H - ), l(e.gradientSubtractMaterial, "uVelocity", S); + q + ), c(e.gradientSubtractMaterial, "uVelocity", w); }), K; }, [ @@ -922,32 +922,32 @@ const Ee = () => p( x, f, h, - c, - _, - d, - T, + l, + b, + v, + M, C ] ), - T, + M, { scene: r, materials: e, camera: u, renderTarget: { velocity: s, - density: v, + density: d, curl: m, divergence: g, pressure: R } } ]; -}, Ae = ({ scale: t, max: i, texture: r, scene: e }) => { - const o = M([]), u = p( +}, ze = ({ scale: t, max: i, texture: r, scene: e }) => { + const o = y([]), u = p( () => new n.PlaneGeometry(t, t), [t] - ), c = p( + ), l = p( () => new n.MeshBasicMaterial({ map: r ?? null, transparent: !0, @@ -957,12 +957,12 @@ const Ee = () => p( }), [r] ); - return b(() => { + return _(() => { for (let a = 0; a < i; a++) { - const s = new n.Mesh(u.clone(), c.clone()); + const s = new n.Mesh(u.clone(), l.clone()); s.rotateZ(2 * Math.PI * Math.random()), s.visible = !1, e.add(s), o.current.push(s); } - }, [u, c, e, i]), b(() => () => { + }, [u, l, e, i]), _(() => () => { o.current.forEach((a) => { a.geometry.dispose(), Array.isArray(a.material) ? a.material.forEach((s) => s.dispose()) : a.material.dispose(), e.remove(a); }), o.current = []; @@ -979,43 +979,43 @@ const Ee = () => p( max: r = 100, size: e }) => { - const o = p(() => new n.Scene(), []), u = Ae({ + const o = p(() => new n.Scene(), []), u = ze({ scale: i, max: r, texture: t, scene: o - }), c = V(e), a = N(), [s, d] = U({ + }), l = V(e), a = X(), [s, v] = U({ scene: o, - camera: c, + camera: l, size: e - }), [v, f] = F(Ie), m = M(0); + }), [d, f] = F(Ie), m = y(0); return [ - w( + S( (g, h) => { - const { gl: R, pointer: _, size: y } = g; + const { gl: R, pointer: b, size: T } = g; h && f(h); - const { currentPointer: D, diffPointer: L } = a(_); - if (v.frequency < L.length()) { - const T = u[m.current]; - T.visible = !0, T.position.set( - D.x * (y.width / 2), - D.y * (y.height / 2), + const { currentPointer: D, diffPointer: L } = a(b); + if (d.frequency < L.length()) { + const M = u[m.current]; + M.visible = !0, M.position.set( + D.x * (T.width / 2), + D.y * (T.height / 2), 0 - ), T.scale.x = T.scale.y = 0, T.material.opacity = v.alpha, m.current = (m.current + 1) % r; + ), M.scale.x = M.scale.y = 0, M.material.opacity = d.alpha, m.current = (m.current + 1) % r; } - return u.forEach((T) => { - if (T.visible) { - const I = T.material; - T.rotation.z += v.rotation, I.opacity *= v.fadeout_speed, T.scale.x = v.fadeout_speed * T.scale.x + v.scale, T.scale.y = T.scale.x, I.opacity < 2e-3 && (T.visible = !1); + return u.forEach((M) => { + if (M.visible) { + const $ = M.material; + M.rotation.z += d.rotation, $.opacity *= d.fadeout_speed, M.scale.x = d.fadeout_speed * M.scale.x + d.scale, M.scale.y = M.scale.x, $.opacity < 2e-3 && (M.visible = !1); } - }), d(R); + }), v(R); }, - [d, u, a, r, v, f] + [v, u, a, r, d, f] ), f, { scene: o, - camera: c, + camera: l, meshArr: u, renderTarget: s } @@ -1119,10 +1119,10 @@ const We = ({ fragmentShader: Ge }), [] - ), u = E(i, r); - return b(() => { + ), u = O(i, r); + return _(() => { o.uniforms.uResolution.value = u.clone(); - }, [u, o]), O(t, e, o), o; + }, [u, o]), E(t, e, o), o; }, Ne = { texture0: new n.Texture(), texture1: new n.Texture(), @@ -1138,7 +1138,7 @@ const We = ({ size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = We({ scene: r, size: t, dpr: i }), o = V(t), [u, c] = U({ + const r = p(() => new n.Scene(), []), e = We({ scene: r, size: t, dpr: i }), o = V(t), [u, l] = U({ scene: r, camera: o, dpr: i, @@ -1146,12 +1146,12 @@ const We = ({ isSizeUpdate: !0 }), [a, s] = F(Ne); return [ - w( - (v, f) => { - const { gl: m } = v; - return f && s(f), l(e, "uTexture0", a.texture0), l(e, "uTexture1", a.texture1), l(e, "uTextureResolution", a.textureResolution), l(e, "padding", a.padding), l(e, "uMap", a.map), l(e, "mapIntensity", a.mapIntensity), l(e, "edgeIntensity", a.edgeIntensity), l(e, "epicenter", a.epicenter), l(e, "progress", a.progress), l(e, "dirX", a.dir.x), l(e, "dirY", a.dir.y), c(m); + S( + (d, f) => { + const { gl: m } = d; + return f && s(f), c(e, "uTexture0", a.texture0), c(e, "uTexture1", a.texture1), c(e, "uTextureResolution", a.textureResolution), c(e, "padding", a.padding), c(e, "uMap", a.map), c(e, "mapIntensity", a.mapIntensity), c(e, "edgeIntensity", a.edgeIntensity), c(e, "epicenter", a.epicenter), c(e, "progress", a.progress), c(e, "dirX", a.dir.x), c(e, "dirY", a.dir.y), l(m); }, - [c, e, a, s] + [l, e, a, s] ), s, { @@ -1239,7 +1239,7 @@ const je = (t) => { }), [] ); - return O(t, i, r), r; + return E(t, i, r), r; }, He = { timeStrength: 0.3, noiseOctaves: 8, @@ -1248,19 +1248,19 @@ const je = (t) => { size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = je(r), o = V(t), [u, c] = U({ + const r = p(() => new n.Scene(), []), e = je(r), o = V(t), [u, l] = U({ scene: r, camera: o, size: t, dpr: i }), [a, s] = F(He); return [ - w( - (v, f) => { - const { gl: m, clock: x } = v; - return f && s(f), l(e, "timeStrength", a.timeStrength), l(e, "noiseOctaves", a.noiseOctaves), l(e, "fbmOctaves", a.fbmOctaves), l(e, "uTime", x.getElapsedTime()), c(m); + S( + (d, f) => { + const { gl: m, clock: x } = d; + return f && s(f), c(e, "timeStrength", a.timeStrength), c(e, "noiseOctaves", a.noiseOctaves), c(e, "fbmOctaves", a.fbmOctaves), c(e, "uTime", x.getElapsedTime()), l(m); }, - [c, e, s, a] + [l, e, s, a] ), s, { @@ -1271,8 +1271,8 @@ const je = (t) => { } ]; }, qe = (t) => { - var o, u, c; - const i = (o = t.dom) == null ? void 0 : o.length, r = (u = t.texture) == null ? void 0 : u.length, e = (c = t.resolution) == null ? void 0 : c.length; + var o, u, l; + const i = (o = t.dom) == null ? void 0 : o.length, r = (u = t.texture) == null ? void 0 : u.length, e = (l = t.resolution) == null ? void 0 : l.length; if (!i || !r || !e) throw new Error("No dom or texture or resolution is set"); if (i !== r || i !== e) @@ -1351,8 +1351,8 @@ const Ke = ({ r.add(u); }); }, Ze = () => { - const t = M([]), i = M([]); - return w( + const t = y([]), i = y([]); + return S( ({ isIntersectingRef: e, isIntersectingOnceRef: o, @@ -1361,17 +1361,17 @@ const Ke = ({ t.current.length > 0 && t.current.forEach((a, s) => { a.unobserve(i.current[s]); }), i.current = [], t.current = []; - const c = new Array(u.dom.length).fill(!1); - e.current = [...c], o.current = [...c], u.dom.forEach((a, s) => { - const d = (f) => { + const l = new Array(u.dom.length).fill(!1); + e.current = [...l], o.current = [...l], u.dom.forEach((a, s) => { + const v = (f) => { f.forEach((m) => { u.onIntersect[s] && u.onIntersect[s](m), e.current[s] = m.isIntersecting; }); - }, v = new IntersectionObserver(d, { + }, d = new IntersectionObserver(v, { rootMargin: "0px", threshold: 0 }); - v.observe(a), t.current.push(v), i.current.push(a); + d.observe(a), t.current.push(d), i.current.push(a); }); }, [] @@ -1383,34 +1383,34 @@ const Ke = ({ scene: e, isIntersectingRef: o }) => { - e.children.forEach((u, c) => { - const a = t.dom[c]; + e.children.forEach((u, l) => { + const a = t.dom[l]; if (!a) throw new Error("DOM is null."); - if (o.current[c]) { + if (o.current[l]) { const s = a.getBoundingClientRect(); if (u.scale.set(s.width, s.height, 1), u.position.set( s.left + s.width * 0.5 - i.width * 0.5, -s.top - s.height * 0.5 + i.height * 0.5, 0 ), u instanceof n.Mesh) { - const d = u.material; - l(d, "u_texture", t.texture[c]), l(d, "u_textureResolution", t.resolution[c]), l( - d, + const v = u.material; + c(v, "u_texture", t.texture[l]), c(v, "u_textureResolution", t.resolution[l]), c( + v, "u_resolution", r.current.set(s.width, s.height) - ), l( - d, + ), c( + v, "u_borderRadius", - t.boderRadius[c] ? t.boderRadius[c] : 0 + t.boderRadius[l] ? t.boderRadius[l] : 0 ); } } }); }, et = () => { - const t = M([]), i = M([]), r = w((e, o = !1) => { - t.current.forEach((c, a) => { - c && (i.current[a] = !0); + const t = y([]), i = y([]), r = S((e, o = !1) => { + t.current.forEach((l, a) => { + l && (i.current[a] = !0); }); const u = o ? [...i.current] : [...t.current]; return e < 0 ? u : u[e]; @@ -1430,22 +1430,22 @@ const Ke = ({ size: t, dpr: i }, r = []) => { - const e = p(() => new n.Scene(), []), o = V(t), [u, c] = U({ + const e = p(() => new n.Scene(), []), o = V(t), [u, l] = U({ scene: e, camera: o, size: t, dpr: i, isSizeUpdate: !0 - }), [a, s] = F(tt), d = M(new n.Vector2(0, 0)), [v, f] = oe(!0); - b(() => { + }), [a, s] = F(tt), v = y(new n.Vector2(0, 0)), [d, f] = oe(!0); + _(() => { f(!0); }, r); const m = Ze(), { isIntersectingOnceRef: x, isIntersectingRef: g, isIntersecting: h } = et(); return [ - w( - (_, y) => { - const { gl: D, size: L } = _; - return y && s(y), qe(a), v && (Ke({ + S( + (b, T) => { + const { gl: D, size: L } = b; + return T && s(T), qe(a), d && (Ke({ params: a, size: L, scene: e @@ -1456,16 +1456,16 @@ const Ke = ({ }), f(!1)), Qe({ params: a, size: L, - resolutionRef: d, + resolutionRef: v, scene: e, isIntersectingRef: g - }), c(D); + }), l(D); }, [ - c, + l, s, m, - v, + d, e, a, x, @@ -1527,7 +1527,7 @@ const ot = (t) => { }), [] ); - return O(t, i, r), r; + return E(t, i, r), r; }, at = { texture: new n.Texture(), blurSize: 3, @@ -1544,26 +1544,29 @@ const ot = (t) => { dpr: i }), [r, o, t, i] - ), [c, a] = U(u), [s, d] = A(u), [v, f] = F(at); + ), [l, a] = U(u), [s, v] = z(u), [d, f] = F(at); return [ - w( + S( (x, g) => { const { gl: h } = x; - g && f(g), l(e, "uTexture", v.texture), l(e, "uResolution", [v.texture.source.data.width, v.texture.source.data.height]), l(e, "uBlurSize", v.blurSize); - let R = d(h); - const _ = v.blurPower; - for (let D = 0; D < _; D++) - l(e, "uTexture", R), R = d(h); + g && f(g), c(e, "uTexture", d.texture), c(e, "uResolution", [ + d.texture.source.data.width, + d.texture.source.data.height + ]), c(e, "uBlurSize", d.blurSize); + let R = v(h); + const b = d.blurPower; + for (let D = 0; D < b; D++) + c(e, "uTexture", R), R = v(h); return a(h); }, - [a, d, e, f, v] + [a, v, e, f, d] ), f, { scene: r, material: e, camera: o, - renderTarget: c + renderTarget: l } ]; }; @@ -1639,10 +1642,10 @@ const st = ({ fragmentShader: ut }), [] - ), u = E(i, r); - return b(() => { + ), u = O(i, r); + return _(() => { o.uniforms.uResolution.value = u.clone(); - }, [u, o]), O(t, e, o), o; + }, [u, o]), E(t, e, o), o; }, lt = { epicenter: new n.Vector2(0, 0), progress: 0, @@ -1653,7 +1656,7 @@ const st = ({ size: t, dpr: i }) => { - const r = p(() => new n.Scene(), []), e = st({ scene: r, size: t, dpr: i }), o = V(t), [u, c] = U({ + const r = p(() => new n.Scene(), []), e = st({ scene: r, size: t, dpr: i }), o = V(t), [u, l] = U({ scene: r, camera: o, size: t, @@ -1661,16 +1664,16 @@ const st = ({ isSizeUpdate: !0 }), [a, s] = F(lt); return [ - w( - (v, f) => { - const { gl: m } = v; - return f && s(f), l(e, "uEpicenter", a.epicenter), l(e, "uProgress", a.progress), l(e, "uWidth", a.width), l(e, "uStrength", a.strength), l( + S( + (d, f) => { + const { gl: m } = d; + return f && s(f), c(e, "uEpicenter", a.epicenter), c(e, "uProgress", a.progress), c(e, "uWidth", a.width), c(e, "uStrength", a.strength), c( e, "uMode", a.mode === "center" ? 0 : a.mode === "horizontal" ? 1 : 2 - ), c(m); + ), l(m); }, - [c, e, s, a] + [l, e, s, a] ), s, { @@ -1680,32 +1683,56 @@ const st = ({ renderTarget: u } ]; +}, Mt = ({ scene: t, camera: i, size: r, dpr: e = !1, isSizeUpdate: o = !1 }, u) => { + const l = y([]), a = O(r, e); + l.current = p(() => Array.from( + { length: u }, + () => new n.WebGLRenderTarget(a.x, a.y, I) + ), [u]), N(() => { + o && l.current.forEach( + (v) => v.setSize(a.x, a.y) + ); + }, [a, o]), _(() => { + const v = l.current; + return () => { + v.forEach((d) => d.dispose()); + }; + }, [u]); + const s = S( + (v, d, f) => { + const m = l.current[d]; + return v.setRenderTarget(m), f && f({ read: m.texture }), v.render(t, i), v.setRenderTarget(null), v.clear(), m.texture; + }, + [t, i] + ); + return [l.current, s]; }; export { le as BRUSH_PARAMS, tt as DOMSYNCER_PARAMS, fe as DUOTONE_PARAMS, - ze as FLUID_PARAMS, + Ae as FLUID_PARAMS, xe as FOGPROJECTION_PARAMS, Ne as FXTEXTURE_PARAMS, He as NOISE_PARAMS, Ie as RIPPLE_PARAMS, at as SIMPLEBLUR_PARAMS, lt as WAVE_PARAMS, - l as setUniform, - O as useAddMesh, + c as setUniform, + E as useAddMesh, vt as useBrush, V as useCamera, + Mt as useCopyTexture, ht as useDomSyncer, - A as useDoubleFBO, + z as useDoubleFBO, dt as useDuoTone, pt as useFluid, ft as useFogProjection, gt as useFxTexture, xt as useNoise, F as useParams, - N as usePointer, - E as useResolution, + X as usePointer, + O as useResolution, mt as useRipple, yt as useSimpleBlur, U as useSingleFBO, diff --git a/packages/use-shader-fx/build/use-shader-fx.js.map b/packages/use-shader-fx/build/use-shader-fx.js.map index 1804cc63..8276bfff 100644 --- a/packages/use-shader-fx/build/use-shader-fx.js.map +++ b/packages/use-shader-fx/build/use-shader-fx.js.map @@ -1 +1 @@ -{"version":3,"file":"use-shader-fx.js","sources":["../src/hooks/useBrush/shader/main.vert","../src/hooks/useBrush/shader/main.frag","../src/utils/useResolution.ts","../src/utils/useAddMesh.ts","../src/utils/setUniforms.ts","../src/hooks/useBrush/useMesh.ts","../src/utils/useCamera.ts","../src/utils/useSingleFBO.ts","../src/utils/useDoubleFBO.ts","../src/utils/usePointer.ts","../src/utils/useParams.ts","../src/hooks/useBrush/index.ts","../src/hooks/useDuoTone/shader/main.vert","../src/hooks/useDuoTone/shader/main.frag","../src/hooks/useDuoTone/useMesh.ts","../src/hooks/useDuoTone/index.ts","../src/hooks/useFogProjection/shader/main.vert","../src/hooks/useFogProjection/shader/main.frag","../src/hooks/useFogProjection/useMesh.ts","../src/hooks/useFogProjection/index.ts","../src/hooks/useFluid/shaders/main.vert","../src/hooks/useFluid/shaders/init.frag","../src/hooks/useFluid/materials/useInitialMaterial.ts","../src/hooks/useFluid/shaders/advection.frag","../src/hooks/useFluid/materials/useAdvectionMaterial.ts","../src/hooks/useFluid/shaders/divergence.frag","../src/hooks/useFluid/materials/useDivergenceMaterial.ts","../src/hooks/useFluid/shaders/pressure.frag","../src/hooks/useFluid/materials/usePressureMaterial.ts","../src/hooks/useFluid/shaders/curl.frag","../src/hooks/useFluid/materials/useCurlMaterial.ts","../src/hooks/useFluid/shaders/vorticity.frag","../src/hooks/useFluid/materials/useVorticityMaterial.ts","../src/hooks/useFluid/shaders/clear.frag","../src/hooks/useFluid/materials/useClearMaterial.ts","../src/hooks/useFluid/shaders/gradientSubtract.frag","../src/hooks/useFluid/materials/useGradientSubtractMaterial.ts","../src/hooks/useFluid/shaders/splat.frag","../src/hooks/useFluid/materials/useSplatMaterial.ts","../src/hooks/useFluid/useMesh.ts","../src/hooks/useFluid/index.ts","../src/hooks/useRipple/useMesh.ts","../src/hooks/useRipple/index.ts","../src/hooks/useFxTexture/shader/main.vert","../src/hooks/useFxTexture/shader/main.frag","../src/hooks/useFxTexture/useMesh.ts","../src/hooks/useFxTexture/index.ts","../src/hooks/useNoise/shader/main.vert","../src/hooks/useNoise/shader/main.frag","../src/hooks/useNoise/useMesh.ts","../src/hooks/useNoise/index.ts","../src/hooks/useDomSyncer/utils/errorHandler.ts","../src/hooks/useDomSyncer/shader/main.vert","../src/hooks/useDomSyncer/shader/main.frag","../src/hooks/useDomSyncer/utils/createMesh.ts","../src/hooks/useDomSyncer/utils/useIntersectionHandler.ts","../src/hooks/useDomSyncer/utils/updateRect.ts","../src/hooks/useDomSyncer/utils/useIsIntersecting.ts","../src/hooks/useDomSyncer/index.ts","../src/hooks/useSimpleBlur/shader/main.vert","../src/hooks/useSimpleBlur/shader/main.frag","../src/hooks/useSimpleBlur/useMesh.ts","../src/hooks/useSimpleBlur/index.ts","../src/hooks/useWave/shader/main.vert","../src/hooks/useWave/shader/main.frag","../src/hooks/useWave/useMesh.ts","../src/hooks/useWave/index.ts"],"sourcesContent":["varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nuniform sampler2D uMap;\nuniform sampler2D uTexture;\nuniform float uRadius;\nuniform float uDissipation;\nuniform vec2 uResolution;\nuniform float uSmudge;\nuniform float uAspect;\nuniform vec2 uMouse;\nuniform vec2 uPrevMouse;\nuniform vec2 uVelocity;\nuniform vec3 uColor;\nuniform float uMotionBlur;\nuniform int uMotionSample;\n\nvarying vec2 vUv;\n\nfloat isOnLine(vec2 point, vec2 start, vec2 end, float width, float aspect) {\n\t// make circle\n\tpoint.x *= aspect;\n\tstart.x *= aspect;\n\tend.x *= aspect;\n\n\t// unit vector in direction\n\tvec2 dir = normalize(end - start);\n\t\n\t// unit vector perpendicular to the line segment\n\tvec2 n = vec2(dir.y, -dir.x);\n\n\tvec2 p0 = point - start;\n\t\n\t// calculate distance on a line\n\tfloat distToLine = abs(dot(p0, n));\n\tfloat distAlongLine = dot(p0, dir);\n\tfloat totalLength = length(end - start);\n\n\t// Include the radius of the circle at the start and end points in the range\n\tfloat distFromStart = length(point - start);\n\tfloat distFromEnd = length(point - end);\n\t\n\tbool withinLine = (distToLine < width && distAlongLine > 0.0 && distAlongLine < totalLength) || distFromStart < width || distFromEnd < width;\n\n\treturn float(withinLine);\n}\n\nvec4 createSmudge(){\n\tvec2 offsets[9];\n\toffsets[0] = vec2(-1, -1); offsets[1] = vec2( 0, -1); offsets[2] = vec2( 1, -1);\n\toffsets[3] = vec2(-1, 0); offsets[4] = vec2( 0, 0); offsets[5] = vec2( 1, 0);\n\toffsets[6] = vec2(-1, 1); offsets[7] = vec2( 0, 1); offsets[8] = vec2( 1, 1);\n\t// Scale offset to texture size\n\tfor(int i = 0; i < 9; i++) {\n\t\toffsets[i] = (offsets[i] * uSmudge) / uResolution;\n\t}\t\n\tvec4 smudgedColor = vec4(0.0);\n\tfor(int i = 0; i < 9; i++) {\n\t\tsmudgedColor += texture2D(uMap, vUv + offsets[i]);\n\t}\n\treturn smudgedColor / 9.0;\n}\n\nvec4 createMotionBlur(vec4 baseColor, vec2 velocity, float motion, int samples) {\n\tvec4 motionBlurredColor = baseColor;\n\tvec2 scaledVelocity = velocity * motion;\n\tfor(int i = 1; i < samples; i++) {\n\t\tfloat t = float(i) / float(samples - 1);\n\t\tvec2 offset = t * scaledVelocity / uResolution;\n\t\tmotionBlurredColor += texture2D(uMap, vUv + offset);\n\t}\n\treturn motionBlurredColor / float(samples);\n}\n\n\nvoid main() {\n\t// Convert UV coordinates to range [-1, 1]\n\tvec2 st = vUv * 2.0 - 1.0;\n\t\n\t// velocity vector\n\tvec2 velocity = uVelocity * uResolution;\n\n\t// add smudge\n\tvec4 smudgedColor = createSmudge();\n\t\n\t// add motion blur\n\tvec4 motionBlurredColor = createMotionBlur(smudgedColor, velocity, uMotionBlur,uMotionSample);\n\n\tvec4 bufferColor = motionBlurredColor * uDissipation;\n\n\t// radius\n\tfloat modifiedRadius = max(0.0,uRadius);\n\n\t//\tcolor \n\tvec3 color = uColor;\n\n\t// map texture to color\n\tvec4 textureColor = texture2D(uTexture, vUv);\n\tvec3 finalColor = mix(color, textureColor.rgb, textureColor.a);\n\n\tfloat onLine = isOnLine(st, uPrevMouse, uMouse, modifiedRadius, uAspect);\n\tbufferColor.rgb = mix(bufferColor.rgb, finalColor, onLine);\n\t\n\tgl_FragColor = vec4(bufferColor.rgb,1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\n/**\n * @params dpr if dpr is set, it returns the resolution which is size multiplied by dpr.\n */\nexport const useResolution = (size: Size, dpr: number | false = false) => {\n const _width = dpr ? size.width * dpr : size.width;\n const _height = dpr ? size.height * dpr : size.height;\n const resolution = useMemo(\n () => new THREE.Vector2(_width, _height),\n [_width, _height]\n );\n return resolution;\n};\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\n\n/** Generate mesh from geometry and material and add to scene */\nexport const useAddMesh = (\n scene: THREE.Scene,\n geometry: THREE.BufferGeometry,\n material: THREE.Material\n) => {\n const mesh = useMemo(\n () => new THREE.Mesh(geometry, material),\n [geometry, material]\n );\n\n useEffect(() => {\n scene.add(mesh);\n }, [scene, mesh]);\n\n useEffect(() => {\n return () => {\n scene.remove(mesh);\n geometry.dispose();\n material.dispose();\n };\n }, [scene, geometry, material, mesh]);\n\n return mesh;\n};\n","type UniformValue =\n | THREE.CubeTexture\n | THREE.Texture\n | Int32Array\n | Float32Array\n | THREE.Matrix4\n | THREE.Matrix3\n | THREE.Quaternion\n | THREE.Vector4\n | THREE.Vector3\n | THREE.Vector2\n | THREE.Color\n | number\n | boolean\n | Array\n | null;\ntype UniformObject = { [key: string]: { value: UniformValue } };\n\nexport const setUniform = (\n material: { uniforms: T },\n key: keyof T,\n value: UniformValue\n) => {\n if (\n material.uniforms &&\n material.uniforms[key] &&\n value !== undefined &&\n value !== null\n ) {\n material.uniforms[key].value = value;\n } else {\n console.error(\n `Uniform key \"${String(\n key\n )}\" does not exist in the material. or \"${String(\n key\n )}\" is null | undefined`\n );\n }\n};\n","import * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useEffect, useMemo } from \"react\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class BrushMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uMap: { value: THREE.Texture };\n uResolution: { value: THREE.Texture };\n uAspect: { value: number };\n uTexture: { value: THREE.Texture };\n uRadius: { value: number };\n uSmudge: { value: number };\n uDissipation: { value: number };\n uMotionBlur: { value: number };\n uMotionSample: { value: number };\n uMouse: { value: number };\n uPrevMouse: { value: number };\n uVelocity: { value: number };\n uColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uMap: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0, 0) },\n uAspect: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uRadius: { value: 0.0 },\n uSmudge: { value: 0.0 },\n uDissipation: { value: 0.0 },\n uMotionBlur: { value: 0.0 },\n uMotionSample: { value: 0 },\n uMouse: { value: new THREE.Vector2(0, 0) },\n uPrevMouse: { value: new THREE.Vector2(0, 0) },\n uVelocity: { value: new THREE.Vector2(0, 0) },\n uColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(material, \"uAspect\", resolution.width / resolution.height);\n setUniform(material, \"uResolution\", resolution.clone());\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as BrushMaterial;\n};\n","import * as THREE from \"three\";\nimport { useResolution } from \"./useResolution\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\nconst getCameraProps = (width: number, height: number) => {\n const frustumSize = height;\n const aspect = width / height;\n const [w, h] = [(frustumSize * aspect) / 2, frustumSize / 2];\n return { width: w, height: h, near: -1000, far: 1000 };\n};\n\nexport const useCamera = (size: Size) => {\n const resolution = useResolution(size);\n const { width, height, near, far } = getCameraProps(\n resolution.x,\n resolution.y\n );\n const camera = useMemo(\n () =>\n new THREE.OrthographicCamera(\n -width,\n width,\n height,\n -height,\n near,\n far\n ),\n [width, height, near, far]\n );\n return camera;\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\n\nexport const FBO_OPTION = {\n minFilter: THREE.LinearFilter,\n magFilter: THREE.LinearFilter,\n type: THREE.HalfFloatType,\n depthBuffer: false,\n stencilBuffer: false,\n};\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseSingleFBOReturn = [THREE.WebGLRenderTarget, FBOUpdateFunction];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [THREE.WebGLRenderTarget , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useSingleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseSingleFBOReturn => {\n const renderTarget = useRef();\n\n const resolution = useResolution(size, dpr);\n renderTarget.current = useMemo(\n () => new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current!;\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateRenderTarget];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\nimport { useResolution } from \"./useResolution\";\nimport { DoubleRenderTarget, UseFboProps } from \"./types\";\n\ninterface RenderTarget extends DoubleRenderTarget {\n swap: () => void;\n}\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({\n read,\n write,\n }: {\n read: THREE.Texture;\n write: THREE.Texture;\n }) => void\n) => THREE.Texture;\n\ntype UseDoubleFBOReturn = [\n { read: THREE.WebGLRenderTarget; write: THREE.WebGLRenderTarget },\n FBOUpdateFunction\n];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [{read:THREE.WebGLRenderTarget,write:THREE.WebGLRenderTarget} , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useDoubleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseDoubleFBOReturn => {\n const renderTarget = useRef({\n read: null,\n write: null,\n swap: function () {\n let temp = this.read;\n this.read = this.write;\n this.write = temp;\n },\n });\n\n const resolution = useResolution(size, dpr);\n const initRenderTargets = useMemo(() => {\n const read = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n const write = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n return { read, write };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n renderTarget.current.read = initRenderTargets.read;\n renderTarget.current.write = initRenderTargets.write;\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.read?.setSize(resolution.x, resolution.y);\n renderTarget.current.write?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.read?.dispose();\n currentRenderTarget.write?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current;\n gl.setRenderTarget(fbo.write);\n onBeforeRender &&\n onBeforeRender({\n read: fbo.read!.texture,\n write: fbo.write!.texture,\n });\n gl.render(scene, camera);\n fbo.swap();\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.read?.texture as THREE.Texture;\n },\n [scene, camera]\n );\n\n return [\n { read: renderTarget.current.read, write: renderTarget.current.write },\n updateRenderTarget,\n ];\n};\n","import * as THREE from \"three\";\nimport { useCallback, useRef } from \"react\";\n\ntype UpdatePointer = (currentPointer: THREE.Vector2) => {\n currentPointer: THREE.Vector2;\n prevPointer: THREE.Vector2;\n diffPointer: THREE.Vector2;\n velocity: THREE.Vector2;\n isVelocityUpdate: boolean;\n};\n\n/** When given the pointer vector2 from r3f's RootState, it generates an update function that returns {currentPointer, prevPointer, diffPointer, isVelocityUpdate, velocity}. */\nexport const usePointer = (): UpdatePointer => {\n const prevPointer = useRef(new THREE.Vector2(0, 0));\n const diffPointer = useRef(new THREE.Vector2(0, 0));\n const lastUpdateTime = useRef(0);\n const velocity = useRef(new THREE.Vector2(0, 0));\n const isMoved = useRef(false);\n\n const updatePointer = useCallback((currentPointer: THREE.Vector2) => {\n const now = performance.now();\n const current = currentPointer.clone();\n\n // first frame\n if (lastUpdateTime.current === 0) {\n lastUpdateTime.current = now;\n prevPointer.current = current;\n }\n const deltaTime = Math.max(1, now - lastUpdateTime.current);\n lastUpdateTime.current = now;\n\n // get velocity\n velocity.current\n .copy(current)\n .sub(prevPointer.current)\n .divideScalar(deltaTime);\n const isUpdate = velocity.current.length() > 0;\n\n //set prev temp pos\n const prevTemp = isMoved.current ? prevPointer.current.clone() : current;\n if (!isMoved.current && isUpdate) {\n isMoved.current = true;\n }\n prevPointer.current = current;\n\n return {\n currentPointer: current,\n prevPointer: prevTemp,\n diffPointer: diffPointer.current.subVectors(current, prevTemp),\n velocity: velocity.current,\n isVelocityUpdate: isUpdate,\n };\n }, []);\n\n return updatePointer;\n};\n","import { useCallback, useRef } from \"react\";\n\ntype UseParamsReturn = [T, (params: Partial) => void];\n\n/**\n * @param params Receives an initial value object. With structuredClone, deep copy and set, but if the object contains a function, just set it.\n */\nexport const useParams = (params: T): UseParamsReturn => {\n const isContainsFunctions = (obj: object): boolean =>\n Object.values(obj).some((value) => typeof value === \"function\");\n const paramsRef = useRef(\n isContainsFunctions(params) ? params : structuredClone(params)\n );\n\n const setParams = useCallback((updateParams: Partial) => {\n for (const key in updateParams) {\n const paramKey = key as keyof T;\n if (\n paramKey in paramsRef.current &&\n updateParams[paramKey] !== undefined &&\n updateParams[paramKey] !== null\n ) {\n paramsRef.current[paramKey] = updateParams[paramKey]!;\n } else {\n console.error(\n `\"${String(\n paramKey\n )}\" does not exist in the params. or \"${String(\n paramKey\n )}\" is null | undefined`\n );\n }\n }\n }, []);\n return [paramsRef.current, setParams];\n};\n","import * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo } from \"react\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget } from \"../../utils/types\";\n\nexport type BrushParams = {\n /** Texture applied to the brush.Mixed with the value of a , default:THREE.Texture() */\n texture?: THREE.Texture;\n /** size of the stamp, percentage of the size ,default:0.05 */\n radius?: number;\n /** Strength of smudge effect , default:0.0*/\n smudge?: number;\n /** dissipation rate. If set to 1, it will remain. ,default:1.0 */\n dissipation?: number;\n /** Strength of motion blur , default:0.0 */\n motionBlur?: number;\n /** Number of motion blur samples. Affects performance default: 5 */\n motionSample?: number;\n /** brush color , default:THREE.Color(0xffffff) */\n color?: THREE.Color;\n};\n\nexport type BrushObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: DoubleRenderTarget;\n};\n\nexport const BRUSH_PARAMS: BrushParams = {\n texture: new THREE.Texture(),\n radius: 0.05,\n smudge: 0.0,\n dissipation: 1.0,\n motionBlur: 0.0,\n motionSample: 5,\n color: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useBrush = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useDoubleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(BRUSH_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: BrushParams) => {\n const { gl, pointer } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uRadius\", params.radius!);\n setUniform(material, \"uSmudge\", params.smudge!);\n setUniform(material, \"uDissipation\", params.dissipation!);\n setUniform(material, \"uMotionBlur\", params.motionBlur!);\n setUniform(material, \"uMotionSample\", params.motionSample!);\n setUniform(material, \"uColor\", params.color!);\n\n const { currentPointer, prevPointer, velocity } =\n updatePointer(pointer);\n setUniform(material, \"uMouse\", currentPointer);\n setUniform(material, \"uPrevMouse\", prevPointer);\n setUniform(material, \"uVelocity\", velocity);\n\n const bufferTexture = updateRenderTarget(gl, ({ read }) => {\n setUniform(material, \"uMap\", read);\n });\n\n return bufferTexture;\n },\n [material, updatePointer, updateRenderTarget, params, setParams]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\n\nuniform vec3 uColor0;\nuniform vec3 uColor1;\n\nvoid main() {\n\tvec2 uv = vUv;\n\tvec4 texColor = texture2D(uTexture, uv);\n\tfloat grayscale = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));\n\tvec3 duotone = mix(uColor0, uColor1, grayscale);\n\tgl_FragColor = vec4(duotone, texColor.a);\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class DuoToneMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n uColor0: { value: THREE.Color };\n uColor1: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uColor0: { value: new THREE.Color(0xffffff) },\n uColor1: { value: new THREE.Color(0x000000) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as DuoToneMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { DuoToneMaterial, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type DuoToneParams = {\n /** Make this texture duotone , Default:new THREE.Texture() */\n texture?: THREE.Texture;\n /** 1st color ,　Default:new THREE.Color(0xffffff) */\n color0?: THREE.Color;\n /** 2nd color , Default: new THREE.Color(0x000000) */\n color1?: THREE.Color;\n};\n\nexport type DuoToneObject = {\n scene: THREE.Scene;\n material: DuoToneMaterial;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const DUOTONE_PARAMS: DuoToneParams = {\n texture: new THREE.Texture(),\n color0: new THREE.Color(0xffffff),\n color1: new THREE.Color(0x000000),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDuoTone = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(DUOTONE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DuoToneParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uColor0\", params.color0!);\n setUniform(material, \"uColor1\", params.color1!);\n\n const bufferTexture = updateRenderTarget(gl);\n\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uNoiseMap;\nuniform float distortionStrength;\nuniform float fogEdge0;\nuniform float fogEdge1;\nuniform vec3 fogColor;\n\nvoid main() {\n\tvec2 uv = vUv;\n\n\tfloat noiseMap = texture2D(uNoiseMap,uv).r;\n\t\n\tfloat noiseTextureMap = noiseMap*2.0-1.0;\n\tuv += noiseTextureMap * distortionStrength;\n\tvec3 textureMap = texture2D(uTexture, uv).rgb;\n\n\tfloat edge0 = fogEdge0;\n\tfloat edge1 = fogEdge1;\n\tfloat blendValue = smoothstep(edge0, edge1, noiseMap);\n\n\tvec3 outputColor = blendValue * fogColor + (1.0 - blendValue) * textureMap;\n\tgl_FragColor = vec4(outputColor, 1.0);\n}\n\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class FogProjectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n uTexture: { value: THREE.Texture };\n uNoiseMap: { value: THREE.Texture };\n distortionStrength: { value: number };\n fogEdge0: { value: number };\n fogEdge1: { value: number };\n fogColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uNoiseMap: { value: new THREE.Texture() },\n distortionStrength: { value: 0.0 },\n fogEdge0: { value: 0.0 },\n fogEdge1: { value: 0.9 },\n fogColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as FogProjectionMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FogProjectionParams = {\n /** Make this texture FogProjection , default:THREE.Texture */\n texture?: THREE.Texture;\n /** noise texture to map, default:THREE.Texture */\n noiseMap?: THREE.Texture;\n /** distortion strength , default:0.03 */\n distortionStrength?: number;\n /** value that reflects noise , default:0.0 */\n fogEdge0?: number;\n /** value that reflects noise , default:0.9 */\n fogEdge1?: number;\n /** fog color , default: THREE.Color(0xffffff) */\n fogColor?: THREE.Color;\n};\n\nexport type FogProjectionObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FOGPROJECTION_PARAMS: FogProjectionParams = {\n texture: new THREE.Texture(),\n noiseMap: new THREE.Texture(),\n distortionStrength: 0.03,\n fogEdge0: 0.0,\n fogEdge1: 0.9,\n fogColor: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFogProjection = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] =\n useParams(FOGPROJECTION_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FogProjectionParams) => {\n const { gl, clock } = props;\n updateParams && setParams(updateParams);\n setUniform(material, \"uTime\", clock.getElapsedTime());\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uNoiseMap\", params.noiseMap!);\n setUniform(material, \"distortionStrength\", params.distortionStrength!);\n setUniform(material, \"fogEdge0\", params.fogEdge0!);\n setUniform(material, \"fogEdge1\", params.fogEdge1!);\n setUniform(material, \"fogColor\", params.fogColor!);\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform vec2 texelSize;\n\nvoid main () {\n\tvUv = uv;\n\tvL = vUv - vec2(texelSize.x, 0.0);\n\tvR = vUv + vec2(texelSize.x, 0.0);\n\tvT = vUv + vec2(0.0, texelSize.y);\n\tvB = vUv - vec2(0.0, texelSize.y);\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvoid main(){\n\tgl_FragColor = vec4(0.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/init.frag\";\n\nexport const useInitialMaterial = () => {\n const initialMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n depthTest: false,\n depthWrite: false,\n }),\n []\n );\n\n return initialMaterial as THREE.ShaderMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform vec2 texelSize;\nuniform float dt;\nuniform float dissipation;\n\nvoid main () {\n\tvec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n\tgl_FragColor = dissipation * texture2D(uSource, coord);\n\tgl_FragColor.a = 1.0;\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/advection.frag\";\n\nexport class AdvectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uSource: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n dt: { value: number };\n dissipation: { value: number };\n };\n}\n\nexport const useAdvectionMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: new THREE.Texture() },\n uSource: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n dt: { value: 0.0 },\n dissipation: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as AdvectionMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvec2 sampleVelocity (in vec2 uv) {\n\tvec2 multiplier = vec2(1.0, 1.0);\n\tif (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\n\tif (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\n\tif (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\n\tif (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\n\treturn multiplier * texture2D(uVelocity, uv).xy;\n}\n\nvoid main () {\n\tfloat L = sampleVelocity(vL).x;\n\tfloat R = sampleVelocity(vR).x;\n\tfloat T = sampleVelocity(vT).y;\n\tfloat B = sampleVelocity(vB).y;\n\tfloat div = 0.5 * (R - L + T - B);\n\tgl_FragColor = vec4(div, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/divergence.frag\";\n\nexport class DivergenceMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useDivergenceMaterial = () => {\n const divergenceMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return divergenceMaterial as DivergenceMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tfloat C = texture2D(uPressure, vUv).x;\n\tfloat divergence = texture2D(uDivergence, vUv).x;\n\tfloat pressure = (L + R + B + T - divergence) * 0.25;\n\tgl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/pressure.frag\";\n\nexport class PressureMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uDivergence: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const usePressureMaterial = () => {\n const pressureMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: null },\n uDivergence: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return pressureMaterial as PressureMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvoid main () {\n\tfloat L = texture2D(uVelocity, vL).y;\n\tfloat R = texture2D(uVelocity, vR).y;\n\tfloat T = texture2D(uVelocity, vT).x;\n\tfloat B = texture2D(uVelocity, vB).x;\n\tfloat vorticity = R - L - T + B;\n\tgl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/curl.frag\";\n\nexport class CurlMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useCurlMaterial = () => {\n const curlMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return curlMaterial as CurlMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform float curl;\nuniform float dt;\n\nvoid main () {\n\tfloat T = texture2D(uCurl, vT).x;\n\tfloat B = texture2D(uCurl, vB).x;\n\tfloat C = texture2D(uCurl, vUv).x;\n\tvec2 force = vec2(abs(T) - abs(B), 0.0);\n\tforce *= 1.0 / length(force + 0.00001) * curl * C;\n\tvec2 vel = texture2D(uVelocity, vUv).xy;\n\tgl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/vorticity.frag\";\n\nexport class VorticityMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uCurl: { value: THREE.Texture };\n curl: { value: number };\n dt: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useVorticityMaterial = () => {\n const vorticityMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n uCurl: { value: null },\n curl: { value: 0 },\n dt: { value: 0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return vorticityMaterial as VorticityMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform float value;\n\nvoid main () {\n\tgl_FragColor = value * texture2D(uTexture, vUv);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/clear.frag\";\n\nexport class ClearMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n value: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useClearMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n value: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as ClearMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tvec2 velocity = texture2D(uVelocity, vUv).xy;\n\tvelocity.xy -= vec2(R - L, T - B);\n\tgl_FragColor = vec4(velocity, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/gradientSubtract.frag\";\n\nexport class GradientSubtractMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useGradientSubtractMaterial = () => {\n const gradientSubtractMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: new THREE.Texture() },\n uVelocity: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return gradientSubtractMaterial as GradientSubtractMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTarget;\nuniform float aspectRatio;\nuniform vec3 color;\nuniform vec2 point;\nuniform float radius;\n\nvoid main () {\n\tvec2 nPoint = (point + vec2(1.0)) * 0.5;\n\tvec2 p = vUv - nPoint.xy;\n\tp.x *= aspectRatio;\n\tvec3 splat = exp(-dot(p, p) / radius) * color;\n\tvec3 base = texture2D(uTarget, vUv).xyz;\n\tgl_FragColor = vec4(base + splat, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/splat.frag\";\n\nexport class SplatMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTarget: { value: THREE.Texture };\n aspectRatio: { value: number };\n color: { value: THREE.Vector3 };\n point: { value: THREE.Vector2 };\n radius: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useSplateMaterial = () => {\n const splatMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTarget: { value: new THREE.Texture() },\n aspectRatio: { value: 0 },\n color: { value: new THREE.Vector3() },\n point: { value: new THREE.Vector2() },\n radius: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return splatMaterial as SplatMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useInitialMaterial } from \"./materials/useInitialMaterial\";\nimport {\n AdvectionMaterial,\n useAdvectionMaterial,\n} from \"./materials/useAdvectionMaterial\";\nimport {\n DivergenceMaterial,\n useDivergenceMaterial,\n} from \"./materials/useDivergenceMaterial\";\nimport {\n PressureMaterial,\n usePressureMaterial,\n} from \"./materials/usePressureMaterial\";\nimport { CurlMaterial, useCurlMaterial } from \"./materials/useCurlMaterial\";\nimport {\n VorticityMaterial,\n useVorticityMaterial,\n} from \"./materials/useVorticityMaterial\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { ClearMaterial, useClearMaterial } from \"./materials/useClearMaterial\";\nimport {\n GradientSubtractMaterial,\n useGradientSubtractMaterial,\n} from \"./materials/useGradientSubtractMaterial\";\nimport { SplatMaterial, useSplateMaterial } from \"./materials/useSplatMaterial\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\ntype TMaterials =\n | AdvectionMaterial\n | DivergenceMaterial\n | CurlMaterial\n | PressureMaterial\n | ClearMaterial\n | GradientSubtractMaterial\n | SplatMaterial;\n\nexport type FluidMaterials = {\n vorticityMaterial: VorticityMaterial;\n curlMaterial: CurlMaterial;\n advectionMaterial: AdvectionMaterial;\n divergenceMaterial: DivergenceMaterial;\n pressureMaterial: PressureMaterial;\n clearMaterial: ClearMaterial;\n gradientSubtractMaterial: GradientSubtractMaterial;\n splatMaterial: SplatMaterial;\n};\ntype TUseMeshReturnType = [FluidMaterials, (material: TMaterials) => void];\n\n/**\n * Returns the material update function in the second argument\n */\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}): TUseMeshReturnType => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const initialMaterial = useInitialMaterial();\n const updateMaterial = initialMaterial.clone();\n const curlMaterial = useCurlMaterial();\n const vorticityMaterial = useVorticityMaterial();\n const advectionMaterial = useAdvectionMaterial();\n const divergenceMaterial = useDivergenceMaterial();\n const pressureMaterial = usePressureMaterial();\n const clearMaterial = useClearMaterial();\n const gradientSubtractMaterial = useGradientSubtractMaterial();\n const splatMaterial = useSplateMaterial();\n const materials = useMemo(\n () => ({\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n }),\n [\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n ]\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(\n materials.splatMaterial,\n \"aspectRatio\",\n resolution.x / resolution.y\n );\n for (const material of Object.values(materials)) {\n setUniform(\n material,\n \"texelSize\",\n new THREE.Vector2(1.0 / resolution.x, 1.0 / resolution.y)\n );\n }\n }, [resolution, materials]);\n\n const mesh = useAddMesh(scene, geometry, initialMaterial);\n useEffect(() => {\n initialMaterial.dispose();\n mesh.material = updateMaterial;\n }, [initialMaterial, mesh, updateMaterial]);\n\n useEffect(() => {\n return () => {\n for (const material of Object.values(materials)) {\n material.dispose();\n }\n };\n }, [materials]);\n\n const setMeshMaterial = useCallback(\n (material: TMaterials) => {\n mesh.material = material;\n mesh.material.needsUpdate = true;\n },\n [mesh]\n );\n\n return [materials, setMeshMaterial];\n};\n","import * as THREE from \"three\";\nimport { FluidMaterials, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget, UseFboProps } from \"../../utils/types\";\n\nexport type FluidParams = {\n /** density disspation , default:0.98 */\n density_dissipation?: number;\n /** velocity dissipation , default:0.99 */\n velocity_dissipation?: number;\n /** velocity acceleration , default:10.0 */\n velocity_acceleration?: number;\n /** pressure dissipation , default:0.9 */\n pressure_dissipation?: number;\n /** pressure iterations. affects performance , default:20 */\n pressure_iterations?: number;\n /** curl_strength , default:35 */\n curl_strength?: number;\n /** splat radius , default:0.002 */\n splat_radius?: number;\n /** Fluid Color.THREE.Vector3 Alternatively, it accepts a function that returns THREE.Vector3.The function takes velocity:THREE.Vector2 as an argument. , default:THREE.Vector3(1.0, 1.0, 1.0) */\n fluid_color?: ((velocity: THREE.Vector2) => THREE.Vector3) | THREE.Vector3;\n};\n\nexport type FluidObject = {\n scene: THREE.Scene;\n materials: FluidMaterials;\n camera: THREE.Camera;\n renderTarget: {\n velocity: DoubleRenderTarget;\n density: DoubleRenderTarget;\n curl: THREE.WebGLRenderTarget;\n divergence: THREE.WebGLRenderTarget;\n pressure: DoubleRenderTarget;\n };\n};\n\nexport const FLUID_PARAMS: FluidParams = {\n density_dissipation: 0.98,\n velocity_dissipation: 0.99,\n velocity_acceleration: 10.0,\n pressure_dissipation: 0.9,\n pressure_iterations: 20,\n curl_strength: 35,\n splat_radius: 0.002,\n fluid_color: new THREE.Vector3(1.0, 1.0, 1.0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFluid = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const [materials, setMeshMaterial] = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n }),\n [scene, camera, size]\n );\n const [velocityFBO, updateVelocityFBO] = useDoubleFBO(fboProps);\n const [densityFBO, updateDensityFBO] = useDoubleFBO(fboProps);\n const [curlFBO, updateCurlFBO] = useSingleFBO(fboProps);\n const [divergenceFBO, updateDivergenceFBO] = useSingleFBO(fboProps);\n const [pressureFBO, updatePressureFBO] = useDoubleFBO(fboProps);\n\n const lastTime = useRef(0);\n const scaledDiffVec = useRef(new THREE.Vector2(0, 0));\n const spaltVec = useRef(new THREE.Vector3(0, 0, 0));\n\n const [params, setParams] = useParams(FLUID_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FluidParams) => {\n const { gl, pointer, clock, size } = props;\n\n updateParams && setParams(updateParams);\n\n if (lastTime.current === 0) {\n lastTime.current = clock.getElapsedTime();\n }\n const dt = Math.min(\n (clock.getElapsedTime() - lastTime.current) / 3,\n 0.02\n );\n lastTime.current = clock.getElapsedTime();\n\n // update velocity\n const velocityTex = updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", read);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(materials.advectionMaterial, \"dt\", dt);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.velocity_dissipation!\n );\n });\n\n // update density\n const densityTex = updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", velocityTex);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.density_dissipation!\n );\n });\n\n // update splatting\n const { currentPointer, diffPointer, isVelocityUpdate, velocity } =\n updatePointer(pointer);\n if (isVelocityUpdate) {\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n setUniform(materials.splatMaterial, \"point\", currentPointer);\n const scaledDiff = diffPointer.multiply(\n scaledDiffVec.current\n .set(size.width, size.height)\n .multiplyScalar(params.velocity_acceleration!)\n );\n setUniform(\n materials.splatMaterial,\n \"color\",\n spaltVec.current.set(scaledDiff.x, scaledDiff.y, 1.0)\n );\n setUniform(\n materials.splatMaterial,\n \"radius\",\n params.splat_radius!\n );\n });\n updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n const color: THREE.Vector3 =\n typeof params.fluid_color === \"function\"\n ? params.fluid_color(velocity)\n : params.fluid_color!;\n setUniform(materials.splatMaterial, \"color\", color);\n });\n }\n\n // update curl\n const curlTex = updateCurlFBO(gl, () => {\n setMeshMaterial(materials.curlMaterial);\n setUniform(materials.curlMaterial, \"uVelocity\", velocityTex);\n });\n\n // update vorticity\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.vorticityMaterial);\n setUniform(materials.vorticityMaterial, \"uVelocity\", read);\n setUniform(materials.vorticityMaterial, \"uCurl\", curlTex);\n setUniform(\n materials.vorticityMaterial,\n \"curl\",\n params.curl_strength!\n );\n setUniform(materials.vorticityMaterial, \"dt\", dt);\n });\n\n // update divergence\n const divergenceTex = updateDivergenceFBO(gl, () => {\n setMeshMaterial(materials.divergenceMaterial);\n setUniform(materials.divergenceMaterial, \"uVelocity\", velocityTex);\n });\n\n // update pressure\n updatePressureFBO(gl, ({ read }) => {\n setMeshMaterial(materials.clearMaterial);\n setUniform(materials.clearMaterial, \"uTexture\", read);\n setUniform(\n materials.clearMaterial,\n \"value\",\n params.pressure_dissipation!\n );\n });\n\n // solve pressure iterative (Gauss-Seidel)\n setMeshMaterial(materials.pressureMaterial);\n setUniform(materials.pressureMaterial, \"uDivergence\", divergenceTex);\n let pressureTexTemp: THREE.Texture;\n for (let i = 0; i < params.pressure_iterations!; i++) {\n pressureTexTemp = updatePressureFBO(gl, ({ read }) => {\n setUniform(materials.pressureMaterial, \"uPressure\", read);\n });\n }\n\n // update gradienSubtract\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.gradientSubtractMaterial);\n setUniform(\n materials.gradientSubtractMaterial,\n \"uPressure\",\n pressureTexTemp\n );\n setUniform(materials.gradientSubtractMaterial, \"uVelocity\", read);\n });\n\n return densityTex;\n },\n [\n materials,\n setMeshMaterial,\n updateCurlFBO,\n updateDensityFBO,\n updateDivergenceFBO,\n updatePointer,\n updatePressureFBO,\n updateVelocityFBO,\n setParams,\n params,\n ]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n materials: materials,\n camera: camera,\n renderTarget: {\n velocity: velocityFBO,\n density: densityFBO,\n curl: curlFBO,\n divergence: divergenceFBO,\n pressure: pressureFBO,\n },\n },\n ];\n};\n","import { useEffect, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\n\ntype UseMeshProps = {\n scale: number;\n max: number;\n texture?: THREE.Texture;\n scene: THREE.Scene;\n};\n\nexport const useMesh = ({ scale, max, texture, scene }: UseMeshProps) => {\n const meshArr = useRef([]);\n const geometry = useMemo(\n () => new THREE.PlaneGeometry(scale, scale),\n [scale]\n );\n const material = useMemo(\n () =>\n new THREE.MeshBasicMaterial({\n map: texture ?? null,\n transparent: true,\n blending: THREE.AdditiveBlending,\n depthTest: false,\n depthWrite: false,\n }),\n [texture]\n );\n\n useEffect(() => {\n for (let i = 0; i < max; i++) {\n const mesh = new THREE.Mesh(geometry.clone(), material.clone());\n mesh.rotateZ(2 * Math.PI * Math.random());\n mesh.visible = false;\n scene.add(mesh);\n meshArr.current.push(mesh);\n }\n }, [geometry, material, scene, max]);\n\n useEffect(() => {\n return () => {\n meshArr.current.forEach((mesh) => {\n mesh.geometry.dispose();\n if (Array.isArray(mesh.material)) {\n mesh.material.forEach((material) => material.dispose());\n } else {\n mesh.material.dispose();\n }\n scene.remove(mesh);\n });\n meshArr.current = [];\n };\n }, [scene]);\n\n return meshArr.current;\n};\n","import { useCallback, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type RippleParams = {\n /** How often ripples appear,default:0.01 */\n frequency?: number;\n /** rotation rate,default:0.05 */\n rotation?: number;\n /** fadeout speed,default:0.9 */\n fadeout_speed?: number;\n /** scale rate,default:0.3 */\n scale?: number;\n /** alpha,default:0.6 */\n alpha?: number;\n};\n\nexport type RippleObject = {\n scene: THREE.Scene;\n meshArr: THREE.Mesh[];\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const RIPPLE_PARAMS: RippleParams = {\n frequency: 0.01,\n rotation: 0.05,\n fadeout_speed: 0.9,\n scale: 0.3,\n alpha: 0.6,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useRipple = ({\n texture,\n scale = 64,\n max = 100,\n size,\n}: {\n /** texture applied to ripple */\n texture: THREE.Texture;\n /** ripple size, default:64 */\n scale?: number;\n /** ripple max length, default:100 */\n max?: number;\n size: Size;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const meshArr = useMesh({\n scale: scale,\n max: max,\n texture,\n scene,\n });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n });\n\n const [params, setParams] = useParams(RIPPLE_PARAMS);\n\n const currentWave = useRef(0);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: RippleParams) => {\n const { gl, pointer, size } = props;\n\n updateParams && setParams(updateParams);\n\n const { currentPointer, diffPointer } = updatePointer(pointer);\n if (params.frequency! < diffPointer.length()) {\n const mesh = meshArr[currentWave.current];\n mesh.visible = true;\n mesh.position.set(\n currentPointer.x * (size.width / 2),\n currentPointer.y * (size.height / 2),\n 0\n );\n mesh.scale.x = mesh.scale.y = 0.0;\n (mesh.material as THREE.MeshBasicMaterial).opacity = params.alpha!;\n currentWave.current = (currentWave.current + 1) % max;\n }\n meshArr.forEach((mesh) => {\n if (mesh.visible) {\n const material = mesh.material as THREE.MeshBasicMaterial;\n mesh.rotation.z += params.rotation!;\n material.opacity *= params.fadeout_speed!;\n mesh.scale.x =\n params.fadeout_speed! * mesh.scale.x + params.scale!;\n mesh.scale.y = mesh.scale.x;\n if (material.opacity < 0.002) mesh.visible = false;\n }\n });\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, meshArr, updatePointer, max, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n meshArr: meshArr,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform vec2 uTextureResolution;\nuniform sampler2D uTexture0;\nuniform sampler2D uTexture1;\nuniform sampler2D uMap;\nuniform float mapIntensity;\nuniform float edgeIntensity;\nuniform float progress;\nuniform float dirX;\nuniform float dirY;\nuniform vec2 epicenter;\nuniform float padding;\n\nbool isInPaddingArea(vec2 uv) {\n return uv.x < padding || uv.x > 1.0 - padding || uv.y < padding || uv.y > 1.0 - padding;\n}\n\nvoid main() {\n\tvec2 bgRatio=vec2(\n\t\tmin((uResolution.x/uResolution.y)/(uTextureResolution.x/uTextureResolution.y),1.),\n\t\tmin((uResolution.y/uResolution.x)/(uTextureResolution.y/uTextureResolution.x),1.)\n\t);\n\tvec2 uv=vec2(\n\t\tvUv.x*bgRatio.x+(1.-bgRatio.x)*.5,\n\t\tvUv.y*bgRatio.y+(1.-bgRatio.y)*.5\n\t);\n\n\t// fx map\n\tvec2 map = texture2D(uMap, uv).rg;\n\tvec2 normalizedMap = map * 2.0 - 1.0;\n\n\t// multiply edge fx\n\tuv = uv * 2.0 - 1.0;\n\tuv *= map * distance(epicenter, uv) * edgeIntensity + 1.0;\n\tuv = (uv + 1.0) / 2.0;\n\n\t// padding\n\tif (isInPaddingArea(uv)) {\n\t\tgl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n\t\treturn;\n\t}\n\tvec2 paddedUV = uv * (1.0 - 2.0 * padding * -1.) + padding * -1.;\n\n\t// centered uv\n\tvec2 centeredUV = paddedUV - vec2(0.5);\n\n\t// multiply map fx\n\tcenteredUV *= normalizedMap * map * mapIntensity + 1.0;\n\n\t// texture 0\n\tfloat xOffsetTexture0 = 0.5 - dirX * progress;\n\tfloat yOffsetTexture0 = 0.5 - dirY * progress;\n\tvec2 samplePosTexture0 = vec2(xOffsetTexture0, yOffsetTexture0) + centeredUV;\n\n\t//texture 1\n\tfloat xOffsetTexture1 = 0.5 + dirX * (1.0 - progress);\n\tfloat yOffsetTexture1 = 0.5 + dirY * (1.0 - progress);\n\tvec2 samplePosTexture1 = vec2(xOffsetTexture1, yOffsetTexture1) + centeredUV;\n\n\tvec4 color0 = texture2D(uTexture0, samplePosTexture0);\n\tvec4 color1 = texture2D(uTexture1, samplePosTexture1);\n\n\tgl_FragColor = mix(color0, color1, progress);\n\n}","import { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class TransitionBgMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uResolution: { value: THREE.Vector2 };\n uTextureResolution: { value: THREE.Vector2 };\n uTexture0: { value: THREE.Texture };\n uTexture1: { value: THREE.Texture };\n padding: { value: number };\n uMap: { value: THREE.Texture };\n edgeIntensity: { value: number };\n mapIntensity: { value: number };\n epicenter: { value: THREE.Vector2 };\n progress: { value: number };\n dirX: { value: number };\n dirY: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uResolution: { value: new THREE.Vector2() },\n uTextureResolution: { value: new THREE.Vector2() },\n uTexture0: { value: new THREE.Texture() },\n uTexture1: { value: new THREE.Texture() },\n padding: { value: 0.0 },\n uMap: { value: new THREE.Texture() },\n edgeIntensity: { value: 0.0 },\n mapIntensity: { value: 0.0 },\n epicenter: { value: new THREE.Vector2(0.0, 0.0) },\n progress: { value: 0.0 },\n dirX: { value: 0.0 },\n dirY: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as TransitionBgMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FxTextureParams = {\n /** 1st texture , default:THREE.Texture() */\n texture0?: THREE.Texture;\n /** 2nd texture , default:THREE.Texture() */\n texture1?: THREE.Texture;\n /** background texture resolution , default:THREE.Vector2(0, 0) */\n textureResolution?: THREE.Vector2;\n /** add transparent padding, 0.0 ~ 1.0 , default:0.0 */\n padding?: number;\n /** The color map. The uv value is affected according to this rbg , default:THREE.Texture() */\n map?: THREE.Texture;\n /** intensity of map , default:0.0 */\n mapIntensity?: number;\n /** Intensity of effect on edges , default:0.0 */\n edgeIntensity?: number;\n /** epicenter of fx, -1 ~ 1 , default:vec2(0.0,0.0)*/\n epicenter?: THREE.Vector2;\n /** Switch value to switch between texture0 and texture1 */\n progress?: number;\n /** direction of transition , default: THREE.Vector2(0, 0) */\n dir?: THREE.Vector2;\n};\n\nexport type FxTextureObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FXTEXTURE_PARAMS: FxTextureParams = {\n texture0: new THREE.Texture(),\n texture1: new THREE.Texture(),\n textureResolution: new THREE.Vector2(0, 0),\n padding: 0.0,\n map: new THREE.Texture(),\n mapIntensity: 0.0,\n edgeIntensity: 0.0,\n epicenter: new THREE.Vector2(0, 0),\n progress: 0.0,\n dir: new THREE.Vector2(0, 0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFxTexture = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n dpr,\n size,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(FXTEXTURE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FxTextureParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture0\", params.texture0!);\n setUniform(material, \"uTexture1\", params.texture1!);\n setUniform(material, \"uTextureResolution\", params.textureResolution!);\n setUniform(material, \"padding\", params.padding!);\n setUniform(material, \"uMap\", params.map!);\n setUniform(material, \"mapIntensity\", params.mapIntensity!);\n setUniform(material, \"edgeIntensity\", params.edgeIntensity!);\n setUniform(material, \"epicenter\", params.epicenter!);\n setUniform(material, \"progress\", params.progress!);\n setUniform(material, \"dirX\", params.dir!.x);\n setUniform(material, \"dirY\", params.dir!.y);\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform float timeStrength;\nuniform int noiseOctaves;\nuniform int fbmOctaves;\n\nconst float per = 0.5;\nconst float PI = 3.14159265359;\n\nfloat interpolate(float a, float b, float x){\n float f = (1.0 - cos(x * PI)) * 0.5;\n return a * (1.0 - f) + b * f;\n}\n\nfloat rnd(vec2 p){\n\tvec3 p3 = fract(vec3(p.xyx) * .1995);\n\tp3 += dot(p3, p3.yzx + 11.28);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\n\nfloat irnd(vec2 p){\n\tvec2 i = floor(p);\n\tvec2 f = fract(p);\n\tvec4 v = vec4(rnd(vec2(i.x,i.y)),rnd(vec2(i.x + 1.0,i.y)),rnd(vec2(i.x,i.y + 1.0)),rnd(vec2(i.x + 1.0, i.y + 1.0)));\n\treturn interpolate(interpolate(v.x, v.y, f.x), interpolate(v.z, v.w, f.x), f.y);\n}\n\n// Based on The Book of Shaders\n// https://thebookofshaders.com/13/\nfloat noise(vec2 p, float time){\n\tfloat t = 0.0;\n\tfor(int i = 0; i < noiseOctaves; i++){\n\t\tfloat freq = pow(2.0, float(i));\n\t\tfloat amp = pow(per, float(noiseOctaves - i));\n\t\tt += irnd(vec2(p.y / freq + time, p.x / freq + time)) * amp;\n\t}\n\treturn t;\n}\n\nfloat fbm(vec2 x, float time) {\n\tfloat v = 0.0;\n\tfloat a = 0.5;\n\tvec2 shift = vec2(100);\n\tmat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));\n\tfloat sign = 1.0;\n\tfor (int i = 0; i < fbmOctaves; ++i) {\n\t\tv += a * noise(x, time * sign);\n\t\tx = rot * x * 2.0 + shift;\n\t\ta *= 0.5;\n\t\tsign *= -1.0;\n\t}\n\treturn v;\n}\n\nvoid main() {\n\tfloat noiseMap = fbm(gl_FragCoord.xy ,uTime * timeStrength);\n\tgl_FragColor = vec4(noiseMap,noiseMap,noiseMap,1.0);\n}\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class NoiseMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n timeStrength: { value: number };\n noiseOctaves: { value: number };\n fbmOctaves: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n timeStrength: { value: 0.0 },\n noiseOctaves: { value: 0 },\n fbmOctaves: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as NoiseMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type NoiseParams = {\n /** time factor default:0.3 */\n timeStrength?: number;\n /** noiseOctaves, affects performance default:8 */\n noiseOctaves?: number;\n /** fbmOctaves, affects performance default:3 */\n fbmOctaves?: number;\n};\n\nexport type NoiseObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const NOISE_PARAMS: NoiseParams = {\n timeStrength: 0.3,\n noiseOctaves: 8,\n fbmOctaves: 3,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useNoise = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(NOISE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: NoiseParams) => {\n const { gl, clock } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"timeStrength\", params.timeStrength!);\n setUniform(material, \"noiseOctaves\", params.noiseOctaves!);\n setUniform(material, \"fbmOctaves\", params.fbmOctaves!);\n\n setUniform(material, \"uTime\", clock.getElapsedTime());\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import { DomSyncerParams } from \"..\";\n\nexport const errorHandler = (params: DomSyncerParams) => {\n const domLength = params.dom?.length;\n const textureLength = params.texture?.length;\n const resolutionLength = params.resolution?.length;\n\n if (!domLength || !textureLength || !resolutionLength) {\n throw new Error(\"No dom or texture or resolution is set\");\n }\n\n if (domLength !== textureLength || domLength !== resolutionLength) {\n throw new Error(\"Match dom, texture and resolution length\");\n }\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D u_texture;\nuniform vec2 u_textureResolution;\nuniform vec2 u_resolution;\nuniform float u_borderRadius;\n\nvoid main() {\n\t// texuture color\n\tvec2 ratio = vec2(\n\t\tmin((u_resolution.x / u_resolution.y) / (u_textureResolution.x / u_textureResolution.y), 1.0),\n\t\tmin((u_resolution.y / u_resolution.x) / (u_textureResolution.y / u_textureResolution.x), 1.0)\n\t);\n\tvec2 adjustedUv = vUv * ratio + (1.0 - ratio) * 0.5;\n\tvec3 textureColor = texture2D(u_texture, adjustedUv).rgb;\n\tfloat textureAlpha = texture2D(u_texture, adjustedUv).a;\n\n\t// Based on https://mofu-dev.com/en/blog/three-dom-alignment/\n\tfloat maxSide = max(u_resolution.x, u_resolution.y);\n\tfloat minSide = min(u_resolution.x, u_resolution.y);\n\tvec2 aspect = u_resolution / maxSide;\n\tvec2 alphaUv = vUv - 0.5;\n\n\tfloat borderRadius = min(u_borderRadius, minSide * 0.5);\n\tvec2 offset = vec2(borderRadius) / u_resolution;\n\tvec2 alphaXY = smoothstep(vec2(0.5 - offset), vec2(0.5 - offset - 0.001), abs(alphaUv));\n\tfloat alpha = min(1.0, alphaXY.x + alphaXY.y);\n\n\tvec2 alphaUv2 = abs(vUv - 0.5);\n\tfloat radius = borderRadius / maxSide;\n\talphaUv2 = (alphaUv2 - 0.5) * aspect + radius;\n\tfloat roundAlpha = smoothstep(radius + 0.001, radius, length(alphaUv2));\n\n\talpha = min(1.0, alpha + roundAlpha);\n\n\t// multiply texture alpha\n\talpha *= textureAlpha;\n\n\tgl_FragColor = vec4(textureColor, alpha);\n}\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport vertexShader from \"../shader/main.vert\";\nimport fragmentShader from \"../shader/main.frag\";\n\nexport class DomSyncerMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n u_texture: { value: THREE.Texture };\n u_textureResolution: { value: THREE.Vector2 };\n u_resolution: { value: THREE.Vector2 };\n u_borderRadius: { value: number };\n };\n}\n\nexport const createMesh = ({\n params,\n size,\n scene,\n}: {\n params: DomSyncerParams;\n size: Size;\n scene: THREE.Scene;\n}) => {\n if (scene.children.length > 0) {\n scene.children.forEach((child) => {\n if (child instanceof THREE.Mesh) {\n child.geometry.dispose();\n child.material.dispose();\n }\n });\n scene.remove(...scene.children);\n }\n\n params.texture!.forEach((texture, i) => {\n const mesh = new THREE.Mesh(\n new THREE.PlaneGeometry(1, 1),\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n transparent: true,\n uniforms: {\n u_texture: { value: texture },\n u_textureResolution: { value: new THREE.Vector2(0, 0) },\n u_resolution: { value: new THREE.Vector2(0, 0) },\n u_borderRadius: {\n value: params.boderRadius![i] ? params.boderRadius![i] : 0.0,\n },\n },\n })\n );\n scene.add(mesh);\n });\n};\n","import { useCallback, useRef } from \"react\";\nimport { DomSyncerParams } from \"..\";\n\nexport const useIntersectionHandler = () => {\n const intersectionObserverRef = useRef([]);\n const intersectionDomRef = useRef<(HTMLElement | Element | null)[]>([]);\n\n const intersectionHandler = useCallback(\n ({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n }: {\n isIntersectingRef: React.MutableRefObject;\n isIntersectingOnceRef: React.MutableRefObject;\n params: DomSyncerParams;\n }) => {\n if (intersectionObserverRef.current.length > 0) {\n intersectionObserverRef.current.forEach((observer, i) => {\n observer.unobserve(intersectionDomRef.current[i]!);\n });\n }\n\n intersectionDomRef.current = [];\n intersectionObserverRef.current = [];\n\n const newArr = new Array(params.dom!.length).fill(false);\n isIntersectingRef.current = [...newArr];\n isIntersectingOnceRef.current = [...newArr];\n\n params.dom!.forEach((dom, i) => {\n const callback = (entries: IntersectionObserverEntry[]) => {\n entries.forEach((entry) => {\n params.onIntersect![i] && params.onIntersect![i](entry);\n // Update the judgment after execution so that the judgment of isIntersectin can be used when executing onIntersect\n isIntersectingRef.current[i] = entry.isIntersecting;\n });\n };\n const observer = new IntersectionObserver(callback, {\n rootMargin: \"0px\",\n threshold: 0,\n });\n observer.observe(dom!);\n intersectionObserverRef.current.push(observer);\n intersectionDomRef.current.push(dom!);\n });\n },\n []\n );\n\n return intersectionHandler;\n};\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport { setUniform } from \"../../../utils/setUniforms\";\nimport { DomSyncerMaterial } from \"./createMesh\";\n\nexport const updateRect = ({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n}: {\n params: DomSyncerParams;\n size: Size;\n resolutionRef: React.MutableRefObject;\n scene: THREE.Scene;\n isIntersectingRef: React.MutableRefObject;\n}) => {\n scene.children.forEach((mesh, i) => {\n const domElement = params.dom![i];\n if (!domElement) {\n throw new Error(\"DOM is null.\");\n }\n if (isIntersectingRef.current[i]) {\n const rect = domElement.getBoundingClientRect();\n mesh.scale.set(rect.width, rect.height, 1.0);\n mesh.position.set(\n rect.left + rect.width * 0.5 - size.width * 0.5,\n -rect.top - rect.height * 0.5 + size.height * 0.5,\n 0.0\n );\n if (mesh instanceof THREE.Mesh) {\n const material: DomSyncerMaterial = mesh.material;\n setUniform(material, \"u_texture\", params.texture![i]);\n setUniform(material, \"u_textureResolution\", params.resolution![i]);\n setUniform(\n material,\n \"u_resolution\",\n resolutionRef.current.set(rect.width, rect.height)\n );\n setUniform(\n material,\n \"u_borderRadius\",\n params.boderRadius![i] ? params.boderRadius![i] : 0.0\n );\n }\n }\n });\n};\n","import { useCallback, useRef } from \"react\";\n\nexport type IsIntersecting = (\n index: number,\n once?: boolean\n) => boolean[] | boolean;\n\nexport const useIsIntersecting = () => {\n const isIntersectingRef = useRef([]);\n const isIntersectingOnceRef = useRef([]);\n\n const isIntersecting: IsIntersecting = useCallback((index, once = false) => {\n isIntersectingRef.current.forEach((value, i) => {\n if (value) {\n isIntersectingOnceRef.current[i] = true;\n }\n });\n const temp = once\n ? [...isIntersectingOnceRef.current]\n : [...isIntersectingRef.current];\n return index < 0 ? temp : temp[index];\n }, []);\n\n return {\n isIntersectingRef,\n isIntersectingOnceRef,\n isIntersecting,\n };\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { errorHandler } from \"./utils/errorHandler\";\nimport { createMesh } from \"./utils/createMesh\";\nimport { useIntersectionHandler } from \"./utils/useIntersectionHandler\";\nimport { updateRect } from \"./utils/updateRect\";\nimport { useIsIntersecting, IsIntersecting } from \"./utils/useIsIntersecting\";\n\nexport type DomSyncerParams = {\n /** DOM array you want to synchronize */\n dom?: (HTMLElement | Element | null)[];\n /** Texture array that you want to synchronize with the DOM rectangle */\n texture?: THREE.Texture[];\n /** Texture resolution array to pass */\n resolution?: THREE.Vector2[];\n /** default:0.0[] */\n boderRadius?: number[];\n /** Array of callback functions when crossed */\n onIntersect?: ((entry: IntersectionObserverEntry) => void)[];\n};\n\nexport type DomSyncerObject = {\n scene: THREE.Scene;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n /**\n * A function that returns a determination whether the DOM intersects or not.\n * The boolean will be updated after executing the onIntersect function.\n * @param index - Index of the dom for which you want to return an intersection decision. -1 will return the entire array.\n * @param once - If set to true, it will continue to return true once crossed.\n */\n isIntersecting: IsIntersecting;\n};\n\nexport const DOMSYNCER_PARAMS: DomSyncerParams = {\n texture: [],\n dom: [],\n resolution: [],\n boderRadius: [],\n onIntersect: [],\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDomSyncer = (\n {\n size,\n dpr,\n }: {\n size: Size;\n dpr: number;\n },\n dependencies: React.DependencyList = []\n): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n const [params, setParams] = useParams(DOMSYNCER_PARAMS);\n\n // Avoid instancing vec2 every frame\n const resolutionRef = useRef(new THREE.Vector2(0, 0));\n\n // Update monitored doms according to the dependency array\n const [refreshTrigger, setRefreshTrigger] = useState(true);\n useEffect(() => {\n setRefreshTrigger(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n\n const intersectionHandler = useIntersectionHandler();\n const { isIntersectingOnceRef, isIntersectingRef, isIntersecting } =\n useIsIntersecting();\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DomSyncerParams) => {\n const { gl, size } = props;\n\n updateParams && setParams(updateParams);\n\n errorHandler(params);\n\n if (refreshTrigger) {\n createMesh({\n params,\n size,\n scene,\n });\n\n intersectionHandler({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n });\n\n setRefreshTrigger(false);\n }\n\n updateRect({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n });\n\n return updateRenderTarget(gl);\n },\n [\n updateRenderTarget,\n setParams,\n intersectionHandler,\n refreshTrigger,\n scene,\n params,\n isIntersectingOnceRef,\n isIntersectingRef,\n ]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n renderTarget: renderTarget,\n isIntersecting: isIntersecting,\n },\n ];\n};\n","precision mediump float;\n\nvarying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision mediump float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 uResolution;\nuniform float uBlurSize;\n\nvoid main() {\n\tvec2 uv = vUv;\t\n\tvec2 perDivSize = uBlurSize / uResolution;\n\n\t// calc average color value from adjacent point\n\tvec4 outColor = vec4(\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, -1.0)) +\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 1.0))\n\t\t) / 9.0;\n\t\n\tgl_FragColor = outColor;\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\n\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class SampleMaterial extends THREE.ShaderMaterial {\n uniforms!: { \n uTexture: { value: THREE.Texture };\n uResolution: { value: THREE.Vector2 };\n uBlurSize: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0,0) },\n uBlurSize: { value: 1, }\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as SampleMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useMesh } from \"./useMesh\";\n\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\n\nimport type { HooksReturn } from \"../types\";\n\nexport type SimpleBlurParams = { \n /** Make this texture blur , Default:new THREE.Texture() */\n texture: THREE.Texture; \n /** blurSize, default:3 */\n blurSize: number,\n /** blurPower, affects performance default:5 */\n blurPower: number,\n};\n\nexport type SimpleBlurObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget\n};\n\nexport const SIMPLEBLUR_PARAMS: SimpleBlurParams = {\n texture: new THREE.Texture, \n blurSize: 3,\n blurPower: 5,\n};\n\nexport const useSimpleBlur = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n dpr,\n }),\n [scene, camera, size, dpr]\n ); \n const [renderTarget, updateRenderTarget] = useSingleFBO(fboProps);\n const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps); \n const [params, setParams] = useParams(SIMPLEBLUR_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: SimpleBlurParams) => {\n const {gl} = props;\n\n updateParams && setParams(updateParams); \n\n setUniform(material, \"uTexture\", params.texture) \n setUniform(material, \"uResolution\", [params.texture.source.data.width,params.texture.source.data.height]);\n setUniform(material, \"uBlurSize\", params.blurSize)\n \n let _tempTexture: THREE.Texture = updateTempTexture(gl); \n\n const iterations = params.blurPower;\n for(let i = 0; i < iterations; i++) {\n setUniform(material,\"uTexture\",_tempTexture);\n _tempTexture = updateTempTexture(gl);\n }\n\n const outPutTexture = updateRenderTarget(gl);\n \n return outPutTexture;\n },\n [updateRenderTarget, updateTempTexture, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform float uProgress;\nuniform float uStrength;\nuniform float uWidth;\nuniform vec2 uEpicenter;\nuniform int uMode;\n\nfloat PI = 3.141592653589;\n\nvoid main() {\n\tfloat progress = min(uProgress, 1.0);\n\tfloat progressFactor = sin(progress * PI);\n\n\tfloat border = progress - progress * progressFactor * uWidth;\n\tfloat blur = uStrength * progressFactor;\n\t\n\t// 0 ~ 1\n\tvec2 normalizeCenter = (uEpicenter + 1.0) / 2.0;\n\n\t// 0:center 1:horizontal 2:vertical\n\tfloat dist = uMode == 0 ? length(vUv - normalizeCenter) : uMode == 1 ? length(vUv.x - normalizeCenter.x) : length(vUv.y - normalizeCenter.y);\n\n\t// Calculate the maximum distance to the four corners of the screen\n\tfloat maxDistance = max(\n\t\tlength(vec2(0.0, 0.0) - normalizeCenter),\n\t\tmax(\n\t\t\t\tlength(vec2(1.0, 0.0) - normalizeCenter),\n\t\t\t\tmax(\n\t\t\t\t\tlength(vec2(0.0, 1.0) - normalizeCenter),\n\t\t\t\t\tlength(vec2(1.0, 1.0) - normalizeCenter)\n\t\t\t\t)\n\t\t)\n\t);\n\n\t// Scale distance so that waves extend to the edge of the screen\n\tdist = maxDistance > 0.0 ? dist / maxDistance : dist;\n\n\tvec3 color = vec3(smoothstep(border - blur, border, dist) -\n smoothstep(progress, progress + blur, dist));\n\t\n\t// Ensure color is 0 when progress is 0,1\n\tcolor *= progressFactor;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { useResolution } from \"../..\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class WaveMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uEpicenter: { value: THREE.Vector2 };\n uProgress: { value: number };\n uStrength: { value: number };\n uWidth: { value: number };\n uResolution: { value: THREE.Vector2 };\n uMode: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uEpicenter: { value: new THREE.Vector2(0.0, 0.0) },\n uProgress: { value: 0.0 },\n uStrength: { value: 0.0 },\n uWidth: { value: 0.0 },\n uResolution: { value: new THREE.Vector2() },\n uMode: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as WaveMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type WaveParams = {\n /** -1.0 ~ 1.0 , default:vec2(0.0,0.0) */\n epicenter?: THREE.Vector2;\n /** 0.0 ~ 1.0 , default:0.0 */\n progress?: number;\n /** default:0.0 */\n width?: number;\n /** default:0.0 */\n strength?: number;\n /** default:center */\n mode?: \"center\" | \"horizontal\" | \"vertical\";\n};\n\nexport type WaveObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const WAVE_PARAMS: WaveParams = {\n epicenter: new THREE.Vector2(0.0, 0.0),\n progress: 0.0,\n width: 0.0,\n strength: 0.0,\n mode: \"center\",\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useWave = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(WAVE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: WaveParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uEpicenter\", params.epicenter!);\n setUniform(material, \"uProgress\", params.progress!);\n setUniform(material, \"uWidth\", params.width!);\n setUniform(material, \"uStrength\", params.strength!);\n setUniform(\n material,\n \"uMode\",\n params.mode! === \"center\"\n ? 0\n : params.mode! === \"horizontal\"\n ? 1\n : 2\n );\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n"],"names":["main_default","useResolution","size","dpr","_width","_height","useMemo","THREE","useAddMesh","scene","geometry","material","mesh","useEffect","setUniform","key","value","useMesh","vertexShader","fragmentShader","resolution","getCameraProps","width","height","frustumSize","aspect","w","h","useCamera","near","far","FBO_OPTION","useSingleFBO","camera","isSizeUpdate","renderTarget","useRef","useLayoutEffect","_a","currentRenderTarget","updateRenderTarget","useCallback","gl","onBeforeRender","fbo","useDoubleFBO","temp","initRenderTargets","read","write","_b","usePointer","prevPointer","diffPointer","lastUpdateTime","velocity","isMoved","currentPointer","now","current","deltaTime","isUpdate","prevTemp","useParams","params","paramsRef","obj","setParams","updateParams","paramKey","BRUSH_PARAMS","useBrush","updatePointer","props","pointer","DUOTONE_PARAMS","useDuoTone","FOGPROJECTION_PARAMS","useFogProjection","clock","init_default","useInitialMaterial","advection_default","useAdvectionMaterial","divergence_default","useDivergenceMaterial","pressure_default","usePressureMaterial","curl_default","useCurlMaterial","vorticity_default","useVorticityMaterial","clear_default","useClearMaterial","gradientSubtract_default","useGradientSubtractMaterial","splat_default","useSplateMaterial","initialMaterial","updateMaterial","curlMaterial","vorticityMaterial","advectionMaterial","divergenceMaterial","pressureMaterial","clearMaterial","gradientSubtractMaterial","splatMaterial","materials","setMeshMaterial","FLUID_PARAMS","useFluid","fboProps","velocityFBO","updateVelocityFBO","densityFBO","updateDensityFBO","curlFBO","updateCurlFBO","divergenceFBO","updateDivergenceFBO","pressureFBO","updatePressureFBO","lastTime","scaledDiffVec","spaltVec","dt","velocityTex","densityTex","isVelocityUpdate","scaledDiff","color","curlTex","divergenceTex","pressureTexTemp","i","scale","max","texture","meshArr","RIPPLE_PARAMS","useRipple","currentWave","FXTEXTURE_PARAMS","useFxTexture","NOISE_PARAMS","useNoise","errorHandler","domLength","textureLength","resolutionLength","_c","createMesh","child","useIntersectionHandler","intersectionObserverRef","intersectionDomRef","isIntersectingRef","isIntersectingOnceRef","observer","newArr","dom","callback","entries","entry","updateRect","resolutionRef","domElement","rect","useIsIntersecting","isIntersecting","index","once","DOMSYNCER_PARAMS","useDomSyncer","dependencies","refreshTrigger","setRefreshTrigger","useState","intersectionHandler","SIMPLEBLUR_PARAMS","useSimpleBlur","tempTexture","updateTempTexture","_tempTexture","iterations","WAVE_PARAMS","useWave"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"use-shader-fx.js","sources":["../src/hooks/useBrush/shader/main.vert","../src/hooks/useBrush/shader/main.frag","../src/utils/useResolution.ts","../src/utils/useAddMesh.ts","../src/utils/setUniforms.ts","../src/hooks/useBrush/useMesh.ts","../src/utils/useCamera.ts","../src/utils/useSingleFBO.ts","../src/utils/useDoubleFBO.ts","../src/utils/usePointer.ts","../src/utils/useParams.ts","../src/hooks/useBrush/index.ts","../src/hooks/useDuoTone/shader/main.vert","../src/hooks/useDuoTone/shader/main.frag","../src/hooks/useDuoTone/useMesh.ts","../src/hooks/useDuoTone/index.ts","../src/hooks/useFogProjection/shader/main.vert","../src/hooks/useFogProjection/shader/main.frag","../src/hooks/useFogProjection/useMesh.ts","../src/hooks/useFogProjection/index.ts","../src/hooks/useFluid/shaders/main.vert","../src/hooks/useFluid/shaders/init.frag","../src/hooks/useFluid/materials/useInitialMaterial.ts","../src/hooks/useFluid/shaders/advection.frag","../src/hooks/useFluid/materials/useAdvectionMaterial.ts","../src/hooks/useFluid/shaders/divergence.frag","../src/hooks/useFluid/materials/useDivergenceMaterial.ts","../src/hooks/useFluid/shaders/pressure.frag","../src/hooks/useFluid/materials/usePressureMaterial.ts","../src/hooks/useFluid/shaders/curl.frag","../src/hooks/useFluid/materials/useCurlMaterial.ts","../src/hooks/useFluid/shaders/vorticity.frag","../src/hooks/useFluid/materials/useVorticityMaterial.ts","../src/hooks/useFluid/shaders/clear.frag","../src/hooks/useFluid/materials/useClearMaterial.ts","../src/hooks/useFluid/shaders/gradientSubtract.frag","../src/hooks/useFluid/materials/useGradientSubtractMaterial.ts","../src/hooks/useFluid/shaders/splat.frag","../src/hooks/useFluid/materials/useSplatMaterial.ts","../src/hooks/useFluid/useMesh.ts","../src/hooks/useFluid/index.ts","../src/hooks/useRipple/useMesh.ts","../src/hooks/useRipple/index.ts","../src/hooks/useFxTexture/shader/main.vert","../src/hooks/useFxTexture/shader/main.frag","../src/hooks/useFxTexture/useMesh.ts","../src/hooks/useFxTexture/index.ts","../src/hooks/useNoise/shader/main.vert","../src/hooks/useNoise/shader/main.frag","../src/hooks/useNoise/useMesh.ts","../src/hooks/useNoise/index.ts","../src/hooks/useDomSyncer/utils/errorHandler.ts","../src/hooks/useDomSyncer/shader/main.vert","../src/hooks/useDomSyncer/shader/main.frag","../src/hooks/useDomSyncer/utils/createMesh.ts","../src/hooks/useDomSyncer/utils/useIntersectionHandler.ts","../src/hooks/useDomSyncer/utils/updateRect.ts","../src/hooks/useDomSyncer/utils/useIsIntersecting.ts","../src/hooks/useDomSyncer/index.ts","../src/hooks/useSimpleBlur/shader/main.vert","../src/hooks/useSimpleBlur/shader/main.frag","../src/hooks/useSimpleBlur/useMesh.ts","../src/hooks/useSimpleBlur/index.ts","../src/hooks/useWave/shader/main.vert","../src/hooks/useWave/shader/main.frag","../src/hooks/useWave/useMesh.ts","../src/hooks/useWave/index.ts","../src/utils/useCopyTexture.ts"],"sourcesContent":["varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nuniform sampler2D uMap;\nuniform sampler2D uTexture;\nuniform float uRadius;\nuniform float uDissipation;\nuniform vec2 uResolution;\nuniform float uSmudge;\nuniform float uAspect;\nuniform vec2 uMouse;\nuniform vec2 uPrevMouse;\nuniform vec2 uVelocity;\nuniform vec3 uColor;\nuniform float uMotionBlur;\nuniform int uMotionSample;\n\nvarying vec2 vUv;\n\nfloat isOnLine(vec2 point, vec2 start, vec2 end, float width, float aspect) {\n\t// make circle\n\tpoint.x *= aspect;\n\tstart.x *= aspect;\n\tend.x *= aspect;\n\n\t// unit vector in direction\n\tvec2 dir = normalize(end - start);\n\t\n\t// unit vector perpendicular to the line segment\n\tvec2 n = vec2(dir.y, -dir.x);\n\n\tvec2 p0 = point - start;\n\t\n\t// calculate distance on a line\n\tfloat distToLine = abs(dot(p0, n));\n\tfloat distAlongLine = dot(p0, dir);\n\tfloat totalLength = length(end - start);\n\n\t// Include the radius of the circle at the start and end points in the range\n\tfloat distFromStart = length(point - start);\n\tfloat distFromEnd = length(point - end);\n\t\n\tbool withinLine = (distToLine < width && distAlongLine > 0.0 && distAlongLine < totalLength) || distFromStart < width || distFromEnd < width;\n\n\treturn float(withinLine);\n}\n\nvec4 createSmudge(){\n\tvec2 offsets[9];\n\toffsets[0] = vec2(-1, -1); offsets[1] = vec2( 0, -1); offsets[2] = vec2( 1, -1);\n\toffsets[3] = vec2(-1, 0); offsets[4] = vec2( 0, 0); offsets[5] = vec2( 1, 0);\n\toffsets[6] = vec2(-1, 1); offsets[7] = vec2( 0, 1); offsets[8] = vec2( 1, 1);\n\t// Scale offset to texture size\n\tfor(int i = 0; i < 9; i++) {\n\t\toffsets[i] = (offsets[i] * uSmudge) / uResolution;\n\t}\t\n\tvec4 smudgedColor = vec4(0.0);\n\tfor(int i = 0; i < 9; i++) {\n\t\tsmudgedColor += texture2D(uMap, vUv + offsets[i]);\n\t}\n\treturn smudgedColor / 9.0;\n}\n\nvec4 createMotionBlur(vec4 baseColor, vec2 velocity, float motion, int samples) {\n\tvec4 motionBlurredColor = baseColor;\n\tvec2 scaledVelocity = velocity * motion;\n\tfor(int i = 1; i < samples; i++) {\n\t\tfloat t = float(i) / float(samples - 1);\n\t\tvec2 offset = t * scaledVelocity / uResolution;\n\t\tmotionBlurredColor += texture2D(uMap, vUv + offset);\n\t}\n\treturn motionBlurredColor / float(samples);\n}\n\n\nvoid main() {\n\t// Convert UV coordinates to range [-1, 1]\n\tvec2 st = vUv * 2.0 - 1.0;\n\t\n\t// velocity vector\n\tvec2 velocity = uVelocity * uResolution;\n\n\t// add smudge\n\tvec4 smudgedColor = createSmudge();\n\t\n\t// add motion blur\n\tvec4 motionBlurredColor = createMotionBlur(smudgedColor, velocity, uMotionBlur,uMotionSample);\n\n\tvec4 bufferColor = motionBlurredColor * uDissipation;\n\n\t// radius\n\tfloat modifiedRadius = max(0.0,uRadius);\n\n\t//\tcolor \n\tvec3 color = uColor;\n\n\t// map texture to color\n\tvec4 textureColor = texture2D(uTexture, vUv);\n\tvec3 finalColor = mix(color, textureColor.rgb, textureColor.a);\n\n\tfloat onLine = isOnLine(st, uPrevMouse, uMouse, modifiedRadius, uAspect);\n\tbufferColor.rgb = mix(bufferColor.rgb, finalColor, onLine);\n\t\n\tgl_FragColor = vec4(bufferColor.rgb,1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\n/**\n * @params dpr if dpr is set, it returns the resolution which is size multiplied by dpr.\n */\nexport const useResolution = (size: Size, dpr: number | false = false) => {\n const _width = dpr ? size.width * dpr : size.width;\n const _height = dpr ? size.height * dpr : size.height;\n const resolution = useMemo(\n () => new THREE.Vector2(_width, _height),\n [_width, _height]\n );\n return resolution;\n};\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\n\n/** Generate mesh from geometry and material and add to scene */\nexport const useAddMesh = (\n scene: THREE.Scene,\n geometry: THREE.BufferGeometry,\n material: THREE.Material\n) => {\n const mesh = useMemo(\n () => new THREE.Mesh(geometry, material),\n [geometry, material]\n );\n\n useEffect(() => {\n scene.add(mesh);\n }, [scene, mesh]);\n\n useEffect(() => {\n return () => {\n scene.remove(mesh);\n geometry.dispose();\n material.dispose();\n };\n }, [scene, geometry, material, mesh]);\n\n return mesh;\n};\n","type UniformValue =\n | THREE.CubeTexture\n | THREE.Texture\n | Int32Array\n | Float32Array\n | THREE.Matrix4\n | THREE.Matrix3\n | THREE.Quaternion\n | THREE.Vector4\n | THREE.Vector3\n | THREE.Vector2\n | THREE.Color\n | number\n | boolean\n | Array\n | null;\ntype UniformObject = { [key: string]: { value: UniformValue } };\n\nexport const setUniform = (\n material: { uniforms: T },\n key: keyof T,\n value: UniformValue\n) => {\n if (\n material.uniforms &&\n material.uniforms[key] &&\n value !== undefined &&\n value !== null\n ) {\n material.uniforms[key].value = value;\n } else {\n console.error(\n `Uniform key \"${String(\n key\n )}\" does not exist in the material. or \"${String(\n key\n )}\" is null | undefined`\n );\n }\n};\n","import * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useEffect, useMemo } from \"react\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class BrushMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uMap: { value: THREE.Texture };\n uResolution: { value: THREE.Texture };\n uAspect: { value: number };\n uTexture: { value: THREE.Texture };\n uRadius: { value: number };\n uSmudge: { value: number };\n uDissipation: { value: number };\n uMotionBlur: { value: number };\n uMotionSample: { value: number };\n uMouse: { value: number };\n uPrevMouse: { value: number };\n uVelocity: { value: number };\n uColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uMap: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0, 0) },\n uAspect: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uRadius: { value: 0.0 },\n uSmudge: { value: 0.0 },\n uDissipation: { value: 0.0 },\n uMotionBlur: { value: 0.0 },\n uMotionSample: { value: 0 },\n uMouse: { value: new THREE.Vector2(0, 0) },\n uPrevMouse: { value: new THREE.Vector2(0, 0) },\n uVelocity: { value: new THREE.Vector2(0, 0) },\n uColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(material, \"uAspect\", resolution.width / resolution.height);\n setUniform(material, \"uResolution\", resolution.clone());\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as BrushMaterial;\n};\n","import * as THREE from \"three\";\nimport { useResolution } from \"./useResolution\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\nconst getCameraProps = (width: number, height: number) => {\n const frustumSize = height;\n const aspect = width / height;\n const [w, h] = [(frustumSize * aspect) / 2, frustumSize / 2];\n return { width: w, height: h, near: -1000, far: 1000 };\n};\n\nexport const useCamera = (size: Size) => {\n const resolution = useResolution(size);\n const { width, height, near, far } = getCameraProps(\n resolution.x,\n resolution.y\n );\n const camera = useMemo(\n () =>\n new THREE.OrthographicCamera(\n -width,\n width,\n height,\n -height,\n near,\n far\n ),\n [width, height, near, far]\n );\n return camera;\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\n\nexport const FBO_OPTION = {\n minFilter: THREE.LinearFilter,\n magFilter: THREE.LinearFilter,\n type: THREE.HalfFloatType,\n depthBuffer: false,\n stencilBuffer: false,\n};\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseSingleFBOReturn = [THREE.WebGLRenderTarget, FBOUpdateFunction];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [THREE.WebGLRenderTarget , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useSingleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseSingleFBOReturn => {\n const renderTarget = useRef();\n\n const resolution = useResolution(size, dpr);\n renderTarget.current = useMemo(\n () => new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current!;\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateRenderTarget];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\nimport { useResolution } from \"./useResolution\";\nimport { DoubleRenderTarget, UseFboProps } from \"./types\";\n\ninterface RenderTarget extends DoubleRenderTarget {\n swap: () => void;\n}\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({\n read,\n write,\n }: {\n read: THREE.Texture;\n write: THREE.Texture;\n }) => void\n) => THREE.Texture;\n\ntype UseDoubleFBOReturn = [\n { read: THREE.WebGLRenderTarget; write: THREE.WebGLRenderTarget },\n FBOUpdateFunction\n];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [{read:THREE.WebGLRenderTarget,write:THREE.WebGLRenderTarget} , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useDoubleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseDoubleFBOReturn => {\n const renderTarget = useRef({\n read: null,\n write: null,\n swap: function () {\n let temp = this.read;\n this.read = this.write;\n this.write = temp;\n },\n });\n\n const resolution = useResolution(size, dpr);\n const initRenderTargets = useMemo(() => {\n const read = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n const write = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n return { read, write };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n renderTarget.current.read = initRenderTargets.read;\n renderTarget.current.write = initRenderTargets.write;\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.read?.setSize(resolution.x, resolution.y);\n renderTarget.current.write?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.read?.dispose();\n currentRenderTarget.write?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current;\n gl.setRenderTarget(fbo.write);\n onBeforeRender &&\n onBeforeRender({\n read: fbo.read!.texture,\n write: fbo.write!.texture,\n });\n gl.render(scene, camera);\n fbo.swap();\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.read?.texture as THREE.Texture;\n },\n [scene, camera]\n );\n\n return [\n { read: renderTarget.current.read, write: renderTarget.current.write },\n updateRenderTarget,\n ];\n};\n","import * as THREE from \"three\";\nimport { useCallback, useRef } from \"react\";\n\ntype UpdatePointer = (currentPointer: THREE.Vector2) => {\n currentPointer: THREE.Vector2;\n prevPointer: THREE.Vector2;\n diffPointer: THREE.Vector2;\n velocity: THREE.Vector2;\n isVelocityUpdate: boolean;\n};\n\n/** When given the pointer vector2 from r3f's RootState, it generates an update function that returns {currentPointer, prevPointer, diffPointer, isVelocityUpdate, velocity}. */\nexport const usePointer = (): UpdatePointer => {\n const prevPointer = useRef(new THREE.Vector2(0, 0));\n const diffPointer = useRef(new THREE.Vector2(0, 0));\n const lastUpdateTime = useRef(0);\n const velocity = useRef(new THREE.Vector2(0, 0));\n const isMoved = useRef(false);\n\n const updatePointer = useCallback((currentPointer: THREE.Vector2) => {\n const now = performance.now();\n const current = currentPointer.clone();\n\n // first frame\n if (lastUpdateTime.current === 0) {\n lastUpdateTime.current = now;\n prevPointer.current = current;\n }\n const deltaTime = Math.max(1, now - lastUpdateTime.current);\n lastUpdateTime.current = now;\n\n // get velocity\n velocity.current\n .copy(current)\n .sub(prevPointer.current)\n .divideScalar(deltaTime);\n const isUpdate = velocity.current.length() > 0;\n\n //set prev temp pos\n const prevTemp = isMoved.current ? prevPointer.current.clone() : current;\n if (!isMoved.current && isUpdate) {\n isMoved.current = true;\n }\n prevPointer.current = current;\n\n return {\n currentPointer: current,\n prevPointer: prevTemp,\n diffPointer: diffPointer.current.subVectors(current, prevTemp),\n velocity: velocity.current,\n isVelocityUpdate: isUpdate,\n };\n }, []);\n\n return updatePointer;\n};\n","import { useCallback, useRef } from \"react\";\n\ntype UseParamsReturn = [T, (params: Partial) => void];\n\n/**\n * @param params Receives an initial value object. With structuredClone, deep copy and set, but if the object contains a function, just set it.\n */\nexport const useParams = (params: T): UseParamsReturn => {\n const isContainsFunctions = (obj: object): boolean =>\n Object.values(obj).some((value) => typeof value === \"function\");\n const paramsRef = useRef(\n isContainsFunctions(params) ? params : structuredClone(params)\n );\n\n const setParams = useCallback((updateParams: Partial) => {\n for (const key in updateParams) {\n const paramKey = key as keyof T;\n if (\n paramKey in paramsRef.current &&\n updateParams[paramKey] !== undefined &&\n updateParams[paramKey] !== null\n ) {\n paramsRef.current[paramKey] = updateParams[paramKey]!;\n } else {\n console.error(\n `\"${String(\n paramKey\n )}\" does not exist in the params. or \"${String(\n paramKey\n )}\" is null | undefined`\n );\n }\n }\n }, []);\n return [paramsRef.current, setParams];\n};\n","import * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo } from \"react\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget } from \"../../utils/types\";\n\nexport type BrushParams = {\n /** Texture applied to the brush.Mixed with the value of a , default:THREE.Texture() */\n texture?: THREE.Texture;\n /** size of the stamp, percentage of the size ,default:0.05 */\n radius?: number;\n /** Strength of smudge effect , default:0.0*/\n smudge?: number;\n /** dissipation rate. If set to 1, it will remain. ,default:1.0 */\n dissipation?: number;\n /** Strength of motion blur , default:0.0 */\n motionBlur?: number;\n /** Number of motion blur samples. Affects performance default: 5 */\n motionSample?: number;\n /** brush color , default:THREE.Color(0xffffff) */\n color?: THREE.Color;\n};\n\nexport type BrushObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: DoubleRenderTarget;\n};\n\nexport const BRUSH_PARAMS: BrushParams = {\n texture: new THREE.Texture(),\n radius: 0.05,\n smudge: 0.0,\n dissipation: 1.0,\n motionBlur: 0.0,\n motionSample: 5,\n color: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useBrush = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useDoubleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(BRUSH_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: BrushParams) => {\n const { gl, pointer } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uRadius\", params.radius!);\n setUniform(material, \"uSmudge\", params.smudge!);\n setUniform(material, \"uDissipation\", params.dissipation!);\n setUniform(material, \"uMotionBlur\", params.motionBlur!);\n setUniform(material, \"uMotionSample\", params.motionSample!);\n setUniform(material, \"uColor\", params.color!);\n\n const { currentPointer, prevPointer, velocity } =\n updatePointer(pointer);\n setUniform(material, \"uMouse\", currentPointer);\n setUniform(material, \"uPrevMouse\", prevPointer);\n setUniform(material, \"uVelocity\", velocity);\n\n const bufferTexture = updateRenderTarget(gl, ({ read }) => {\n setUniform(material, \"uMap\", read);\n });\n\n return bufferTexture;\n },\n [material, updatePointer, updateRenderTarget, params, setParams]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\n\nuniform vec3 uColor0;\nuniform vec3 uColor1;\n\nvoid main() {\n\tvec2 uv = vUv;\n\tvec4 texColor = texture2D(uTexture, uv);\n\tfloat grayscale = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));\n\tvec3 duotone = mix(uColor0, uColor1, grayscale);\n\tgl_FragColor = vec4(duotone, texColor.a);\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class DuoToneMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n uColor0: { value: THREE.Color };\n uColor1: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uColor0: { value: new THREE.Color(0xffffff) },\n uColor1: { value: new THREE.Color(0x000000) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as DuoToneMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { DuoToneMaterial, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type DuoToneParams = {\n /** Make this texture duotone , Default:new THREE.Texture() */\n texture?: THREE.Texture;\n /** 1st color ,　Default:new THREE.Color(0xffffff) */\n color0?: THREE.Color;\n /** 2nd color , Default: new THREE.Color(0x000000) */\n color1?: THREE.Color;\n};\n\nexport type DuoToneObject = {\n scene: THREE.Scene;\n material: DuoToneMaterial;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const DUOTONE_PARAMS: DuoToneParams = {\n texture: new THREE.Texture(),\n color0: new THREE.Color(0xffffff),\n color1: new THREE.Color(0x000000),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDuoTone = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(DUOTONE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DuoToneParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uColor0\", params.color0!);\n setUniform(material, \"uColor1\", params.color1!);\n\n const bufferTexture = updateRenderTarget(gl);\n\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uNoiseMap;\nuniform float distortionStrength;\nuniform float fogEdge0;\nuniform float fogEdge1;\nuniform vec3 fogColor;\n\nvoid main() {\n\tvec2 uv = vUv;\n\n\tfloat noiseMap = texture2D(uNoiseMap,uv).r;\n\t\n\tfloat noiseTextureMap = noiseMap*2.0-1.0;\n\tuv += noiseTextureMap * distortionStrength;\n\tvec3 textureMap = texture2D(uTexture, uv).rgb;\n\n\tfloat edge0 = fogEdge0;\n\tfloat edge1 = fogEdge1;\n\tfloat blendValue = smoothstep(edge0, edge1, noiseMap);\n\n\tvec3 outputColor = blendValue * fogColor + (1.0 - blendValue) * textureMap;\n\tgl_FragColor = vec4(outputColor, 1.0);\n}\n\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class FogProjectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n uTexture: { value: THREE.Texture };\n uNoiseMap: { value: THREE.Texture };\n distortionStrength: { value: number };\n fogEdge0: { value: number };\n fogEdge1: { value: number };\n fogColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uNoiseMap: { value: new THREE.Texture() },\n distortionStrength: { value: 0.0 },\n fogEdge0: { value: 0.0 },\n fogEdge1: { value: 0.9 },\n fogColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as FogProjectionMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FogProjectionParams = {\n /** Make this texture FogProjection , default:THREE.Texture */\n texture?: THREE.Texture;\n /** noise texture to map, default:THREE.Texture */\n noiseMap?: THREE.Texture;\n /** distortion strength , default:0.03 */\n distortionStrength?: number;\n /** value that reflects noise , default:0.0 */\n fogEdge0?: number;\n /** value that reflects noise , default:0.9 */\n fogEdge1?: number;\n /** fog color , default: THREE.Color(0xffffff) */\n fogColor?: THREE.Color;\n};\n\nexport type FogProjectionObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FOGPROJECTION_PARAMS: FogProjectionParams = {\n texture: new THREE.Texture(),\n noiseMap: new THREE.Texture(),\n distortionStrength: 0.03,\n fogEdge0: 0.0,\n fogEdge1: 0.9,\n fogColor: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFogProjection = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] =\n useParams(FOGPROJECTION_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FogProjectionParams) => {\n const { gl, clock } = props;\n updateParams && setParams(updateParams);\n setUniform(material, \"uTime\", clock.getElapsedTime());\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uNoiseMap\", params.noiseMap!);\n setUniform(material, \"distortionStrength\", params.distortionStrength!);\n setUniform(material, \"fogEdge0\", params.fogEdge0!);\n setUniform(material, \"fogEdge1\", params.fogEdge1!);\n setUniform(material, \"fogColor\", params.fogColor!);\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform vec2 texelSize;\n\nvoid main () {\n\tvUv = uv;\n\tvL = vUv - vec2(texelSize.x, 0.0);\n\tvR = vUv + vec2(texelSize.x, 0.0);\n\tvT = vUv + vec2(0.0, texelSize.y);\n\tvB = vUv - vec2(0.0, texelSize.y);\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvoid main(){\n\tgl_FragColor = vec4(0.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/init.frag\";\n\nexport const useInitialMaterial = () => {\n const initialMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n depthTest: false,\n depthWrite: false,\n }),\n []\n );\n\n return initialMaterial as THREE.ShaderMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform vec2 texelSize;\nuniform float dt;\nuniform float dissipation;\n\nvoid main () {\n\tvec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n\tgl_FragColor = dissipation * texture2D(uSource, coord);\n\tgl_FragColor.a = 1.0;\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/advection.frag\";\n\nexport class AdvectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uSource: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n dt: { value: number };\n dissipation: { value: number };\n };\n}\n\nexport const useAdvectionMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: new THREE.Texture() },\n uSource: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n dt: { value: 0.0 },\n dissipation: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as AdvectionMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvec2 sampleVelocity (in vec2 uv) {\n\tvec2 multiplier = vec2(1.0, 1.0);\n\tif (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\n\tif (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\n\tif (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\n\tif (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\n\treturn multiplier * texture2D(uVelocity, uv).xy;\n}\n\nvoid main () {\n\tfloat L = sampleVelocity(vL).x;\n\tfloat R = sampleVelocity(vR).x;\n\tfloat T = sampleVelocity(vT).y;\n\tfloat B = sampleVelocity(vB).y;\n\tfloat div = 0.5 * (R - L + T - B);\n\tgl_FragColor = vec4(div, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/divergence.frag\";\n\nexport class DivergenceMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useDivergenceMaterial = () => {\n const divergenceMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return divergenceMaterial as DivergenceMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tfloat C = texture2D(uPressure, vUv).x;\n\tfloat divergence = texture2D(uDivergence, vUv).x;\n\tfloat pressure = (L + R + B + T - divergence) * 0.25;\n\tgl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/pressure.frag\";\n\nexport class PressureMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uDivergence: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const usePressureMaterial = () => {\n const pressureMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: null },\n uDivergence: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return pressureMaterial as PressureMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvoid main () {\n\tfloat L = texture2D(uVelocity, vL).y;\n\tfloat R = texture2D(uVelocity, vR).y;\n\tfloat T = texture2D(uVelocity, vT).x;\n\tfloat B = texture2D(uVelocity, vB).x;\n\tfloat vorticity = R - L - T + B;\n\tgl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/curl.frag\";\n\nexport class CurlMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useCurlMaterial = () => {\n const curlMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return curlMaterial as CurlMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform float curl;\nuniform float dt;\n\nvoid main () {\n\tfloat T = texture2D(uCurl, vT).x;\n\tfloat B = texture2D(uCurl, vB).x;\n\tfloat C = texture2D(uCurl, vUv).x;\n\tvec2 force = vec2(abs(T) - abs(B), 0.0);\n\tforce *= 1.0 / length(force + 0.00001) * curl * C;\n\tvec2 vel = texture2D(uVelocity, vUv).xy;\n\tgl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/vorticity.frag\";\n\nexport class VorticityMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uCurl: { value: THREE.Texture };\n curl: { value: number };\n dt: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useVorticityMaterial = () => {\n const vorticityMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n uCurl: { value: null },\n curl: { value: 0 },\n dt: { value: 0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return vorticityMaterial as VorticityMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform float value;\n\nvoid main () {\n\tgl_FragColor = value * texture2D(uTexture, vUv);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/clear.frag\";\n\nexport class ClearMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n value: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useClearMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n value: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as ClearMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tvec2 velocity = texture2D(uVelocity, vUv).xy;\n\tvelocity.xy -= vec2(R - L, T - B);\n\tgl_FragColor = vec4(velocity, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/gradientSubtract.frag\";\n\nexport class GradientSubtractMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useGradientSubtractMaterial = () => {\n const gradientSubtractMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: new THREE.Texture() },\n uVelocity: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return gradientSubtractMaterial as GradientSubtractMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTarget;\nuniform float aspectRatio;\nuniform vec3 color;\nuniform vec2 point;\nuniform float radius;\n\nvoid main () {\n\tvec2 nPoint = (point + vec2(1.0)) * 0.5;\n\tvec2 p = vUv - nPoint.xy;\n\tp.x *= aspectRatio;\n\tvec3 splat = exp(-dot(p, p) / radius) * color;\n\tvec3 base = texture2D(uTarget, vUv).xyz;\n\tgl_FragColor = vec4(base + splat, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/splat.frag\";\n\nexport class SplatMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTarget: { value: THREE.Texture };\n aspectRatio: { value: number };\n color: { value: THREE.Vector3 };\n point: { value: THREE.Vector2 };\n radius: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useSplateMaterial = () => {\n const splatMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTarget: { value: new THREE.Texture() },\n aspectRatio: { value: 0 },\n color: { value: new THREE.Vector3() },\n point: { value: new THREE.Vector2() },\n radius: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return splatMaterial as SplatMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useInitialMaterial } from \"./materials/useInitialMaterial\";\nimport {\n AdvectionMaterial,\n useAdvectionMaterial,\n} from \"./materials/useAdvectionMaterial\";\nimport {\n DivergenceMaterial,\n useDivergenceMaterial,\n} from \"./materials/useDivergenceMaterial\";\nimport {\n PressureMaterial,\n usePressureMaterial,\n} from \"./materials/usePressureMaterial\";\nimport { CurlMaterial, useCurlMaterial } from \"./materials/useCurlMaterial\";\nimport {\n VorticityMaterial,\n useVorticityMaterial,\n} from \"./materials/useVorticityMaterial\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { ClearMaterial, useClearMaterial } from \"./materials/useClearMaterial\";\nimport {\n GradientSubtractMaterial,\n useGradientSubtractMaterial,\n} from \"./materials/useGradientSubtractMaterial\";\nimport { SplatMaterial, useSplateMaterial } from \"./materials/useSplatMaterial\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\ntype TMaterials =\n | AdvectionMaterial\n | DivergenceMaterial\n | CurlMaterial\n | PressureMaterial\n | ClearMaterial\n | GradientSubtractMaterial\n | SplatMaterial;\n\nexport type FluidMaterials = {\n vorticityMaterial: VorticityMaterial;\n curlMaterial: CurlMaterial;\n advectionMaterial: AdvectionMaterial;\n divergenceMaterial: DivergenceMaterial;\n pressureMaterial: PressureMaterial;\n clearMaterial: ClearMaterial;\n gradientSubtractMaterial: GradientSubtractMaterial;\n splatMaterial: SplatMaterial;\n};\ntype TUseMeshReturnType = [FluidMaterials, (material: TMaterials) => void];\n\n/**\n * Returns the material update function in the second argument\n */\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}): TUseMeshReturnType => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const initialMaterial = useInitialMaterial();\n const updateMaterial = initialMaterial.clone();\n const curlMaterial = useCurlMaterial();\n const vorticityMaterial = useVorticityMaterial();\n const advectionMaterial = useAdvectionMaterial();\n const divergenceMaterial = useDivergenceMaterial();\n const pressureMaterial = usePressureMaterial();\n const clearMaterial = useClearMaterial();\n const gradientSubtractMaterial = useGradientSubtractMaterial();\n const splatMaterial = useSplateMaterial();\n const materials = useMemo(\n () => ({\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n }),\n [\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n ]\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(\n materials.splatMaterial,\n \"aspectRatio\",\n resolution.x / resolution.y\n );\n for (const material of Object.values(materials)) {\n setUniform(\n material,\n \"texelSize\",\n new THREE.Vector2(1.0 / resolution.x, 1.0 / resolution.y)\n );\n }\n }, [resolution, materials]);\n\n const mesh = useAddMesh(scene, geometry, initialMaterial);\n useEffect(() => {\n initialMaterial.dispose();\n mesh.material = updateMaterial;\n }, [initialMaterial, mesh, updateMaterial]);\n\n useEffect(() => {\n return () => {\n for (const material of Object.values(materials)) {\n material.dispose();\n }\n };\n }, [materials]);\n\n const setMeshMaterial = useCallback(\n (material: TMaterials) => {\n mesh.material = material;\n mesh.material.needsUpdate = true;\n },\n [mesh]\n );\n\n return [materials, setMeshMaterial];\n};\n","import * as THREE from \"three\";\nimport { FluidMaterials, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget, UseFboProps } from \"../../utils/types\";\n\nexport type FluidParams = {\n /** density disspation , default:0.98 */\n density_dissipation?: number;\n /** velocity dissipation , default:0.99 */\n velocity_dissipation?: number;\n /** velocity acceleration , default:10.0 */\n velocity_acceleration?: number;\n /** pressure dissipation , default:0.9 */\n pressure_dissipation?: number;\n /** pressure iterations. affects performance , default:20 */\n pressure_iterations?: number;\n /** curl_strength , default:35 */\n curl_strength?: number;\n /** splat radius , default:0.002 */\n splat_radius?: number;\n /** Fluid Color.THREE.Vector3 Alternatively, it accepts a function that returns THREE.Vector3.The function takes velocity:THREE.Vector2 as an argument. , default:THREE.Vector3(1.0, 1.0, 1.0) */\n fluid_color?: ((velocity: THREE.Vector2) => THREE.Vector3) | THREE.Vector3;\n};\n\nexport type FluidObject = {\n scene: THREE.Scene;\n materials: FluidMaterials;\n camera: THREE.Camera;\n renderTarget: {\n velocity: DoubleRenderTarget;\n density: DoubleRenderTarget;\n curl: THREE.WebGLRenderTarget;\n divergence: THREE.WebGLRenderTarget;\n pressure: DoubleRenderTarget;\n };\n};\n\nexport const FLUID_PARAMS: FluidParams = {\n density_dissipation: 0.98,\n velocity_dissipation: 0.99,\n velocity_acceleration: 10.0,\n pressure_dissipation: 0.9,\n pressure_iterations: 20,\n curl_strength: 35,\n splat_radius: 0.002,\n fluid_color: new THREE.Vector3(1.0, 1.0, 1.0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFluid = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const [materials, setMeshMaterial] = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n }),\n [scene, camera, size]\n );\n const [velocityFBO, updateVelocityFBO] = useDoubleFBO(fboProps);\n const [densityFBO, updateDensityFBO] = useDoubleFBO(fboProps);\n const [curlFBO, updateCurlFBO] = useSingleFBO(fboProps);\n const [divergenceFBO, updateDivergenceFBO] = useSingleFBO(fboProps);\n const [pressureFBO, updatePressureFBO] = useDoubleFBO(fboProps);\n\n const lastTime = useRef(0);\n const scaledDiffVec = useRef(new THREE.Vector2(0, 0));\n const spaltVec = useRef(new THREE.Vector3(0, 0, 0));\n\n const [params, setParams] = useParams(FLUID_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FluidParams) => {\n const { gl, pointer, clock, size } = props;\n\n updateParams && setParams(updateParams);\n\n if (lastTime.current === 0) {\n lastTime.current = clock.getElapsedTime();\n }\n const dt = Math.min(\n (clock.getElapsedTime() - lastTime.current) / 3,\n 0.02\n );\n lastTime.current = clock.getElapsedTime();\n\n // update velocity\n const velocityTex = updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", read);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(materials.advectionMaterial, \"dt\", dt);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.velocity_dissipation!\n );\n });\n\n // update density\n const densityTex = updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", velocityTex);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.density_dissipation!\n );\n });\n\n // update splatting\n const { currentPointer, diffPointer, isVelocityUpdate, velocity } =\n updatePointer(pointer);\n if (isVelocityUpdate) {\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n setUniform(materials.splatMaterial, \"point\", currentPointer);\n const scaledDiff = diffPointer.multiply(\n scaledDiffVec.current\n .set(size.width, size.height)\n .multiplyScalar(params.velocity_acceleration!)\n );\n setUniform(\n materials.splatMaterial,\n \"color\",\n spaltVec.current.set(scaledDiff.x, scaledDiff.y, 1.0)\n );\n setUniform(\n materials.splatMaterial,\n \"radius\",\n params.splat_radius!\n );\n });\n updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n const color: THREE.Vector3 =\n typeof params.fluid_color === \"function\"\n ? params.fluid_color(velocity)\n : params.fluid_color!;\n setUniform(materials.splatMaterial, \"color\", color);\n });\n }\n\n // update curl\n const curlTex = updateCurlFBO(gl, () => {\n setMeshMaterial(materials.curlMaterial);\n setUniform(materials.curlMaterial, \"uVelocity\", velocityTex);\n });\n\n // update vorticity\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.vorticityMaterial);\n setUniform(materials.vorticityMaterial, \"uVelocity\", read);\n setUniform(materials.vorticityMaterial, \"uCurl\", curlTex);\n setUniform(\n materials.vorticityMaterial,\n \"curl\",\n params.curl_strength!\n );\n setUniform(materials.vorticityMaterial, \"dt\", dt);\n });\n\n // update divergence\n const divergenceTex = updateDivergenceFBO(gl, () => {\n setMeshMaterial(materials.divergenceMaterial);\n setUniform(materials.divergenceMaterial, \"uVelocity\", velocityTex);\n });\n\n // update pressure\n updatePressureFBO(gl, ({ read }) => {\n setMeshMaterial(materials.clearMaterial);\n setUniform(materials.clearMaterial, \"uTexture\", read);\n setUniform(\n materials.clearMaterial,\n \"value\",\n params.pressure_dissipation!\n );\n });\n\n // solve pressure iterative (Gauss-Seidel)\n setMeshMaterial(materials.pressureMaterial);\n setUniform(materials.pressureMaterial, \"uDivergence\", divergenceTex);\n let pressureTexTemp: THREE.Texture;\n for (let i = 0; i < params.pressure_iterations!; i++) {\n pressureTexTemp = updatePressureFBO(gl, ({ read }) => {\n setUniform(materials.pressureMaterial, \"uPressure\", read);\n });\n }\n\n // update gradienSubtract\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.gradientSubtractMaterial);\n setUniform(\n materials.gradientSubtractMaterial,\n \"uPressure\",\n pressureTexTemp\n );\n setUniform(materials.gradientSubtractMaterial, \"uVelocity\", read);\n });\n\n return densityTex;\n },\n [\n materials,\n setMeshMaterial,\n updateCurlFBO,\n updateDensityFBO,\n updateDivergenceFBO,\n updatePointer,\n updatePressureFBO,\n updateVelocityFBO,\n setParams,\n params,\n ]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n materials: materials,\n camera: camera,\n renderTarget: {\n velocity: velocityFBO,\n density: densityFBO,\n curl: curlFBO,\n divergence: divergenceFBO,\n pressure: pressureFBO,\n },\n },\n ];\n};\n","import { useEffect, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\n\ntype UseMeshProps = {\n scale: number;\n max: number;\n texture?: THREE.Texture;\n scene: THREE.Scene;\n};\n\nexport const useMesh = ({ scale, max, texture, scene }: UseMeshProps) => {\n const meshArr = useRef([]);\n const geometry = useMemo(\n () => new THREE.PlaneGeometry(scale, scale),\n [scale]\n );\n const material = useMemo(\n () =>\n new THREE.MeshBasicMaterial({\n map: texture ?? null,\n transparent: true,\n blending: THREE.AdditiveBlending,\n depthTest: false,\n depthWrite: false,\n }),\n [texture]\n );\n\n useEffect(() => {\n for (let i = 0; i < max; i++) {\n const mesh = new THREE.Mesh(geometry.clone(), material.clone());\n mesh.rotateZ(2 * Math.PI * Math.random());\n mesh.visible = false;\n scene.add(mesh);\n meshArr.current.push(mesh);\n }\n }, [geometry, material, scene, max]);\n\n useEffect(() => {\n return () => {\n meshArr.current.forEach((mesh) => {\n mesh.geometry.dispose();\n if (Array.isArray(mesh.material)) {\n mesh.material.forEach((material) => material.dispose());\n } else {\n mesh.material.dispose();\n }\n scene.remove(mesh);\n });\n meshArr.current = [];\n };\n }, [scene]);\n\n return meshArr.current;\n};\n","import { useCallback, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type RippleParams = {\n /** How often ripples appear,default:0.01 */\n frequency?: number;\n /** rotation rate,default:0.05 */\n rotation?: number;\n /** fadeout speed,default:0.9 */\n fadeout_speed?: number;\n /** scale rate,default:0.3 */\n scale?: number;\n /** alpha,default:0.6 */\n alpha?: number;\n};\n\nexport type RippleObject = {\n scene: THREE.Scene;\n meshArr: THREE.Mesh[];\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const RIPPLE_PARAMS: RippleParams = {\n frequency: 0.01,\n rotation: 0.05,\n fadeout_speed: 0.9,\n scale: 0.3,\n alpha: 0.6,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useRipple = ({\n texture,\n scale = 64,\n max = 100,\n size,\n}: {\n /** texture applied to ripple */\n texture: THREE.Texture;\n /** ripple size, default:64 */\n scale?: number;\n /** ripple max length, default:100 */\n max?: number;\n size: Size;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const meshArr = useMesh({\n scale: scale,\n max: max,\n texture,\n scene,\n });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n });\n\n const [params, setParams] = useParams(RIPPLE_PARAMS);\n\n const currentWave = useRef(0);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: RippleParams) => {\n const { gl, pointer, size } = props;\n\n updateParams && setParams(updateParams);\n\n const { currentPointer, diffPointer } = updatePointer(pointer);\n if (params.frequency! < diffPointer.length()) {\n const mesh = meshArr[currentWave.current];\n mesh.visible = true;\n mesh.position.set(\n currentPointer.x * (size.width / 2),\n currentPointer.y * (size.height / 2),\n 0\n );\n mesh.scale.x = mesh.scale.y = 0.0;\n (mesh.material as THREE.MeshBasicMaterial).opacity = params.alpha!;\n currentWave.current = (currentWave.current + 1) % max;\n }\n meshArr.forEach((mesh) => {\n if (mesh.visible) {\n const material = mesh.material as THREE.MeshBasicMaterial;\n mesh.rotation.z += params.rotation!;\n material.opacity *= params.fadeout_speed!;\n mesh.scale.x =\n params.fadeout_speed! * mesh.scale.x + params.scale!;\n mesh.scale.y = mesh.scale.x;\n if (material.opacity < 0.002) mesh.visible = false;\n }\n });\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, meshArr, updatePointer, max, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n meshArr: meshArr,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform vec2 uTextureResolution;\nuniform sampler2D uTexture0;\nuniform sampler2D uTexture1;\nuniform sampler2D uMap;\nuniform float mapIntensity;\nuniform float edgeIntensity;\nuniform float progress;\nuniform float dirX;\nuniform float dirY;\nuniform vec2 epicenter;\nuniform float padding;\n\nbool isInPaddingArea(vec2 uv) {\n return uv.x < padding || uv.x > 1.0 - padding || uv.y < padding || uv.y > 1.0 - padding;\n}\n\nvoid main() {\n\tvec2 bgRatio=vec2(\n\t\tmin((uResolution.x/uResolution.y)/(uTextureResolution.x/uTextureResolution.y),1.),\n\t\tmin((uResolution.y/uResolution.x)/(uTextureResolution.y/uTextureResolution.x),1.)\n\t);\n\tvec2 uv=vec2(\n\t\tvUv.x*bgRatio.x+(1.-bgRatio.x)*.5,\n\t\tvUv.y*bgRatio.y+(1.-bgRatio.y)*.5\n\t);\n\n\t// fx map\n\tvec2 map = texture2D(uMap, uv).rg;\n\tvec2 normalizedMap = map * 2.0 - 1.0;\n\n\t// multiply edge fx\n\tuv = uv * 2.0 - 1.0;\n\tuv *= map * distance(epicenter, uv) * edgeIntensity + 1.0;\n\tuv = (uv + 1.0) / 2.0;\n\n\t// padding\n\tif (isInPaddingArea(uv)) {\n\t\tgl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n\t\treturn;\n\t}\n\tvec2 paddedUV = uv * (1.0 - 2.0 * padding * -1.) + padding * -1.;\n\n\t// centered uv\n\tvec2 centeredUV = paddedUV - vec2(0.5);\n\n\t// multiply map fx\n\tcenteredUV *= normalizedMap * map * mapIntensity + 1.0;\n\n\t// texture 0\n\tfloat xOffsetTexture0 = 0.5 - dirX * progress;\n\tfloat yOffsetTexture0 = 0.5 - dirY * progress;\n\tvec2 samplePosTexture0 = vec2(xOffsetTexture0, yOffsetTexture0) + centeredUV;\n\n\t//texture 1\n\tfloat xOffsetTexture1 = 0.5 + dirX * (1.0 - progress);\n\tfloat yOffsetTexture1 = 0.5 + dirY * (1.0 - progress);\n\tvec2 samplePosTexture1 = vec2(xOffsetTexture1, yOffsetTexture1) + centeredUV;\n\n\tvec4 color0 = texture2D(uTexture0, samplePosTexture0);\n\tvec4 color1 = texture2D(uTexture1, samplePosTexture1);\n\n\tgl_FragColor = mix(color0, color1, progress);\n\n}","import { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class TransitionBgMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uResolution: { value: THREE.Vector2 };\n uTextureResolution: { value: THREE.Vector2 };\n uTexture0: { value: THREE.Texture };\n uTexture1: { value: THREE.Texture };\n padding: { value: number };\n uMap: { value: THREE.Texture };\n edgeIntensity: { value: number };\n mapIntensity: { value: number };\n epicenter: { value: THREE.Vector2 };\n progress: { value: number };\n dirX: { value: number };\n dirY: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uResolution: { value: new THREE.Vector2() },\n uTextureResolution: { value: new THREE.Vector2() },\n uTexture0: { value: new THREE.Texture() },\n uTexture1: { value: new THREE.Texture() },\n padding: { value: 0.0 },\n uMap: { value: new THREE.Texture() },\n edgeIntensity: { value: 0.0 },\n mapIntensity: { value: 0.0 },\n epicenter: { value: new THREE.Vector2(0.0, 0.0) },\n progress: { value: 0.0 },\n dirX: { value: 0.0 },\n dirY: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as TransitionBgMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FxTextureParams = {\n /** 1st texture , default:THREE.Texture() */\n texture0?: THREE.Texture;\n /** 2nd texture , default:THREE.Texture() */\n texture1?: THREE.Texture;\n /** background texture resolution , default:THREE.Vector2(0, 0) */\n textureResolution?: THREE.Vector2;\n /** add transparent padding, 0.0 ~ 1.0 , default:0.0 */\n padding?: number;\n /** The color map. The uv value is affected according to this rbg , default:THREE.Texture() */\n map?: THREE.Texture;\n /** intensity of map , default:0.0 */\n mapIntensity?: number;\n /** Intensity of effect on edges , default:0.0 */\n edgeIntensity?: number;\n /** epicenter of fx, -1 ~ 1 , default:vec2(0.0,0.0)*/\n epicenter?: THREE.Vector2;\n /** Switch value to switch between texture0 and texture1 */\n progress?: number;\n /** direction of transition , default: THREE.Vector2(0, 0) */\n dir?: THREE.Vector2;\n};\n\nexport type FxTextureObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FXTEXTURE_PARAMS: FxTextureParams = {\n texture0: new THREE.Texture(),\n texture1: new THREE.Texture(),\n textureResolution: new THREE.Vector2(0, 0),\n padding: 0.0,\n map: new THREE.Texture(),\n mapIntensity: 0.0,\n edgeIntensity: 0.0,\n epicenter: new THREE.Vector2(0, 0),\n progress: 0.0,\n dir: new THREE.Vector2(0, 0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFxTexture = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n dpr,\n size,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(FXTEXTURE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FxTextureParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture0\", params.texture0!);\n setUniform(material, \"uTexture1\", params.texture1!);\n setUniform(material, \"uTextureResolution\", params.textureResolution!);\n setUniform(material, \"padding\", params.padding!);\n setUniform(material, \"uMap\", params.map!);\n setUniform(material, \"mapIntensity\", params.mapIntensity!);\n setUniform(material, \"edgeIntensity\", params.edgeIntensity!);\n setUniform(material, \"epicenter\", params.epicenter!);\n setUniform(material, \"progress\", params.progress!);\n setUniform(material, \"dirX\", params.dir!.x);\n setUniform(material, \"dirY\", params.dir!.y);\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform float timeStrength;\nuniform int noiseOctaves;\nuniform int fbmOctaves;\n\nconst float per = 0.5;\nconst float PI = 3.14159265359;\n\nfloat interpolate(float a, float b, float x){\n float f = (1.0 - cos(x * PI)) * 0.5;\n return a * (1.0 - f) + b * f;\n}\n\nfloat rnd(vec2 p){\n\tvec3 p3 = fract(vec3(p.xyx) * .1995);\n\tp3 += dot(p3, p3.yzx + 11.28);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\n\nfloat irnd(vec2 p){\n\tvec2 i = floor(p);\n\tvec2 f = fract(p);\n\tvec4 v = vec4(rnd(vec2(i.x,i.y)),rnd(vec2(i.x + 1.0,i.y)),rnd(vec2(i.x,i.y + 1.0)),rnd(vec2(i.x + 1.0, i.y + 1.0)));\n\treturn interpolate(interpolate(v.x, v.y, f.x), interpolate(v.z, v.w, f.x), f.y);\n}\n\n// Based on The Book of Shaders\n// https://thebookofshaders.com/13/\nfloat noise(vec2 p, float time){\n\tfloat t = 0.0;\n\tfor(int i = 0; i < noiseOctaves; i++){\n\t\tfloat freq = pow(2.0, float(i));\n\t\tfloat amp = pow(per, float(noiseOctaves - i));\n\t\tt += irnd(vec2(p.y / freq + time, p.x / freq + time)) * amp;\n\t}\n\treturn t;\n}\n\nfloat fbm(vec2 x, float time) {\n\tfloat v = 0.0;\n\tfloat a = 0.5;\n\tvec2 shift = vec2(100);\n\tmat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));\n\tfloat sign = 1.0;\n\tfor (int i = 0; i < fbmOctaves; ++i) {\n\t\tv += a * noise(x, time * sign);\n\t\tx = rot * x * 2.0 + shift;\n\t\ta *= 0.5;\n\t\tsign *= -1.0;\n\t}\n\treturn v;\n}\n\nvoid main() {\n\tfloat noiseMap = fbm(gl_FragCoord.xy ,uTime * timeStrength);\n\tgl_FragColor = vec4(noiseMap,noiseMap,noiseMap,1.0);\n}\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class NoiseMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n timeStrength: { value: number };\n noiseOctaves: { value: number };\n fbmOctaves: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n timeStrength: { value: 0.0 },\n noiseOctaves: { value: 0 },\n fbmOctaves: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as NoiseMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type NoiseParams = {\n /** time factor default:0.3 */\n timeStrength?: number;\n /** noiseOctaves, affects performance default:8 */\n noiseOctaves?: number;\n /** fbmOctaves, affects performance default:3 */\n fbmOctaves?: number;\n};\n\nexport type NoiseObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const NOISE_PARAMS: NoiseParams = {\n timeStrength: 0.3,\n noiseOctaves: 8,\n fbmOctaves: 3,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useNoise = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(NOISE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: NoiseParams) => {\n const { gl, clock } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"timeStrength\", params.timeStrength!);\n setUniform(material, \"noiseOctaves\", params.noiseOctaves!);\n setUniform(material, \"fbmOctaves\", params.fbmOctaves!);\n\n setUniform(material, \"uTime\", clock.getElapsedTime());\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import { DomSyncerParams } from \"..\";\n\nexport const errorHandler = (params: DomSyncerParams) => {\n const domLength = params.dom?.length;\n const textureLength = params.texture?.length;\n const resolutionLength = params.resolution?.length;\n\n if (!domLength || !textureLength || !resolutionLength) {\n throw new Error(\"No dom or texture or resolution is set\");\n }\n\n if (domLength !== textureLength || domLength !== resolutionLength) {\n throw new Error(\"Match dom, texture and resolution length\");\n }\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D u_texture;\nuniform vec2 u_textureResolution;\nuniform vec2 u_resolution;\nuniform float u_borderRadius;\n\nvoid main() {\n\t// texuture color\n\tvec2 ratio = vec2(\n\t\tmin((u_resolution.x / u_resolution.y) / (u_textureResolution.x / u_textureResolution.y), 1.0),\n\t\tmin((u_resolution.y / u_resolution.x) / (u_textureResolution.y / u_textureResolution.x), 1.0)\n\t);\n\tvec2 adjustedUv = vUv * ratio + (1.0 - ratio) * 0.5;\n\tvec3 textureColor = texture2D(u_texture, adjustedUv).rgb;\n\tfloat textureAlpha = texture2D(u_texture, adjustedUv).a;\n\n\t// Based on https://mofu-dev.com/en/blog/three-dom-alignment/\n\tfloat maxSide = max(u_resolution.x, u_resolution.y);\n\tfloat minSide = min(u_resolution.x, u_resolution.y);\n\tvec2 aspect = u_resolution / maxSide;\n\tvec2 alphaUv = vUv - 0.5;\n\n\tfloat borderRadius = min(u_borderRadius, minSide * 0.5);\n\tvec2 offset = vec2(borderRadius) / u_resolution;\n\tvec2 alphaXY = smoothstep(vec2(0.5 - offset), vec2(0.5 - offset - 0.001), abs(alphaUv));\n\tfloat alpha = min(1.0, alphaXY.x + alphaXY.y);\n\n\tvec2 alphaUv2 = abs(vUv - 0.5);\n\tfloat radius = borderRadius / maxSide;\n\talphaUv2 = (alphaUv2 - 0.5) * aspect + radius;\n\tfloat roundAlpha = smoothstep(radius + 0.001, radius, length(alphaUv2));\n\n\talpha = min(1.0, alpha + roundAlpha);\n\n\t// multiply texture alpha\n\talpha *= textureAlpha;\n\n\tgl_FragColor = vec4(textureColor, alpha);\n}\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport vertexShader from \"../shader/main.vert\";\nimport fragmentShader from \"../shader/main.frag\";\n\nexport class DomSyncerMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n u_texture: { value: THREE.Texture };\n u_textureResolution: { value: THREE.Vector2 };\n u_resolution: { value: THREE.Vector2 };\n u_borderRadius: { value: number };\n };\n}\n\nexport const createMesh = ({\n params,\n size,\n scene,\n}: {\n params: DomSyncerParams;\n size: Size;\n scene: THREE.Scene;\n}) => {\n if (scene.children.length > 0) {\n scene.children.forEach((child) => {\n if (child instanceof THREE.Mesh) {\n child.geometry.dispose();\n child.material.dispose();\n }\n });\n scene.remove(...scene.children);\n }\n\n params.texture!.forEach((texture, i) => {\n const mesh = new THREE.Mesh(\n new THREE.PlaneGeometry(1, 1),\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n transparent: true,\n uniforms: {\n u_texture: { value: texture },\n u_textureResolution: { value: new THREE.Vector2(0, 0) },\n u_resolution: { value: new THREE.Vector2(0, 0) },\n u_borderRadius: {\n value: params.boderRadius![i] ? params.boderRadius![i] : 0.0,\n },\n },\n })\n );\n scene.add(mesh);\n });\n};\n","import { useCallback, useRef } from \"react\";\nimport { DomSyncerParams } from \"..\";\n\nexport const useIntersectionHandler = () => {\n const intersectionObserverRef = useRef([]);\n const intersectionDomRef = useRef<(HTMLElement | Element | null)[]>([]);\n\n const intersectionHandler = useCallback(\n ({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n }: {\n isIntersectingRef: React.MutableRefObject;\n isIntersectingOnceRef: React.MutableRefObject;\n params: DomSyncerParams;\n }) => {\n if (intersectionObserverRef.current.length > 0) {\n intersectionObserverRef.current.forEach((observer, i) => {\n observer.unobserve(intersectionDomRef.current[i]!);\n });\n }\n\n intersectionDomRef.current = [];\n intersectionObserverRef.current = [];\n\n const newArr = new Array(params.dom!.length).fill(false);\n isIntersectingRef.current = [...newArr];\n isIntersectingOnceRef.current = [...newArr];\n\n params.dom!.forEach((dom, i) => {\n const callback = (entries: IntersectionObserverEntry[]) => {\n entries.forEach((entry) => {\n params.onIntersect![i] && params.onIntersect![i](entry);\n // Update the judgment after execution so that the judgment of isIntersectin can be used when executing onIntersect\n isIntersectingRef.current[i] = entry.isIntersecting;\n });\n };\n const observer = new IntersectionObserver(callback, {\n rootMargin: \"0px\",\n threshold: 0,\n });\n observer.observe(dom!);\n intersectionObserverRef.current.push(observer);\n intersectionDomRef.current.push(dom!);\n });\n },\n []\n );\n\n return intersectionHandler;\n};\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport { setUniform } from \"../../../utils/setUniforms\";\nimport { DomSyncerMaterial } from \"./createMesh\";\n\nexport const updateRect = ({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n}: {\n params: DomSyncerParams;\n size: Size;\n resolutionRef: React.MutableRefObject;\n scene: THREE.Scene;\n isIntersectingRef: React.MutableRefObject;\n}) => {\n scene.children.forEach((mesh, i) => {\n const domElement = params.dom![i];\n if (!domElement) {\n throw new Error(\"DOM is null.\");\n }\n if (isIntersectingRef.current[i]) {\n const rect = domElement.getBoundingClientRect();\n mesh.scale.set(rect.width, rect.height, 1.0);\n mesh.position.set(\n rect.left + rect.width * 0.5 - size.width * 0.5,\n -rect.top - rect.height * 0.5 + size.height * 0.5,\n 0.0\n );\n if (mesh instanceof THREE.Mesh) {\n const material: DomSyncerMaterial = mesh.material;\n setUniform(material, \"u_texture\", params.texture![i]);\n setUniform(material, \"u_textureResolution\", params.resolution![i]);\n setUniform(\n material,\n \"u_resolution\",\n resolutionRef.current.set(rect.width, rect.height)\n );\n setUniform(\n material,\n \"u_borderRadius\",\n params.boderRadius![i] ? params.boderRadius![i] : 0.0\n );\n }\n }\n });\n};\n","import { useCallback, useRef } from \"react\";\n\nexport type IsIntersecting = (\n index: number,\n once?: boolean\n) => boolean[] | boolean;\n\nexport const useIsIntersecting = () => {\n const isIntersectingRef = useRef([]);\n const isIntersectingOnceRef = useRef([]);\n\n const isIntersecting: IsIntersecting = useCallback((index, once = false) => {\n isIntersectingRef.current.forEach((value, i) => {\n if (value) {\n isIntersectingOnceRef.current[i] = true;\n }\n });\n const temp = once\n ? [...isIntersectingOnceRef.current]\n : [...isIntersectingRef.current];\n return index < 0 ? temp : temp[index];\n }, []);\n\n return {\n isIntersectingRef,\n isIntersectingOnceRef,\n isIntersecting,\n };\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { errorHandler } from \"./utils/errorHandler\";\nimport { createMesh } from \"./utils/createMesh\";\nimport { useIntersectionHandler } from \"./utils/useIntersectionHandler\";\nimport { updateRect } from \"./utils/updateRect\";\nimport { useIsIntersecting, IsIntersecting } from \"./utils/useIsIntersecting\";\n\nexport type DomSyncerParams = {\n /** DOM array you want to synchronize */\n dom?: (HTMLElement | Element | null)[];\n /** Texture array that you want to synchronize with the DOM rectangle */\n texture?: THREE.Texture[];\n /** Texture resolution array to pass */\n resolution?: THREE.Vector2[];\n /** default:0.0[] */\n boderRadius?: number[];\n /** Array of callback functions when crossed */\n onIntersect?: ((entry: IntersectionObserverEntry) => void)[];\n};\n\nexport type DomSyncerObject = {\n scene: THREE.Scene;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n /**\n * A function that returns a determination whether the DOM intersects or not.\n * The boolean will be updated after executing the onIntersect function.\n * @param index - Index of the dom for which you want to return an intersection decision. -1 will return the entire array.\n * @param once - If set to true, it will continue to return true once crossed.\n */\n isIntersecting: IsIntersecting;\n};\n\nexport const DOMSYNCER_PARAMS: DomSyncerParams = {\n texture: [],\n dom: [],\n resolution: [],\n boderRadius: [],\n onIntersect: [],\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDomSyncer = (\n {\n size,\n dpr,\n }: {\n size: Size;\n dpr: number;\n },\n dependencies: React.DependencyList = []\n): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n const [params, setParams] = useParams(DOMSYNCER_PARAMS);\n\n // Avoid instancing vec2 every frame\n const resolutionRef = useRef(new THREE.Vector2(0, 0));\n\n // Update monitored doms according to the dependency array\n const [refreshTrigger, setRefreshTrigger] = useState(true);\n useEffect(() => {\n setRefreshTrigger(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n\n const intersectionHandler = useIntersectionHandler();\n const { isIntersectingOnceRef, isIntersectingRef, isIntersecting } =\n useIsIntersecting();\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DomSyncerParams) => {\n const { gl, size } = props;\n\n updateParams && setParams(updateParams);\n\n errorHandler(params);\n\n if (refreshTrigger) {\n createMesh({\n params,\n size,\n scene,\n });\n\n intersectionHandler({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n });\n\n setRefreshTrigger(false);\n }\n\n updateRect({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n });\n\n return updateRenderTarget(gl);\n },\n [\n updateRenderTarget,\n setParams,\n intersectionHandler,\n refreshTrigger,\n scene,\n params,\n isIntersectingOnceRef,\n isIntersectingRef,\n ]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n renderTarget: renderTarget,\n isIntersecting: isIntersecting,\n },\n ];\n};\n","precision mediump float;\n\nvarying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision mediump float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 uResolution;\nuniform float uBlurSize;\n\nvoid main() {\n\tvec2 uv = vUv;\t\n\tvec2 perDivSize = uBlurSize / uResolution;\n\n\t// calc average color value from adjacent point\n\tvec4 outColor = vec4(\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, -1.0)) +\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 1.0))\n\t\t) / 9.0;\n\t\n\tgl_FragColor = outColor;\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\n\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class SampleMaterial extends THREE.ShaderMaterial {\n uniforms!: { \n uTexture: { value: THREE.Texture };\n uResolution: { value: THREE.Vector2 };\n uBlurSize: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0,0) },\n uBlurSize: { value: 1, }\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as SampleMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useMesh } from \"./useMesh\";\n\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\n\nimport type { HooksReturn } from \"../types\";\n\nexport type SimpleBlurParams = {\n /** Make this texture blur , Default:new THREE.Texture() */\n texture: THREE.Texture;\n /** blurSize, default:3 */\n blurSize: number;\n /** blurPower, affects performance default:5 */\n blurPower: number;\n};\n\nexport type SimpleBlurObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const SIMPLEBLUR_PARAMS: SimpleBlurParams = {\n texture: new THREE.Texture(),\n blurSize: 3,\n blurPower: 5,\n};\n\nexport const useSimpleBlur = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n dpr,\n }),\n [scene, camera, size, dpr]\n );\n const [renderTarget, updateRenderTarget] = useSingleFBO(fboProps);\n const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps);\n const [params, setParams] = useParams(SIMPLEBLUR_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: SimpleBlurParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture);\n setUniform(material, \"uResolution\", [\n params.texture.source.data.width,\n params.texture.source.data.height,\n ]);\n setUniform(material, \"uBlurSize\", params.blurSize);\n\n let _tempTexture: THREE.Texture = updateTempTexture(gl);\n\n const iterations = params.blurPower;\n for (let i = 0; i < iterations; i++) {\n setUniform(material, \"uTexture\", _tempTexture);\n _tempTexture = updateTempTexture(gl);\n }\n\n const outPutTexture = updateRenderTarget(gl);\n\n return outPutTexture;\n },\n [updateRenderTarget, updateTempTexture, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform float uProgress;\nuniform float uStrength;\nuniform float uWidth;\nuniform vec2 uEpicenter;\nuniform int uMode;\n\nfloat PI = 3.141592653589;\n\nvoid main() {\n\tfloat progress = min(uProgress, 1.0);\n\tfloat progressFactor = sin(progress * PI);\n\n\tfloat border = progress - progress * progressFactor * uWidth;\n\tfloat blur = uStrength * progressFactor;\n\t\n\t// 0 ~ 1\n\tvec2 normalizeCenter = (uEpicenter + 1.0) / 2.0;\n\n\t// 0:center 1:horizontal 2:vertical\n\tfloat dist = uMode == 0 ? length(vUv - normalizeCenter) : uMode == 1 ? length(vUv.x - normalizeCenter.x) : length(vUv.y - normalizeCenter.y);\n\n\t// Calculate the maximum distance to the four corners of the screen\n\tfloat maxDistance = max(\n\t\tlength(vec2(0.0, 0.0) - normalizeCenter),\n\t\tmax(\n\t\t\t\tlength(vec2(1.0, 0.0) - normalizeCenter),\n\t\t\t\tmax(\n\t\t\t\t\tlength(vec2(0.0, 1.0) - normalizeCenter),\n\t\t\t\t\tlength(vec2(1.0, 1.0) - normalizeCenter)\n\t\t\t\t)\n\t\t)\n\t);\n\n\t// Scale distance so that waves extend to the edge of the screen\n\tdist = maxDistance > 0.0 ? dist / maxDistance : dist;\n\n\tvec3 color = vec3(smoothstep(border - blur, border, dist) -\n smoothstep(progress, progress + blur, dist));\n\t\n\t// Ensure color is 0 when progress is 0,1\n\tcolor *= progressFactor;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { useResolution } from \"../..\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class WaveMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uEpicenter: { value: THREE.Vector2 };\n uProgress: { value: number };\n uStrength: { value: number };\n uWidth: { value: number };\n uResolution: { value: THREE.Vector2 };\n uMode: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uEpicenter: { value: new THREE.Vector2(0.0, 0.0) },\n uProgress: { value: 0.0 },\n uStrength: { value: 0.0 },\n uWidth: { value: 0.0 },\n uResolution: { value: new THREE.Vector2() },\n uMode: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as WaveMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type WaveParams = {\n /** -1.0 ~ 1.0 , default:vec2(0.0,0.0) */\n epicenter?: THREE.Vector2;\n /** 0.0 ~ 1.0 , default:0.0 */\n progress?: number;\n /** default:0.0 */\n width?: number;\n /** default:0.0 */\n strength?: number;\n /** default:center */\n mode?: \"center\" | \"horizontal\" | \"vertical\";\n};\n\nexport type WaveObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const WAVE_PARAMS: WaveParams = {\n epicenter: new THREE.Vector2(0.0, 0.0),\n progress: 0.0,\n width: 0.0,\n strength: 0.0,\n mode: \"center\",\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useWave = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(WAVE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: WaveParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uEpicenter\", params.epicenter!);\n setUniform(material, \"uProgress\", params.progress!);\n setUniform(material, \"uWidth\", params.width!);\n setUniform(material, \"uStrength\", params.strength!);\n setUniform(\n material,\n \"uMode\",\n params.mode! === \"center\"\n ? 0\n : params.mode! === \"horizontal\"\n ? 1\n : 2\n );\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\n\ntype UpdateCopyFunction = (\n gl: THREE.WebGLRenderer,\n index: number,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseCopyTextureReturn = [THREE.WebGLRenderTarget[], UpdateCopyFunction];\n\n/**\n * Generate an FBO array to copy the texture.\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @param length The number of FBOs to create\n * @returns [THREE.WebGLRenderTarget[] , updateCopyTexture] -Receives the RenderTarget array as the first argument and the update function as the second argument. updateCopyTexture() receives gl as the first argument and the index of the texture you want to copy as the second argument.\n */\nexport const useCopyTexture = (\n { scene, camera, size, dpr = false, isSizeUpdate = false }: UseFboProps,\n length: number\n): UseCopyTextureReturn => {\n const renderTarget = useRef([]);\n const resolution = useResolution(size, dpr);\n\n renderTarget.current = useMemo(() => {\n return Array.from(\n { length },\n () =>\n new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION)\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [length]);\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.forEach((fbo) =>\n fbo.setSize(resolution.x, resolution.y)\n );\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.forEach((fbo) => fbo.dispose());\n };\n }, [length]);\n\n const updateCopyTexture: UpdateCopyFunction = useCallback(\n (gl, index, onBeforeRender) => {\n const fbo = renderTarget.current[index];\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateCopyTexture];\n};\n"],"names":["main_default","useResolution","size","dpr","_width","_height","useMemo","THREE","useAddMesh","scene","geometry","material","mesh","useEffect","setUniform","key","value","useMesh","vertexShader","fragmentShader","resolution","getCameraProps","width","height","frustumSize","aspect","w","h","useCamera","near","far","FBO_OPTION","useSingleFBO","camera","isSizeUpdate","renderTarget","useRef","useLayoutEffect","_a","currentRenderTarget","updateRenderTarget","useCallback","gl","onBeforeRender","fbo","useDoubleFBO","temp","initRenderTargets","read","write","_b","usePointer","prevPointer","diffPointer","lastUpdateTime","velocity","isMoved","currentPointer","now","current","deltaTime","isUpdate","prevTemp","useParams","params","paramsRef","obj","setParams","updateParams","paramKey","BRUSH_PARAMS","useBrush","updatePointer","props","pointer","DUOTONE_PARAMS","useDuoTone","FOGPROJECTION_PARAMS","useFogProjection","clock","init_default","useInitialMaterial","advection_default","useAdvectionMaterial","divergence_default","useDivergenceMaterial","pressure_default","usePressureMaterial","curl_default","useCurlMaterial","vorticity_default","useVorticityMaterial","clear_default","useClearMaterial","gradientSubtract_default","useGradientSubtractMaterial","splat_default","useSplateMaterial","initialMaterial","updateMaterial","curlMaterial","vorticityMaterial","advectionMaterial","divergenceMaterial","pressureMaterial","clearMaterial","gradientSubtractMaterial","splatMaterial","materials","setMeshMaterial","FLUID_PARAMS","useFluid","fboProps","velocityFBO","updateVelocityFBO","densityFBO","updateDensityFBO","curlFBO","updateCurlFBO","divergenceFBO","updateDivergenceFBO","pressureFBO","updatePressureFBO","lastTime","scaledDiffVec","spaltVec","dt","velocityTex","densityTex","isVelocityUpdate","scaledDiff","color","curlTex","divergenceTex","pressureTexTemp","i","scale","max","texture","meshArr","RIPPLE_PARAMS","useRipple","currentWave","FXTEXTURE_PARAMS","useFxTexture","NOISE_PARAMS","useNoise","errorHandler","domLength","textureLength","resolutionLength","_c","createMesh","child","useIntersectionHandler","intersectionObserverRef","intersectionDomRef","isIntersectingRef","isIntersectingOnceRef","observer","newArr","dom","callback","entries","entry","updateRect","resolutionRef","domElement","rect","useIsIntersecting","isIntersecting","index","once","DOMSYNCER_PARAMS","useDomSyncer","dependencies","refreshTrigger","setRefreshTrigger","useState","intersectionHandler","SIMPLEBLUR_PARAMS","useSimpleBlur","tempTexture","updateTempTexture","_tempTexture","iterations","WAVE_PARAMS","useWave","useCopyTexture","length","updateCopyTexture"],"mappings":"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"} \ No newline at end of file diff --git a/packages/use-shader-fx/build/use-shader-fx.umd.cjs b/packages/use-shader-fx/build/use-shader-fx.umd.cjs index a5f9db21..8746e649 100644 --- a/packages/use-shader-fx/build/use-shader-fx.umd.cjs +++ b/packages/use-shader-fx/build/use-shader-fx.umd.cjs @@ -105,7 +105,7 @@ void main() { bufferColor.rgb = mix(bufferColor.rgb, finalColor, onLine); gl_FragColor = vec4(bufferColor.rgb,1.0); -}`;const E=(n,i=!1)=>{const r=i?n.width*i:n.width,e=i?n.height*i:n.height;return u.useMemo(()=>new t.Vector2(r,e),[r,e])},V=(n,i,r)=>{const e=u.useMemo(()=>new t.Mesh(i,r),[i,r]);return u.useEffect(()=>{n.add(e)},[n,e]),u.useEffect(()=>()=>{n.remove(e),i.dispose(),r.dispose()},[n,i,r,e]),e},c=(n,i,r)=>{n.uniforms&&n.uniforms[i]&&r!==void 0&&r!==null?n.uniforms[i].value=r:console.error(`Uniform key "${String(i)}" does not exist in the material. or "${String(i)}" is null | undefined`)},ie=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uMap:{value:new t.Texture},uResolution:{value:new t.Vector2(0,0)},uAspect:{value:0},uTexture:{value:new t.Texture},uRadius:{value:0},uSmudge:{value:0},uDissipation:{value:0},uMotionBlur:{value:0},uMotionSample:{value:0},uMouse:{value:new t.Vector2(0,0)},uPrevMouse:{value:new t.Vector2(0,0)},uVelocity:{value:new t.Vector2(0,0)},uColor:{value:new t.Color(16777215)}},vertexShader:oe,fragmentShader:ue}),[]),s=E(i,r);return u.useEffect(()=>{c(o,"uAspect",s.width/s.height),c(o,"uResolution",s.clone())},[s,o]),V(n,e,o),o},ae=(n,i)=>{const r=i,e=n/i,[o,s]=[r*e/2,r/2];return{width:o,height:s,near:-1e3,far:1e3}},_=n=>{const i=E(n),{width:r,height:e,near:o,far:s}=ae(i.x,i.y);return u.useMemo(()=>new t.OrthographicCamera(-r,r,e,-e,o,s),[r,e,o,s])},I={minFilter:t.LinearFilter,magFilter:t.LinearFilter,type:t.HalfFloatType,depthBuffer:!1,stencilBuffer:!1},C=({scene:n,camera:i,size:r,dpr:e=!1,isSizeUpdate:o=!1})=>{const s=u.useRef(),v=E(r,e);s.current=u.useMemo(()=>new t.WebGLRenderTarget(v.x,v.y,I),[]),u.useLayoutEffect(()=>{var l;o&&((l=s.current)==null||l.setSize(v.x,v.y))},[v,o]),u.useEffect(()=>{const l=s.current;return()=>{l==null||l.dispose()}},[]);const a=u.useCallback((l,f)=>{const d=s.current;return l.setRenderTarget(d),f&&f({read:d.texture}),l.render(n,i),l.setRenderTarget(null),l.clear(),d.texture},[n,i]);return[s.current,a]},O=({scene:n,camera:i,size:r,dpr:e=!1,isSizeUpdate:o=!1})=>{const s=u.useRef({read:null,write:null,swap:function(){let f=this.read;this.read=this.write,this.write=f}}),v=E(r,e),a=u.useMemo(()=>{const f=new t.WebGLRenderTarget(v.x,v.y,I),d=new t.WebGLRenderTarget(v.x,v.y,I);return{read:f,write:d}},[]);s.current.read=a.read,s.current.write=a.write,u.useLayoutEffect(()=>{var f,d;o&&((f=s.current.read)==null||f.setSize(v.x,v.y),(d=s.current.write)==null||d.setSize(v.x,v.y))},[v,o]),u.useEffect(()=>{const f=s.current;return()=>{var d,m;(d=f.read)==null||d.dispose(),(m=f.write)==null||m.dispose()}},[]);const l=u.useCallback((f,d)=>{var g;const m=s.current;return f.setRenderTarget(m.write),d&&d({read:m.read.texture,write:m.write.texture}),f.render(n,i),m.swap(),f.setRenderTarget(null),f.clear(),(g=m.read)==null?void 0:g.texture},[n,i]);return[{read:s.current.read,write:s.current.write},l]},z=()=>{const n=u.useRef(new t.Vector2(0,0)),i=u.useRef(new t.Vector2(0,0)),r=u.useRef(0),e=u.useRef(new t.Vector2(0,0)),o=u.useRef(!1);return u.useCallback(v=>{const a=performance.now(),l=v.clone();r.current===0&&(r.current=a,n.current=l);const f=Math.max(1,a-r.current);r.current=a,e.current.copy(l).sub(n.current).divideScalar(f);const d=e.current.length()>0,m=o.current?n.current.clone():l;return!o.current&&d&&(o.current=!0),n.current=l,{currentPointer:l,prevPointer:m,diffPointer:i.current.subVectors(l,m),velocity:e.current,isVelocityUpdate:d}},[])},P=n=>{const i=o=>Object.values(o).some(s=>typeof s=="function"),r=u.useRef(i(n)?n:structuredClone(n)),e=u.useCallback(o=>{for(const s in o){const v=s;v in r.current&&o[v]!==void 0&&o[v]!==null?r.current[v]=o[v]:console.error(`"${String(v)}" does not exist in the params. or "${String(v)}" is null | undefined`)}},[]);return[r.current,e]},G={texture:new t.Texture,radius:.05,smudge:0,dissipation:1,motionBlur:0,motionSample:5,color:new t.Color(16777215)},se=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ie({scene:r,size:n,dpr:i}),o=_(n),s=z(),[v,a]=O({scene:r,camera:o,size:n,dpr:i}),[l,f]=P(G);return[u.useCallback((m,g)=>{const{gl:h,pointer:x}=m;g&&f(g),c(e,"uTexture",l.texture),c(e,"uRadius",l.radius),c(e,"uSmudge",l.smudge),c(e,"uDissipation",l.dissipation),c(e,"uMotionBlur",l.motionBlur),c(e,"uMotionSample",l.motionSample),c(e,"uColor",l.color);const{currentPointer:y,prevPointer:w,velocity:R}=s(x);return c(e,"uMouse",y),c(e,"uPrevMouse",w),c(e,"uVelocity",R),a(h,({read:D})=>{c(e,"uMap",D)})},[e,s,a,l,f]),f,{scene:r,material:e,camera:o,renderTarget:v}]};var le=`varying vec2 vUv; +}`;const V=(n,i=!1)=>{const r=i?n.width*i:n.width,e=i?n.height*i:n.height;return u.useMemo(()=>new t.Vector2(r,e),[r,e])},F=(n,i,r)=>{const e=u.useMemo(()=>new t.Mesh(i,r),[i,r]);return u.useEffect(()=>{n.add(e)},[n,e]),u.useEffect(()=>()=>{n.remove(e),i.dispose(),r.dispose()},[n,i,r,e]),e},v=(n,i,r)=>{n.uniforms&&n.uniforms[i]&&r!==void 0&&r!==null?n.uniforms[i].value=r:console.error(`Uniform key "${String(i)}" does not exist in the material. or "${String(i)}" is null | undefined`)},ie=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uMap:{value:new t.Texture},uResolution:{value:new t.Vector2(0,0)},uAspect:{value:0},uTexture:{value:new t.Texture},uRadius:{value:0},uSmudge:{value:0},uDissipation:{value:0},uMotionBlur:{value:0},uMotionSample:{value:0},uMouse:{value:new t.Vector2(0,0)},uPrevMouse:{value:new t.Vector2(0,0)},uVelocity:{value:new t.Vector2(0,0)},uColor:{value:new t.Color(16777215)}},vertexShader:oe,fragmentShader:ue}),[]),s=V(i,r);return u.useEffect(()=>{v(o,"uAspect",s.width/s.height),v(o,"uResolution",s.clone())},[s,o]),F(n,e,o),o},ae=(n,i)=>{const r=i,e=n/i,[o,s]=[r*e/2,r/2];return{width:o,height:s,near:-1e3,far:1e3}},_=n=>{const i=V(n),{width:r,height:e,near:o,far:s}=ae(i.x,i.y);return u.useMemo(()=>new t.OrthographicCamera(-r,r,e,-e,o,s),[r,e,o,s])},z={minFilter:t.LinearFilter,magFilter:t.LinearFilter,type:t.HalfFloatType,depthBuffer:!1,stencilBuffer:!1},C=({scene:n,camera:i,size:r,dpr:e=!1,isSizeUpdate:o=!1})=>{const s=u.useRef(),c=V(r,e);s.current=u.useMemo(()=>new t.WebGLRenderTarget(c.x,c.y,z),[]),u.useLayoutEffect(()=>{var l;o&&((l=s.current)==null||l.setSize(c.x,c.y))},[c,o]),u.useEffect(()=>{const l=s.current;return()=>{l==null||l.dispose()}},[]);const a=u.useCallback((l,d)=>{const f=s.current;return l.setRenderTarget(f),d&&d({read:f.texture}),l.render(n,i),l.setRenderTarget(null),l.clear(),f.texture},[n,i]);return[s.current,a]},O=({scene:n,camera:i,size:r,dpr:e=!1,isSizeUpdate:o=!1})=>{const s=u.useRef({read:null,write:null,swap:function(){let d=this.read;this.read=this.write,this.write=d}}),c=V(r,e),a=u.useMemo(()=>{const d=new t.WebGLRenderTarget(c.x,c.y,z),f=new t.WebGLRenderTarget(c.x,c.y,z);return{read:d,write:f}},[]);s.current.read=a.read,s.current.write=a.write,u.useLayoutEffect(()=>{var d,f;o&&((d=s.current.read)==null||d.setSize(c.x,c.y),(f=s.current.write)==null||f.setSize(c.x,c.y))},[c,o]),u.useEffect(()=>{const d=s.current;return()=>{var f,m;(f=d.read)==null||f.dispose(),(m=d.write)==null||m.dispose()}},[]);const l=u.useCallback((d,f)=>{var g;const m=s.current;return d.setRenderTarget(m.write),f&&f({read:m.read.texture,write:m.write.texture}),d.render(n,i),m.swap(),d.setRenderTarget(null),d.clear(),(g=m.read)==null?void 0:g.texture},[n,i]);return[{read:s.current.read,write:s.current.write},l]},I=()=>{const n=u.useRef(new t.Vector2(0,0)),i=u.useRef(new t.Vector2(0,0)),r=u.useRef(0),e=u.useRef(new t.Vector2(0,0)),o=u.useRef(!1);return u.useCallback(c=>{const a=performance.now(),l=c.clone();r.current===0&&(r.current=a,n.current=l);const d=Math.max(1,a-r.current);r.current=a,e.current.copy(l).sub(n.current).divideScalar(d);const f=e.current.length()>0,m=o.current?n.current.clone():l;return!o.current&&f&&(o.current=!0),n.current=l,{currentPointer:l,prevPointer:m,diffPointer:i.current.subVectors(l,m),velocity:e.current,isVelocityUpdate:f}},[])},P=n=>{const i=o=>Object.values(o).some(s=>typeof s=="function"),r=u.useRef(i(n)?n:structuredClone(n)),e=u.useCallback(o=>{for(const s in o){const c=s;c in r.current&&o[c]!==void 0&&o[c]!==null?r.current[c]=o[c]:console.error(`"${String(c)}" does not exist in the params. or "${String(c)}" is null | undefined`)}},[]);return[r.current,e]},N={texture:new t.Texture,radius:.05,smudge:0,dissipation:1,motionBlur:0,motionSample:5,color:new t.Color(16777215)},se=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ie({scene:r,size:n,dpr:i}),o=_(n),s=I(),[c,a]=O({scene:r,camera:o,size:n,dpr:i}),[l,d]=P(N);return[u.useCallback((m,g)=>{const{gl:h,pointer:x}=m;g&&d(g),v(e,"uTexture",l.texture),v(e,"uRadius",l.radius),v(e,"uSmudge",l.smudge),v(e,"uDissipation",l.dissipation),v(e,"uMotionBlur",l.motionBlur),v(e,"uMotionSample",l.motionSample),v(e,"uColor",l.color);const{currentPointer:y,prevPointer:R,velocity:w}=s(x);return v(e,"uMouse",y),v(e,"uPrevMouse",R),v(e,"uVelocity",w),a(h,({read:D})=>{v(e,"uMap",D)})},[e,s,a,l,d]),d,{scene:r,material:e,camera:o,renderTarget:c}]};var le=`varying vec2 vUv; void main() { vUv = uv; @@ -124,7 +124,7 @@ void main() { float grayscale = dot(texColor.rgb, vec3(0.299, 0.587, 0.114)); vec3 duotone = mix(uColor0, uColor1, grayscale); gl_FragColor = vec4(duotone, texColor.a); -}`;const ve=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},uColor0:{value:new t.Color(16777215)},uColor1:{value:new t.Color(0)}},vertexShader:le,fragmentShader:ce}),[]);return V(n,i,r),r},j={texture:new t.Texture,color0:new t.Color(16777215),color1:new t.Color(0)},de=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ve(r),o=_(n),[s,v]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(j);return[u.useCallback((d,m)=>{const{gl:g}=d;return m&&l(m),c(e,"uTexture",a.texture),c(e,"uColor0",a.color0),c(e,"uColor1",a.color1),v(g)},[v,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var fe=`varying vec2 vUv; +}`;const ve=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},uColor0:{value:new t.Color(16777215)},uColor1:{value:new t.Color(0)}},vertexShader:le,fragmentShader:ce}),[]);return F(n,i,r),r},j={texture:new t.Texture,color0:new t.Color(16777215),color1:new t.Color(0)},de=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ve(r),o=_(n),[s,c]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(j);return[u.useCallback((f,m)=>{const{gl:g}=f;return m&&l(m),v(e,"uTexture",a.texture),v(e,"uColor0",a.color0),v(e,"uColor1",a.color1),c(g)},[c,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var fe=`varying vec2 vUv; void main() { vUv = uv; @@ -155,7 +155,7 @@ void main() { vec3 outputColor = blendValue * fogColor + (1.0 - blendValue) * textureMap; gl_FragColor = vec4(outputColor, 1.0); -}`;const pe=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTime:{value:0},uTexture:{value:new t.Texture},uNoiseMap:{value:new t.Texture},distortionStrength:{value:0},fogEdge0:{value:0},fogEdge1:{value:.9},fogColor:{value:new t.Color(16777215)}},vertexShader:fe,fragmentShader:me}),[]);return V(n,i,r),r},W={texture:new t.Texture,noiseMap:new t.Texture,distortionStrength:.03,fogEdge0:0,fogEdge1:.9,fogColor:new t.Color(16777215)},ge=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=pe(r),o=_(n),[s,v]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(W);return[u.useCallback((d,m)=>{const{gl:g,clock:h}=d;return m&&l(m),c(e,"uTime",h.getElapsedTime()),c(e,"uTexture",a.texture),c(e,"uNoiseMap",a.noiseMap),c(e,"distortionStrength",a.distortionStrength),c(e,"fogEdge0",a.fogEdge0),c(e,"fogEdge1",a.fogEdge1),c(e,"fogColor",a.fogColor),v(g)},[v,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var F=`varying vec2 vUv; +}`;const pe=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTime:{value:0},uTexture:{value:new t.Texture},uNoiseMap:{value:new t.Texture},distortionStrength:{value:0},fogEdge0:{value:0},fogEdge1:{value:.9},fogColor:{value:new t.Color(16777215)}},vertexShader:fe,fragmentShader:me}),[]);return F(n,i,r),r},W={texture:new t.Texture,noiseMap:new t.Texture,distortionStrength:.03,fogEdge0:0,fogEdge1:.9,fogColor:new t.Color(16777215)},ge=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=pe(r),o=_(n),[s,c]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(W);return[u.useCallback((f,m)=>{const{gl:g,clock:h}=f;return m&&l(m),v(e,"uTime",h.getElapsedTime()),v(e,"uTexture",a.texture),v(e,"uNoiseMap",a.noiseMap),v(e,"distortionStrength",a.distortionStrength),v(e,"fogEdge0",a.fogEdge0),v(e,"fogEdge1",a.fogEdge1),v(e,"fogColor",a.fogColor),c(g)},[c,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var E=`varying vec2 vUv; varying vec2 vL; varying vec2 vR; varying vec2 vT; @@ -173,7 +173,7 @@ void main () { void main(){ gl_FragColor = vec4(0.0); -}`;const he=()=>u.useMemo(()=>new t.ShaderMaterial({vertexShader:F,fragmentShader:xe,depthTest:!1,depthWrite:!1}),[]);var ye=`precision highp float; +}`;const he=()=>u.useMemo(()=>new t.ShaderMaterial({vertexShader:E,fragmentShader:xe,depthTest:!1,depthWrite:!1}),[]);var ye=`precision highp float; varying vec2 vUv; uniform sampler2D uVelocity; @@ -186,7 +186,7 @@ void main () { vec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize; gl_FragColor = dissipation * texture2D(uSource, coord); gl_FragColor.a = 1.0; -}`;const Me=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:new t.Texture},uSource:{value:new t.Texture},texelSize:{value:new t.Vector2},dt:{value:0},dissipation:{value:0}},vertexShader:F,fragmentShader:ye}),[]);var Te=`precision highp float; +}`;const Me=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:new t.Texture},uSource:{value:new t.Texture},texelSize:{value:new t.Vector2},dt:{value:0},dissipation:{value:0}},vertexShader:E,fragmentShader:ye}),[]);var Te=`precision highp float; varying vec2 vUv; varying vec2 vL; @@ -211,7 +211,7 @@ void main () { float B = sampleVelocity(vB).y; float div = 0.5 * (R - L + T - B); gl_FragColor = vec4(div, 0.0, 0.0, 1.0); -}`;const Se=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:Te}),[]);var we=`precision highp float; +}`;const Se=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:Te}),[]);var Re=`precision highp float; varying vec2 vUv; varying vec2 vL; @@ -235,7 +235,7 @@ void main () { float divergence = texture2D(uDivergence, vUv).x; float pressure = (L + R + B + T - divergence) * 0.25; gl_FragColor = vec4(pressure, 0.0, 0.0, 1.0); -}`;const Re=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uPressure:{value:null},uDivergence:{value:null},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:we}),[]);var be=`precision highp float; +}`;const we=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uPressure:{value:null},uDivergence:{value:null},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:Re}),[]);var be=`precision highp float; varying vec2 vUv; varying vec2 vL; @@ -251,7 +251,7 @@ void main () { float B = texture2D(uVelocity, vB).x; float vorticity = R - L - T + B; gl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0); -}`;const _e=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:be}),[]);var Ce=`precision highp float; +}`;const _e=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:be}),[]);var Ce=`precision highp float; varying vec2 vUv; varying vec2 vT; @@ -269,7 +269,7 @@ void main () { force *= 1.0 / length(force + 0.00001) * curl * C; vec2 vel = texture2D(uVelocity, vUv).xy; gl_FragColor = vec4(vel + force * dt, 0.0, 1.0); -}`;const Pe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},uCurl:{value:null},curl:{value:0},dt:{value:0},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:Ce}),[]);var De=`precision highp float; +}`;const Pe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uVelocity:{value:null},uCurl:{value:null},curl:{value:0},dt:{value:0},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:Ce}),[]);var De=`precision highp float; varying vec2 vUv; uniform sampler2D uTexture; @@ -277,7 +277,7 @@ uniform float value; void main () { gl_FragColor = value * texture2D(uTexture, vUv); -}`;const Ue=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},value:{value:0},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:De}),[]);var Ve=`precision highp float; +}`;const Ue=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},value:{value:0},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:De}),[]);var Ve=`precision highp float; varying vec2 vUv; varying vec2 vL; @@ -300,7 +300,7 @@ void main () { vec2 velocity = texture2D(uVelocity, vUv).xy; velocity.xy -= vec2(R - L, T - B); gl_FragColor = vec4(velocity, 0.0, 1.0); -}`;const Fe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uPressure:{value:new t.Texture},uVelocity:{value:new t.Texture},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:Ve}),[]);var Ee=`precision highp float; +}`;const Fe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uPressure:{value:new t.Texture},uVelocity:{value:new t.Texture},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:Ve}),[]);var Ee=`precision highp float; varying vec2 vUv; uniform sampler2D uTarget; @@ -316,7 +316,7 @@ void main () { vec3 splat = exp(-dot(p, p) / radius) * color; vec3 base = texture2D(uTarget, vUv).xyz; gl_FragColor = vec4(base + splat, 1.0); -}`;const Oe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTarget:{value:new t.Texture},aspectRatio:{value:0},color:{value:new t.Vector3},point:{value:new t.Vector2},radius:{value:0},texelSize:{value:new t.Vector2}},vertexShader:F,fragmentShader:Ee}),[]),Ae=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=he(),s=o.clone(),v=_e(),a=Pe(),l=Me(),f=Se(),d=Re(),m=Ue(),g=Fe(),h=Oe(),x=u.useMemo(()=>({vorticityMaterial:a,curlMaterial:v,advectionMaterial:l,divergenceMaterial:f,pressureMaterial:d,clearMaterial:m,gradientSubtractMaterial:g,splatMaterial:h}),[a,v,l,f,d,m,g,h]),y=E(i,r);u.useEffect(()=>{c(x.splatMaterial,"aspectRatio",y.x/y.y);for(const M of Object.values(x))c(M,"texelSize",new t.Vector2(1/y.x,1/y.y))},[y,x]);const w=V(n,e,o);u.useEffect(()=>{o.dispose(),w.material=s},[o,w,s]),u.useEffect(()=>()=>{for(const M of Object.values(x))M.dispose()},[x]);const R=u.useCallback(M=>{w.material=M,w.material.needsUpdate=!0},[w]);return[x,R]},X={density_dissipation:.98,velocity_dissipation:.99,velocity_acceleration:10,pressure_dissipation:.9,pressure_iterations:20,curl_strength:35,splat_radius:.002,fluid_color:new t.Vector3(1,1,1)},Be=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),[e,o]=Ae({scene:r,size:n,dpr:i}),s=_(n),v=z(),a=u.useMemo(()=>({scene:r,camera:s,size:n}),[r,s,n]),[l,f]=O(a),[d,m]=O(a),[g,h]=C(a),[x,y]=C(a),[w,R]=O(a),M=u.useRef(0),D=u.useRef(new t.Vector2(0,0)),A=u.useRef(new t.Vector3(0,0,0)),[b,T]=P(X);return[u.useCallback((cn,Q)=>{const{gl:U,pointer:vn,clock:k,size:ee}=cn;Q&&T(Q),M.current===0&&(M.current=k.getElapsedTime());const ne=Math.min((k.getElapsedTime()-M.current)/3,.02);M.current=k.getElapsedTime();const N=f(U,({read:S})=>{o(e.advectionMaterial),c(e.advectionMaterial,"uVelocity",S),c(e.advectionMaterial,"uSource",S),c(e.advectionMaterial,"dt",ne),c(e.advectionMaterial,"dissipation",b.velocity_dissipation)}),dn=m(U,({read:S})=>{o(e.advectionMaterial),c(e.advectionMaterial,"uVelocity",N),c(e.advectionMaterial,"uSource",S),c(e.advectionMaterial,"dissipation",b.density_dissipation)}),{currentPointer:fn,diffPointer:mn,isVelocityUpdate:pn,velocity:gn}=v(vn);pn&&(f(U,({read:S})=>{o(e.splatMaterial),c(e.splatMaterial,"uTarget",S),c(e.splatMaterial,"point",fn);const B=mn.multiply(D.current.set(ee.width,ee.height).multiplyScalar(b.velocity_acceleration));c(e.splatMaterial,"color",A.current.set(B.x,B.y,1)),c(e.splatMaterial,"radius",b.splat_radius)}),m(U,({read:S})=>{o(e.splatMaterial),c(e.splatMaterial,"uTarget",S);const B=typeof b.fluid_color=="function"?b.fluid_color(gn):b.fluid_color;c(e.splatMaterial,"color",B)}));const xn=h(U,()=>{o(e.curlMaterial),c(e.curlMaterial,"uVelocity",N)});f(U,({read:S})=>{o(e.vorticityMaterial),c(e.vorticityMaterial,"uVelocity",S),c(e.vorticityMaterial,"uCurl",xn),c(e.vorticityMaterial,"curl",b.curl_strength),c(e.vorticityMaterial,"dt",ne)});const hn=y(U,()=>{o(e.divergenceMaterial),c(e.divergenceMaterial,"uVelocity",N)});R(U,({read:S})=>{o(e.clearMaterial),c(e.clearMaterial,"uTexture",S),c(e.clearMaterial,"value",b.pressure_dissipation)}),o(e.pressureMaterial),c(e.pressureMaterial,"uDivergence",hn);let te;for(let S=0;S{c(e.pressureMaterial,"uPressure",B)});return f(U,({read:S})=>{o(e.gradientSubtractMaterial),c(e.gradientSubtractMaterial,"uPressure",te),c(e.gradientSubtractMaterial,"uVelocity",S)}),dn},[e,o,h,m,y,v,R,f,T,b]),T,{scene:r,materials:e,camera:s,renderTarget:{velocity:l,density:d,curl:g,divergence:x,pressure:w}}]},Le=({scale:n,max:i,texture:r,scene:e})=>{const o=u.useRef([]),s=u.useMemo(()=>new t.PlaneGeometry(n,n),[n]),v=u.useMemo(()=>new t.MeshBasicMaterial({map:r??null,transparent:!0,blending:t.AdditiveBlending,depthTest:!1,depthWrite:!1}),[r]);return u.useEffect(()=>{for(let a=0;a()=>{o.current.forEach(a=>{a.geometry.dispose(),Array.isArray(a.material)?a.material.forEach(l=>l.dispose()):a.material.dispose(),e.remove(a)}),o.current=[]},[e]),o.current},H={frequency:.01,rotation:.05,fadeout_speed:.9,scale:.3,alpha:.6},ze=({texture:n,scale:i=64,max:r=100,size:e})=>{const o=u.useMemo(()=>new t.Scene,[]),s=Le({scale:i,max:r,texture:n,scene:o}),v=_(e),a=z(),[l,f]=C({scene:o,camera:v,size:e}),[d,m]=P(H),g=u.useRef(0);return[u.useCallback((x,y)=>{const{gl:w,pointer:R,size:M}=x;y&&m(y);const{currentPointer:D,diffPointer:A}=a(R);if(d.frequency{if(T.visible){const $=T.material;T.rotation.z+=d.rotation,$.opacity*=d.fadeout_speed,T.scale.x=d.fadeout_speed*T.scale.x+d.scale,T.scale.y=T.scale.x,$.opacity<.002&&(T.visible=!1)}}),f(w)},[f,s,a,r,d,m]),m,{scene:o,camera:v,meshArr:s,renderTarget:l}]};var Ie=`varying vec2 vUv; +}`;const Oe=()=>u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTarget:{value:new t.Texture},aspectRatio:{value:0},color:{value:new t.Vector3},point:{value:new t.Vector2},radius:{value:0},texelSize:{value:new t.Vector2}},vertexShader:E,fragmentShader:Ee}),[]),Ae=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=he(),s=o.clone(),c=_e(),a=Pe(),l=Me(),d=Se(),f=we(),m=Ue(),g=Fe(),h=Oe(),x=u.useMemo(()=>({vorticityMaterial:a,curlMaterial:c,advectionMaterial:l,divergenceMaterial:d,pressureMaterial:f,clearMaterial:m,gradientSubtractMaterial:g,splatMaterial:h}),[a,c,l,d,f,m,g,h]),y=V(i,r);u.useEffect(()=>{v(x.splatMaterial,"aspectRatio",y.x/y.y);for(const M of Object.values(x))v(M,"texelSize",new t.Vector2(1/y.x,1/y.y))},[y,x]);const R=F(n,e,o);u.useEffect(()=>{o.dispose(),R.material=s},[o,R,s]),u.useEffect(()=>()=>{for(const M of Object.values(x))M.dispose()},[x]);const w=u.useCallback(M=>{R.material=M,R.material.needsUpdate=!0},[R]);return[x,w]},X={density_dissipation:.98,velocity_dissipation:.99,velocity_acceleration:10,pressure_dissipation:.9,pressure_iterations:20,curl_strength:35,splat_radius:.002,fluid_color:new t.Vector3(1,1,1)},Be=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),[e,o]=Ae({scene:r,size:n,dpr:i}),s=_(n),c=I(),a=u.useMemo(()=>({scene:r,camera:s,size:n}),[r,s,n]),[l,d]=O(a),[f,m]=O(a),[g,h]=C(a),[x,y]=C(a),[R,w]=O(a),M=u.useRef(0),D=u.useRef(new t.Vector2(0,0)),A=u.useRef(new t.Vector3(0,0,0)),[b,T]=P(X);return[u.useCallback((vn,Q)=>{const{gl:U,pointer:dn,clock:k,size:ee}=vn;Q&&T(Q),M.current===0&&(M.current=k.getElapsedTime());const ne=Math.min((k.getElapsedTime()-M.current)/3,.02);M.current=k.getElapsedTime();const G=d(U,({read:S})=>{o(e.advectionMaterial),v(e.advectionMaterial,"uVelocity",S),v(e.advectionMaterial,"uSource",S),v(e.advectionMaterial,"dt",ne),v(e.advectionMaterial,"dissipation",b.velocity_dissipation)}),fn=m(U,({read:S})=>{o(e.advectionMaterial),v(e.advectionMaterial,"uVelocity",G),v(e.advectionMaterial,"uSource",S),v(e.advectionMaterial,"dissipation",b.density_dissipation)}),{currentPointer:mn,diffPointer:pn,isVelocityUpdate:gn,velocity:xn}=c(dn);gn&&(d(U,({read:S})=>{o(e.splatMaterial),v(e.splatMaterial,"uTarget",S),v(e.splatMaterial,"point",mn);const B=pn.multiply(D.current.set(ee.width,ee.height).multiplyScalar(b.velocity_acceleration));v(e.splatMaterial,"color",A.current.set(B.x,B.y,1)),v(e.splatMaterial,"radius",b.splat_radius)}),m(U,({read:S})=>{o(e.splatMaterial),v(e.splatMaterial,"uTarget",S);const B=typeof b.fluid_color=="function"?b.fluid_color(xn):b.fluid_color;v(e.splatMaterial,"color",B)}));const hn=h(U,()=>{o(e.curlMaterial),v(e.curlMaterial,"uVelocity",G)});d(U,({read:S})=>{o(e.vorticityMaterial),v(e.vorticityMaterial,"uVelocity",S),v(e.vorticityMaterial,"uCurl",hn),v(e.vorticityMaterial,"curl",b.curl_strength),v(e.vorticityMaterial,"dt",ne)});const yn=y(U,()=>{o(e.divergenceMaterial),v(e.divergenceMaterial,"uVelocity",G)});w(U,({read:S})=>{o(e.clearMaterial),v(e.clearMaterial,"uTexture",S),v(e.clearMaterial,"value",b.pressure_dissipation)}),o(e.pressureMaterial),v(e.pressureMaterial,"uDivergence",yn);let te;for(let S=0;S{v(e.pressureMaterial,"uPressure",B)});return d(U,({read:S})=>{o(e.gradientSubtractMaterial),v(e.gradientSubtractMaterial,"uPressure",te),v(e.gradientSubtractMaterial,"uVelocity",S)}),fn},[e,o,h,m,y,c,w,d,T,b]),T,{scene:r,materials:e,camera:s,renderTarget:{velocity:l,density:f,curl:g,divergence:x,pressure:R}}]},Le=({scale:n,max:i,texture:r,scene:e})=>{const o=u.useRef([]),s=u.useMemo(()=>new t.PlaneGeometry(n,n),[n]),c=u.useMemo(()=>new t.MeshBasicMaterial({map:r??null,transparent:!0,blending:t.AdditiveBlending,depthTest:!1,depthWrite:!1}),[r]);return u.useEffect(()=>{for(let a=0;a()=>{o.current.forEach(a=>{a.geometry.dispose(),Array.isArray(a.material)?a.material.forEach(l=>l.dispose()):a.material.dispose(),e.remove(a)}),o.current=[]},[e]),o.current},H={frequency:.01,rotation:.05,fadeout_speed:.9,scale:.3,alpha:.6},ze=({texture:n,scale:i=64,max:r=100,size:e})=>{const o=u.useMemo(()=>new t.Scene,[]),s=Le({scale:i,max:r,texture:n,scene:o}),c=_(e),a=I(),[l,d]=C({scene:o,camera:c,size:e}),[f,m]=P(H),g=u.useRef(0);return[u.useCallback((x,y)=>{const{gl:R,pointer:w,size:M}=x;y&&m(y);const{currentPointer:D,diffPointer:A}=a(w);if(f.frequency{if(T.visible){const $=T.material;T.rotation.z+=f.rotation,$.opacity*=f.fadeout_speed,T.scale.x=f.fadeout_speed*T.scale.x+f.scale,T.scale.y=T.scale.x,$.opacity<.002&&(T.visible=!1)}}),d(R)},[d,s,a,r,f,m]),m,{scene:o,camera:c,meshArr:s,renderTarget:l}]};var Ie=`varying vec2 vUv; void main() { vUv = uv; @@ -388,7 +388,7 @@ void main() { gl_FragColor = mix(color0, color1, progress); -}`;const ke=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uResolution:{value:new t.Vector2},uTextureResolution:{value:new t.Vector2},uTexture0:{value:new t.Texture},uTexture1:{value:new t.Texture},padding:{value:0},uMap:{value:new t.Texture},edgeIntensity:{value:0},mapIntensity:{value:0},epicenter:{value:new t.Vector2(0,0)},progress:{value:0},dirX:{value:0},dirY:{value:0}},vertexShader:Ie,fragmentShader:$e}),[]),s=E(i,r);return u.useEffect(()=>{o.uniforms.uResolution.value=s.clone()},[s,o]),V(n,e,o),o},Y={texture0:new t.Texture,texture1:new t.Texture,textureResolution:new t.Vector2(0,0),padding:0,map:new t.Texture,mapIntensity:0,edgeIntensity:0,epicenter:new t.Vector2(0,0),progress:0,dir:new t.Vector2(0,0)},Ne=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ke({scene:r,size:n,dpr:i}),o=_(n),[s,v]=C({scene:r,camera:o,dpr:i,size:n,isSizeUpdate:!0}),[a,l]=P(Y);return[u.useCallback((d,m)=>{const{gl:g}=d;return m&&l(m),c(e,"uTexture0",a.texture0),c(e,"uTexture1",a.texture1),c(e,"uTextureResolution",a.textureResolution),c(e,"padding",a.padding),c(e,"uMap",a.map),c(e,"mapIntensity",a.mapIntensity),c(e,"edgeIntensity",a.edgeIntensity),c(e,"epicenter",a.epicenter),c(e,"progress",a.progress),c(e,"dirX",a.dir.x),c(e,"dirY",a.dir.y),v(g)},[v,e,a,l]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var Ge=`varying vec2 vUv; +}`;const ke=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uResolution:{value:new t.Vector2},uTextureResolution:{value:new t.Vector2},uTexture0:{value:new t.Texture},uTexture1:{value:new t.Texture},padding:{value:0},uMap:{value:new t.Texture},edgeIntensity:{value:0},mapIntensity:{value:0},epicenter:{value:new t.Vector2(0,0)},progress:{value:0},dirX:{value:0},dirY:{value:0}},vertexShader:Ie,fragmentShader:$e}),[]),s=V(i,r);return u.useEffect(()=>{o.uniforms.uResolution.value=s.clone()},[s,o]),F(n,e,o),o},Y={texture0:new t.Texture,texture1:new t.Texture,textureResolution:new t.Vector2(0,0),padding:0,map:new t.Texture,mapIntensity:0,edgeIntensity:0,epicenter:new t.Vector2(0,0),progress:0,dir:new t.Vector2(0,0)},Ge=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=ke({scene:r,size:n,dpr:i}),o=_(n),[s,c]=C({scene:r,camera:o,dpr:i,size:n,isSizeUpdate:!0}),[a,l]=P(Y);return[u.useCallback((f,m)=>{const{gl:g}=f;return m&&l(m),v(e,"uTexture0",a.texture0),v(e,"uTexture1",a.texture1),v(e,"uTextureResolution",a.textureResolution),v(e,"padding",a.padding),v(e,"uMap",a.map),v(e,"mapIntensity",a.mapIntensity),v(e,"edgeIntensity",a.edgeIntensity),v(e,"epicenter",a.epicenter),v(e,"progress",a.progress),v(e,"dirX",a.dir.x),v(e,"dirY",a.dir.y),c(g)},[c,e,a,l]),l,{scene:r,material:e,camera:o,renderTarget:s}]};var Ne=`varying vec2 vUv; void main() { vUv = uv; @@ -450,7 +450,7 @@ float fbm(vec2 x, float time) { void main() { float noiseMap = fbm(gl_FragCoord.xy ,uTime * timeStrength); gl_FragColor = vec4(noiseMap,noiseMap,noiseMap,1.0); -}`;const We=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTime:{value:0},timeStrength:{value:0},noiseOctaves:{value:0},fbmOctaves:{value:0}},vertexShader:Ge,fragmentShader:je}),[]);return V(n,i,r),r},q={timeStrength:.3,noiseOctaves:8,fbmOctaves:3},Xe=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=We(r),o=_(n),[s,v]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(q);return[u.useCallback((d,m)=>{const{gl:g,clock:h}=d;return m&&l(m),c(e,"timeStrength",a.timeStrength),c(e,"noiseOctaves",a.noiseOctaves),c(e,"fbmOctaves",a.fbmOctaves),c(e,"uTime",h.getElapsedTime()),v(g)},[v,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]},He=n=>{var o,s,v;const i=(o=n.dom)==null?void 0:o.length,r=(s=n.texture)==null?void 0:s.length,e=(v=n.resolution)==null?void 0:v.length;if(!i||!r||!e)throw new Error("No dom or texture or resolution is set");if(i!==r||i!==e)throw new Error("Match dom, texture and resolution length")};var Ye=`varying vec2 vUv; +}`;const We=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTime:{value:0},timeStrength:{value:0},noiseOctaves:{value:0},fbmOctaves:{value:0}},vertexShader:Ne,fragmentShader:je}),[]);return F(n,i,r),r},q={timeStrength:.3,noiseOctaves:8,fbmOctaves:3},Xe=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=We(r),o=_(n),[s,c]=C({scene:r,camera:o,size:n,dpr:i}),[a,l]=P(q);return[u.useCallback((f,m)=>{const{gl:g,clock:h}=f;return m&&l(m),v(e,"timeStrength",a.timeStrength),v(e,"noiseOctaves",a.noiseOctaves),v(e,"fbmOctaves",a.fbmOctaves),v(e,"uTime",h.getElapsedTime()),c(g)},[c,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]},He=n=>{var o,s,c;const i=(o=n.dom)==null?void 0:o.length,r=(s=n.texture)==null?void 0:s.length,e=(c=n.resolution)==null?void 0:c.length;if(!i||!r||!e)throw new Error("No dom or texture or resolution is set");if(i!==r||i!==e)throw new Error("Match dom, texture and resolution length")};var Ye=`varying vec2 vUv; void main() { vUv = uv; @@ -495,7 +495,7 @@ void main() { alpha *= textureAlpha; gl_FragColor = vec4(textureColor, alpha); -}`;const Je=({params:n,size:i,scene:r})=>{r.children.length>0&&(r.children.forEach(e=>{e instanceof t.Mesh&&(e.geometry.dispose(),e.material.dispose())}),r.remove(...r.children)),n.texture.forEach((e,o)=>{const s=new t.Mesh(new t.PlaneGeometry(1,1),new t.ShaderMaterial({vertexShader:Ye,fragmentShader:qe,transparent:!0,uniforms:{u_texture:{value:e},u_textureResolution:{value:new t.Vector2(0,0)},u_resolution:{value:new t.Vector2(0,0)},u_borderRadius:{value:n.boderRadius[o]?n.boderRadius[o]:0}}}));r.add(s)})},Ke=()=>{const n=u.useRef([]),i=u.useRef([]);return u.useCallback(({isIntersectingRef:e,isIntersectingOnceRef:o,params:s})=>{n.current.length>0&&n.current.forEach((a,l)=>{a.unobserve(i.current[l])}),i.current=[],n.current=[];const v=new Array(s.dom.length).fill(!1);e.current=[...v],o.current=[...v],s.dom.forEach((a,l)=>{const f=m=>{m.forEach(g=>{s.onIntersect[l]&&s.onIntersect[l](g),e.current[l]=g.isIntersecting})},d=new IntersectionObserver(f,{rootMargin:"0px",threshold:0});d.observe(a),n.current.push(d),i.current.push(a)})},[])},Ze=({params:n,size:i,resolutionRef:r,scene:e,isIntersectingRef:o})=>{e.children.forEach((s,v)=>{const a=n.dom[v];if(!a)throw new Error("DOM is null.");if(o.current[v]){const l=a.getBoundingClientRect();if(s.scale.set(l.width,l.height,1),s.position.set(l.left+l.width*.5-i.width*.5,-l.top-l.height*.5+i.height*.5,0),s instanceof t.Mesh){const f=s.material;c(f,"u_texture",n.texture[v]),c(f,"u_textureResolution",n.resolution[v]),c(f,"u_resolution",r.current.set(l.width,l.height)),c(f,"u_borderRadius",n.boderRadius[v]?n.boderRadius[v]:0)}}})},Qe=()=>{const n=u.useRef([]),i=u.useRef([]),r=u.useCallback((e,o=!1)=>{n.current.forEach((v,a)=>{v&&(i.current[a]=!0)});const s=o?[...i.current]:[...n.current];return e<0?s:s[e]},[]);return{isIntersectingRef:n,isIntersectingOnceRef:i,isIntersecting:r}},J={texture:[],dom:[],resolution:[],boderRadius:[],onIntersect:[]},en=({size:n,dpr:i},r=[])=>{const e=u.useMemo(()=>new t.Scene,[]),o=_(n),[s,v]=C({scene:e,camera:o,size:n,dpr:i,isSizeUpdate:!0}),[a,l]=P(J),f=u.useRef(new t.Vector2(0,0)),[d,m]=u.useState(!0);u.useEffect(()=>{m(!0)},r);const g=Ke(),{isIntersectingOnceRef:h,isIntersectingRef:x,isIntersecting:y}=Qe();return[u.useCallback((R,M)=>{const{gl:D,size:A}=R;return M&&l(M),He(a),d&&(Je({params:a,size:A,scene:e}),g({isIntersectingRef:x,isIntersectingOnceRef:h,params:a}),m(!1)),Ze({params:a,size:A,resolutionRef:f,scene:e,isIntersectingRef:x}),v(D)},[v,l,g,d,e,a,h,x]),l,{scene:e,camera:o,renderTarget:s,isIntersecting:y}]};var nn=`precision mediump float; +}`;const Je=({params:n,size:i,scene:r})=>{r.children.length>0&&(r.children.forEach(e=>{e instanceof t.Mesh&&(e.geometry.dispose(),e.material.dispose())}),r.remove(...r.children)),n.texture.forEach((e,o)=>{const s=new t.Mesh(new t.PlaneGeometry(1,1),new t.ShaderMaterial({vertexShader:Ye,fragmentShader:qe,transparent:!0,uniforms:{u_texture:{value:e},u_textureResolution:{value:new t.Vector2(0,0)},u_resolution:{value:new t.Vector2(0,0)},u_borderRadius:{value:n.boderRadius[o]?n.boderRadius[o]:0}}}));r.add(s)})},Ke=()=>{const n=u.useRef([]),i=u.useRef([]);return u.useCallback(({isIntersectingRef:e,isIntersectingOnceRef:o,params:s})=>{n.current.length>0&&n.current.forEach((a,l)=>{a.unobserve(i.current[l])}),i.current=[],n.current=[];const c=new Array(s.dom.length).fill(!1);e.current=[...c],o.current=[...c],s.dom.forEach((a,l)=>{const d=m=>{m.forEach(g=>{s.onIntersect[l]&&s.onIntersect[l](g),e.current[l]=g.isIntersecting})},f=new IntersectionObserver(d,{rootMargin:"0px",threshold:0});f.observe(a),n.current.push(f),i.current.push(a)})},[])},Ze=({params:n,size:i,resolutionRef:r,scene:e,isIntersectingRef:o})=>{e.children.forEach((s,c)=>{const a=n.dom[c];if(!a)throw new Error("DOM is null.");if(o.current[c]){const l=a.getBoundingClientRect();if(s.scale.set(l.width,l.height,1),s.position.set(l.left+l.width*.5-i.width*.5,-l.top-l.height*.5+i.height*.5,0),s instanceof t.Mesh){const d=s.material;v(d,"u_texture",n.texture[c]),v(d,"u_textureResolution",n.resolution[c]),v(d,"u_resolution",r.current.set(l.width,l.height)),v(d,"u_borderRadius",n.boderRadius[c]?n.boderRadius[c]:0)}}})},Qe=()=>{const n=u.useRef([]),i=u.useRef([]),r=u.useCallback((e,o=!1)=>{n.current.forEach((c,a)=>{c&&(i.current[a]=!0)});const s=o?[...i.current]:[...n.current];return e<0?s:s[e]},[]);return{isIntersectingRef:n,isIntersectingOnceRef:i,isIntersecting:r}},J={texture:[],dom:[],resolution:[],boderRadius:[],onIntersect:[]},en=({size:n,dpr:i},r=[])=>{const e=u.useMemo(()=>new t.Scene,[]),o=_(n),[s,c]=C({scene:e,camera:o,size:n,dpr:i,isSizeUpdate:!0}),[a,l]=P(J),d=u.useRef(new t.Vector2(0,0)),[f,m]=u.useState(!0);u.useEffect(()=>{m(!0)},r);const g=Ke(),{isIntersectingOnceRef:h,isIntersectingRef:x,isIntersecting:y}=Qe();return[u.useCallback((w,M)=>{const{gl:D,size:A}=w;return M&&l(M),He(a),f&&(Je({params:a,size:A,scene:e}),g({isIntersectingRef:x,isIntersectingOnceRef:h,params:a}),m(!1)),Ze({params:a,size:A,resolutionRef:d,scene:e,isIntersectingRef:x}),c(D)},[c,l,g,f,e,a,h,x]),l,{scene:e,camera:o,renderTarget:s,isIntersecting:y}]};var nn=`precision mediump float; varying vec2 vUv; @@ -527,7 +527,7 @@ void main() { ) / 9.0; gl_FragColor = outColor; -}`;const rn=n=>{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},uResolution:{value:new t.Vector2(0,0)},uBlurSize:{value:1}},vertexShader:nn,fragmentShader:tn}),[]);return V(n,i,r),r},K={texture:new t.Texture,blurSize:3,blurPower:5},on=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=rn(r),o=_(n),s=u.useMemo(()=>({scene:r,camera:o,size:n,dpr:i}),[r,o,n,i]),[v,a]=C(s),[l,f]=O(s),[d,m]=P(K);return[u.useCallback((h,x)=>{const{gl:y}=h;x&&m(x),c(e,"uTexture",d.texture),c(e,"uResolution",[d.texture.source.data.width,d.texture.source.data.height]),c(e,"uBlurSize",d.blurSize);let w=f(y);const R=d.blurPower;for(let D=0;D{const i=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),r=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uTexture:{value:new t.Texture},uResolution:{value:new t.Vector2(0,0)},uBlurSize:{value:1}},vertexShader:nn,fragmentShader:tn}),[]);return F(n,i,r),r},K={texture:new t.Texture,blurSize:3,blurPower:5},on=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=rn(r),o=_(n),s=u.useMemo(()=>({scene:r,camera:o,size:n,dpr:i}),[r,o,n,i]),[c,a]=C(s),[l,d]=O(s),[f,m]=P(K);return[u.useCallback((h,x)=>{const{gl:y}=h;x&&m(x),v(e,"uTexture",f.texture),v(e,"uResolution",[f.texture.source.data.width,f.texture.source.data.height]),v(e,"uBlurSize",f.blurSize);let R=d(y);const w=f.blurPower;for(let D=0;D{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uEpicenter:{value:new t.Vector2(0,0)},uProgress:{value:0},uStrength:{value:0},uWidth:{value:0},uResolution:{value:new t.Vector2},uMode:{value:0}},vertexShader:un,fragmentShader:an}),[]),s=E(i,r);return u.useEffect(()=>{o.uniforms.uResolution.value=s.clone()},[s,o]),V(n,e,o),o},Z={epicenter:new t.Vector2(0,0),progress:0,width:0,strength:0,mode:"center"},ln=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=sn({scene:r,size:n,dpr:i}),o=_(n),[s,v]=C({scene:r,camera:o,size:n,dpr:i,isSizeUpdate:!0}),[a,l]=P(Z);return[u.useCallback((d,m)=>{const{gl:g}=d;return m&&l(m),c(e,"uEpicenter",a.epicenter),c(e,"uProgress",a.progress),c(e,"uWidth",a.width),c(e,"uStrength",a.strength),c(e,"uMode",a.mode==="center"?0:a.mode==="horizontal"?1:2),v(g)},[v,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]};p.BRUSH_PARAMS=G,p.DOMSYNCER_PARAMS=J,p.DUOTONE_PARAMS=j,p.FLUID_PARAMS=X,p.FOGPROJECTION_PARAMS=W,p.FXTEXTURE_PARAMS=Y,p.NOISE_PARAMS=q,p.RIPPLE_PARAMS=H,p.SIMPLEBLUR_PARAMS=K,p.WAVE_PARAMS=Z,p.setUniform=c,p.useAddMesh=V,p.useBrush=se,p.useCamera=_,p.useDomSyncer=en,p.useDoubleFBO=O,p.useDuoTone=de,p.useFluid=Be,p.useFogProjection=ge,p.useFxTexture=Ne,p.useNoise=Xe,p.useParams=P,p.usePointer=z,p.useResolution=E,p.useRipple=ze,p.useSimpleBlur=on,p.useSingleFBO=C,p.useWave=ln,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); +}`;const sn=({scene:n,size:i,dpr:r})=>{const e=u.useMemo(()=>new t.PlaneGeometry(2,2),[]),o=u.useMemo(()=>new t.ShaderMaterial({uniforms:{uEpicenter:{value:new t.Vector2(0,0)},uProgress:{value:0},uStrength:{value:0},uWidth:{value:0},uResolution:{value:new t.Vector2},uMode:{value:0}},vertexShader:un,fragmentShader:an}),[]),s=V(i,r);return u.useEffect(()=>{o.uniforms.uResolution.value=s.clone()},[s,o]),F(n,e,o),o},Z={epicenter:new t.Vector2(0,0),progress:0,width:0,strength:0,mode:"center"},ln=({size:n,dpr:i})=>{const r=u.useMemo(()=>new t.Scene,[]),e=sn({scene:r,size:n,dpr:i}),o=_(n),[s,c]=C({scene:r,camera:o,size:n,dpr:i,isSizeUpdate:!0}),[a,l]=P(Z);return[u.useCallback((f,m)=>{const{gl:g}=f;return m&&l(m),v(e,"uEpicenter",a.epicenter),v(e,"uProgress",a.progress),v(e,"uWidth",a.width),v(e,"uStrength",a.strength),v(e,"uMode",a.mode==="center"?0:a.mode==="horizontal"?1:2),c(g)},[c,e,l,a]),l,{scene:r,material:e,camera:o,renderTarget:s}]},cn=({scene:n,camera:i,size:r,dpr:e=!1,isSizeUpdate:o=!1},s)=>{const c=u.useRef([]),a=V(r,e);c.current=u.useMemo(()=>Array.from({length:s},()=>new t.WebGLRenderTarget(a.x,a.y,z)),[s]),u.useLayoutEffect(()=>{o&&c.current.forEach(d=>d.setSize(a.x,a.y))},[a,o]),u.useEffect(()=>{const d=c.current;return()=>{d.forEach(f=>f.dispose())}},[s]);const l=u.useCallback((d,f,m)=>{const g=c.current[f];return d.setRenderTarget(g),m&&m({read:g.texture}),d.render(n,i),d.setRenderTarget(null),d.clear(),g.texture},[n,i]);return[c.current,l]};p.BRUSH_PARAMS=N,p.DOMSYNCER_PARAMS=J,p.DUOTONE_PARAMS=j,p.FLUID_PARAMS=X,p.FOGPROJECTION_PARAMS=W,p.FXTEXTURE_PARAMS=Y,p.NOISE_PARAMS=q,p.RIPPLE_PARAMS=H,p.SIMPLEBLUR_PARAMS=K,p.WAVE_PARAMS=Z,p.setUniform=v,p.useAddMesh=F,p.useBrush=se,p.useCamera=_,p.useCopyTexture=cn,p.useDomSyncer=en,p.useDoubleFBO=O,p.useDuoTone=de,p.useFluid=Be,p.useFogProjection=ge,p.useFxTexture=Ge,p.useNoise=Xe,p.useParams=P,p.usePointer=I,p.useResolution=V,p.useRipple=ze,p.useSimpleBlur=on,p.useSingleFBO=C,p.useWave=ln,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}); //# sourceMappingURL=use-shader-fx.umd.cjs.map diff --git a/packages/use-shader-fx/build/use-shader-fx.umd.cjs.map b/packages/use-shader-fx/build/use-shader-fx.umd.cjs.map index 6b46c2e9..a0d6df0d 100644 --- a/packages/use-shader-fx/build/use-shader-fx.umd.cjs.map +++ b/packages/use-shader-fx/build/use-shader-fx.umd.cjs.map @@ -1 +1 @@ -{"version":3,"file":"use-shader-fx.umd.cjs","sources":["../src/hooks/useBrush/shader/main.vert","../src/hooks/useBrush/shader/main.frag","../src/utils/useResolution.ts","../src/utils/useAddMesh.ts","../src/utils/setUniforms.ts","../src/hooks/useBrush/useMesh.ts","../src/utils/useCamera.ts","../src/utils/useSingleFBO.ts","../src/utils/useDoubleFBO.ts","../src/utils/usePointer.ts","../src/utils/useParams.ts","../src/hooks/useBrush/index.ts","../src/hooks/useDuoTone/shader/main.vert","../src/hooks/useDuoTone/shader/main.frag","../src/hooks/useDuoTone/useMesh.ts","../src/hooks/useDuoTone/index.ts","../src/hooks/useFogProjection/shader/main.vert","../src/hooks/useFogProjection/shader/main.frag","../src/hooks/useFogProjection/useMesh.ts","../src/hooks/useFogProjection/index.ts","../src/hooks/useFluid/shaders/main.vert","../src/hooks/useFluid/shaders/init.frag","../src/hooks/useFluid/materials/useInitialMaterial.ts","../src/hooks/useFluid/shaders/advection.frag","../src/hooks/useFluid/materials/useAdvectionMaterial.ts","../src/hooks/useFluid/shaders/divergence.frag","../src/hooks/useFluid/materials/useDivergenceMaterial.ts","../src/hooks/useFluid/shaders/pressure.frag","../src/hooks/useFluid/materials/usePressureMaterial.ts","../src/hooks/useFluid/shaders/curl.frag","../src/hooks/useFluid/materials/useCurlMaterial.ts","../src/hooks/useFluid/shaders/vorticity.frag","../src/hooks/useFluid/materials/useVorticityMaterial.ts","../src/hooks/useFluid/shaders/clear.frag","../src/hooks/useFluid/materials/useClearMaterial.ts","../src/hooks/useFluid/shaders/gradientSubtract.frag","../src/hooks/useFluid/materials/useGradientSubtractMaterial.ts","../src/hooks/useFluid/shaders/splat.frag","../src/hooks/useFluid/materials/useSplatMaterial.ts","../src/hooks/useFluid/useMesh.ts","../src/hooks/useFluid/index.ts","../src/hooks/useRipple/useMesh.ts","../src/hooks/useRipple/index.ts","../src/hooks/useFxTexture/shader/main.vert","../src/hooks/useFxTexture/shader/main.frag","../src/hooks/useFxTexture/useMesh.ts","../src/hooks/useFxTexture/index.ts","../src/hooks/useNoise/shader/main.vert","../src/hooks/useNoise/shader/main.frag","../src/hooks/useNoise/useMesh.ts","../src/hooks/useNoise/index.ts","../src/hooks/useDomSyncer/utils/errorHandler.ts","../src/hooks/useDomSyncer/shader/main.vert","../src/hooks/useDomSyncer/shader/main.frag","../src/hooks/useDomSyncer/utils/createMesh.ts","../src/hooks/useDomSyncer/utils/useIntersectionHandler.ts","../src/hooks/useDomSyncer/utils/updateRect.ts","../src/hooks/useDomSyncer/utils/useIsIntersecting.ts","../src/hooks/useDomSyncer/index.ts","../src/hooks/useSimpleBlur/shader/main.vert","../src/hooks/useSimpleBlur/shader/main.frag","../src/hooks/useSimpleBlur/useMesh.ts","../src/hooks/useSimpleBlur/index.ts","../src/hooks/useWave/shader/main.vert","../src/hooks/useWave/shader/main.frag","../src/hooks/useWave/useMesh.ts","../src/hooks/useWave/index.ts"],"sourcesContent":["varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nuniform sampler2D uMap;\nuniform sampler2D uTexture;\nuniform float uRadius;\nuniform float uDissipation;\nuniform vec2 uResolution;\nuniform float uSmudge;\nuniform float uAspect;\nuniform vec2 uMouse;\nuniform vec2 uPrevMouse;\nuniform vec2 uVelocity;\nuniform vec3 uColor;\nuniform float uMotionBlur;\nuniform int uMotionSample;\n\nvarying vec2 vUv;\n\nfloat isOnLine(vec2 point, vec2 start, vec2 end, float width, float aspect) {\n\t// make circle\n\tpoint.x *= aspect;\n\tstart.x *= aspect;\n\tend.x *= aspect;\n\n\t// unit vector in direction\n\tvec2 dir = normalize(end - start);\n\t\n\t// unit vector perpendicular to the line segment\n\tvec2 n = vec2(dir.y, -dir.x);\n\n\tvec2 p0 = point - start;\n\t\n\t// calculate distance on a line\n\tfloat distToLine = abs(dot(p0, n));\n\tfloat distAlongLine = dot(p0, dir);\n\tfloat totalLength = length(end - start);\n\n\t// Include the radius of the circle at the start and end points in the range\n\tfloat distFromStart = length(point - start);\n\tfloat distFromEnd = length(point - end);\n\t\n\tbool withinLine = (distToLine < width && distAlongLine > 0.0 && distAlongLine < totalLength) || distFromStart < width || distFromEnd < width;\n\n\treturn float(withinLine);\n}\n\nvec4 createSmudge(){\n\tvec2 offsets[9];\n\toffsets[0] = vec2(-1, -1); offsets[1] = vec2( 0, -1); offsets[2] = vec2( 1, -1);\n\toffsets[3] = vec2(-1, 0); offsets[4] = vec2( 0, 0); offsets[5] = vec2( 1, 0);\n\toffsets[6] = vec2(-1, 1); offsets[7] = vec2( 0, 1); offsets[8] = vec2( 1, 1);\n\t// Scale offset to texture size\n\tfor(int i = 0; i < 9; i++) {\n\t\toffsets[i] = (offsets[i] * uSmudge) / uResolution;\n\t}\t\n\tvec4 smudgedColor = vec4(0.0);\n\tfor(int i = 0; i < 9; i++) {\n\t\tsmudgedColor += texture2D(uMap, vUv + offsets[i]);\n\t}\n\treturn smudgedColor / 9.0;\n}\n\nvec4 createMotionBlur(vec4 baseColor, vec2 velocity, float motion, int samples) {\n\tvec4 motionBlurredColor = baseColor;\n\tvec2 scaledVelocity = velocity * motion;\n\tfor(int i = 1; i < samples; i++) {\n\t\tfloat t = float(i) / float(samples - 1);\n\t\tvec2 offset = t * scaledVelocity / uResolution;\n\t\tmotionBlurredColor += texture2D(uMap, vUv + offset);\n\t}\n\treturn motionBlurredColor / float(samples);\n}\n\n\nvoid main() {\n\t// Convert UV coordinates to range [-1, 1]\n\tvec2 st = vUv * 2.0 - 1.0;\n\t\n\t// velocity vector\n\tvec2 velocity = uVelocity * uResolution;\n\n\t// add smudge\n\tvec4 smudgedColor = createSmudge();\n\t\n\t// add motion blur\n\tvec4 motionBlurredColor = createMotionBlur(smudgedColor, velocity, uMotionBlur,uMotionSample);\n\n\tvec4 bufferColor = motionBlurredColor * uDissipation;\n\n\t// radius\n\tfloat modifiedRadius = max(0.0,uRadius);\n\n\t//\tcolor \n\tvec3 color = uColor;\n\n\t// map texture to color\n\tvec4 textureColor = texture2D(uTexture, vUv);\n\tvec3 finalColor = mix(color, textureColor.rgb, textureColor.a);\n\n\tfloat onLine = isOnLine(st, uPrevMouse, uMouse, modifiedRadius, uAspect);\n\tbufferColor.rgb = mix(bufferColor.rgb, finalColor, onLine);\n\t\n\tgl_FragColor = vec4(bufferColor.rgb,1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\n/**\n * @params dpr if dpr is set, it returns the resolution which is size multiplied by dpr.\n */\nexport const useResolution = (size: Size, dpr: number | false = false) => {\n const _width = dpr ? size.width * dpr : size.width;\n const _height = dpr ? size.height * dpr : size.height;\n const resolution = useMemo(\n () => new THREE.Vector2(_width, _height),\n [_width, _height]\n );\n return resolution;\n};\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\n\n/** Generate mesh from geometry and material and add to scene */\nexport const useAddMesh = (\n scene: THREE.Scene,\n geometry: THREE.BufferGeometry,\n material: THREE.Material\n) => {\n const mesh = useMemo(\n () => new THREE.Mesh(geometry, material),\n [geometry, material]\n );\n\n useEffect(() => {\n scene.add(mesh);\n }, [scene, mesh]);\n\n useEffect(() => {\n return () => {\n scene.remove(mesh);\n geometry.dispose();\n material.dispose();\n };\n }, [scene, geometry, material, mesh]);\n\n return mesh;\n};\n","type UniformValue =\n | THREE.CubeTexture\n | THREE.Texture\n | Int32Array\n | Float32Array\n | THREE.Matrix4\n | THREE.Matrix3\n | THREE.Quaternion\n | THREE.Vector4\n | THREE.Vector3\n | THREE.Vector2\n | THREE.Color\n | number\n | boolean\n | Array\n | null;\ntype UniformObject = { [key: string]: { value: UniformValue } };\n\nexport const setUniform = (\n material: { uniforms: T },\n key: keyof T,\n value: UniformValue\n) => {\n if (\n material.uniforms &&\n material.uniforms[key] &&\n value !== undefined &&\n value !== null\n ) {\n material.uniforms[key].value = value;\n } else {\n console.error(\n `Uniform key \"${String(\n key\n )}\" does not exist in the material. or \"${String(\n key\n )}\" is null | undefined`\n );\n }\n};\n","import * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useEffect, useMemo } from \"react\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class BrushMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uMap: { value: THREE.Texture };\n uResolution: { value: THREE.Texture };\n uAspect: { value: number };\n uTexture: { value: THREE.Texture };\n uRadius: { value: number };\n uSmudge: { value: number };\n uDissipation: { value: number };\n uMotionBlur: { value: number };\n uMotionSample: { value: number };\n uMouse: { value: number };\n uPrevMouse: { value: number };\n uVelocity: { value: number };\n uColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uMap: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0, 0) },\n uAspect: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uRadius: { value: 0.0 },\n uSmudge: { value: 0.0 },\n uDissipation: { value: 0.0 },\n uMotionBlur: { value: 0.0 },\n uMotionSample: { value: 0 },\n uMouse: { value: new THREE.Vector2(0, 0) },\n uPrevMouse: { value: new THREE.Vector2(0, 0) },\n uVelocity: { value: new THREE.Vector2(0, 0) },\n uColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(material, \"uAspect\", resolution.width / resolution.height);\n setUniform(material, \"uResolution\", resolution.clone());\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as BrushMaterial;\n};\n","import * as THREE from \"three\";\nimport { useResolution } from \"./useResolution\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\nconst getCameraProps = (width: number, height: number) => {\n const frustumSize = height;\n const aspect = width / height;\n const [w, h] = [(frustumSize * aspect) / 2, frustumSize / 2];\n return { width: w, height: h, near: -1000, far: 1000 };\n};\n\nexport const useCamera = (size: Size) => {\n const resolution = useResolution(size);\n const { width, height, near, far } = getCameraProps(\n resolution.x,\n resolution.y\n );\n const camera = useMemo(\n () =>\n new THREE.OrthographicCamera(\n -width,\n width,\n height,\n -height,\n near,\n far\n ),\n [width, height, near, far]\n );\n return camera;\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\n\nexport const FBO_OPTION = {\n minFilter: THREE.LinearFilter,\n magFilter: THREE.LinearFilter,\n type: THREE.HalfFloatType,\n depthBuffer: false,\n stencilBuffer: false,\n};\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseSingleFBOReturn = [THREE.WebGLRenderTarget, FBOUpdateFunction];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [THREE.WebGLRenderTarget , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useSingleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseSingleFBOReturn => {\n const renderTarget = useRef();\n\n const resolution = useResolution(size, dpr);\n renderTarget.current = useMemo(\n () => new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current!;\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateRenderTarget];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\nimport { useResolution } from \"./useResolution\";\nimport { DoubleRenderTarget, UseFboProps } from \"./types\";\n\ninterface RenderTarget extends DoubleRenderTarget {\n swap: () => void;\n}\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({\n read,\n write,\n }: {\n read: THREE.Texture;\n write: THREE.Texture;\n }) => void\n) => THREE.Texture;\n\ntype UseDoubleFBOReturn = [\n { read: THREE.WebGLRenderTarget; write: THREE.WebGLRenderTarget },\n FBOUpdateFunction\n];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [{read:THREE.WebGLRenderTarget,write:THREE.WebGLRenderTarget} , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useDoubleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseDoubleFBOReturn => {\n const renderTarget = useRef({\n read: null,\n write: null,\n swap: function () {\n let temp = this.read;\n this.read = this.write;\n this.write = temp;\n },\n });\n\n const resolution = useResolution(size, dpr);\n const initRenderTargets = useMemo(() => {\n const read = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n const write = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n return { read, write };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n renderTarget.current.read = initRenderTargets.read;\n renderTarget.current.write = initRenderTargets.write;\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.read?.setSize(resolution.x, resolution.y);\n renderTarget.current.write?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.read?.dispose();\n currentRenderTarget.write?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current;\n gl.setRenderTarget(fbo.write);\n onBeforeRender &&\n onBeforeRender({\n read: fbo.read!.texture,\n write: fbo.write!.texture,\n });\n gl.render(scene, camera);\n fbo.swap();\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.read?.texture as THREE.Texture;\n },\n [scene, camera]\n );\n\n return [\n { read: renderTarget.current.read, write: renderTarget.current.write },\n updateRenderTarget,\n ];\n};\n","import * as THREE from \"three\";\nimport { useCallback, useRef } from \"react\";\n\ntype UpdatePointer = (currentPointer: THREE.Vector2) => {\n currentPointer: THREE.Vector2;\n prevPointer: THREE.Vector2;\n diffPointer: THREE.Vector2;\n velocity: THREE.Vector2;\n isVelocityUpdate: boolean;\n};\n\n/** When given the pointer vector2 from r3f's RootState, it generates an update function that returns {currentPointer, prevPointer, diffPointer, isVelocityUpdate, velocity}. */\nexport const usePointer = (): UpdatePointer => {\n const prevPointer = useRef(new THREE.Vector2(0, 0));\n const diffPointer = useRef(new THREE.Vector2(0, 0));\n const lastUpdateTime = useRef(0);\n const velocity = useRef(new THREE.Vector2(0, 0));\n const isMoved = useRef(false);\n\n const updatePointer = useCallback((currentPointer: THREE.Vector2) => {\n const now = performance.now();\n const current = currentPointer.clone();\n\n // first frame\n if (lastUpdateTime.current === 0) {\n lastUpdateTime.current = now;\n prevPointer.current = current;\n }\n const deltaTime = Math.max(1, now - lastUpdateTime.current);\n lastUpdateTime.current = now;\n\n // get velocity\n velocity.current\n .copy(current)\n .sub(prevPointer.current)\n .divideScalar(deltaTime);\n const isUpdate = velocity.current.length() > 0;\n\n //set prev temp pos\n const prevTemp = isMoved.current ? prevPointer.current.clone() : current;\n if (!isMoved.current && isUpdate) {\n isMoved.current = true;\n }\n prevPointer.current = current;\n\n return {\n currentPointer: current,\n prevPointer: prevTemp,\n diffPointer: diffPointer.current.subVectors(current, prevTemp),\n velocity: velocity.current,\n isVelocityUpdate: isUpdate,\n };\n }, []);\n\n return updatePointer;\n};\n","import { useCallback, useRef } from \"react\";\n\ntype UseParamsReturn = [T, (params: Partial) => void];\n\n/**\n * @param params Receives an initial value object. With structuredClone, deep copy and set, but if the object contains a function, just set it.\n */\nexport const useParams = (params: T): UseParamsReturn => {\n const isContainsFunctions = (obj: object): boolean =>\n Object.values(obj).some((value) => typeof value === \"function\");\n const paramsRef = useRef(\n isContainsFunctions(params) ? params : structuredClone(params)\n );\n\n const setParams = useCallback((updateParams: Partial) => {\n for (const key in updateParams) {\n const paramKey = key as keyof T;\n if (\n paramKey in paramsRef.current &&\n updateParams[paramKey] !== undefined &&\n updateParams[paramKey] !== null\n ) {\n paramsRef.current[paramKey] = updateParams[paramKey]!;\n } else {\n console.error(\n `\"${String(\n paramKey\n )}\" does not exist in the params. or \"${String(\n paramKey\n )}\" is null | undefined`\n );\n }\n }\n }, []);\n return [paramsRef.current, setParams];\n};\n","import * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo } from \"react\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget } from \"../../utils/types\";\n\nexport type BrushParams = {\n /** Texture applied to the brush.Mixed with the value of a , default:THREE.Texture() */\n texture?: THREE.Texture;\n /** size of the stamp, percentage of the size ,default:0.05 */\n radius?: number;\n /** Strength of smudge effect , default:0.0*/\n smudge?: number;\n /** dissipation rate. If set to 1, it will remain. ,default:1.0 */\n dissipation?: number;\n /** Strength of motion blur , default:0.0 */\n motionBlur?: number;\n /** Number of motion blur samples. Affects performance default: 5 */\n motionSample?: number;\n /** brush color , default:THREE.Color(0xffffff) */\n color?: THREE.Color;\n};\n\nexport type BrushObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: DoubleRenderTarget;\n};\n\nexport const BRUSH_PARAMS: BrushParams = {\n texture: new THREE.Texture(),\n radius: 0.05,\n smudge: 0.0,\n dissipation: 1.0,\n motionBlur: 0.0,\n motionSample: 5,\n color: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useBrush = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useDoubleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(BRUSH_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: BrushParams) => {\n const { gl, pointer } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uRadius\", params.radius!);\n setUniform(material, \"uSmudge\", params.smudge!);\n setUniform(material, \"uDissipation\", params.dissipation!);\n setUniform(material, \"uMotionBlur\", params.motionBlur!);\n setUniform(material, \"uMotionSample\", params.motionSample!);\n setUniform(material, \"uColor\", params.color!);\n\n const { currentPointer, prevPointer, velocity } =\n updatePointer(pointer);\n setUniform(material, \"uMouse\", currentPointer);\n setUniform(material, \"uPrevMouse\", prevPointer);\n setUniform(material, \"uVelocity\", velocity);\n\n const bufferTexture = updateRenderTarget(gl, ({ read }) => {\n setUniform(material, \"uMap\", read);\n });\n\n return bufferTexture;\n },\n [material, updatePointer, updateRenderTarget, params, setParams]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\n\nuniform vec3 uColor0;\nuniform vec3 uColor1;\n\nvoid main() {\n\tvec2 uv = vUv;\n\tvec4 texColor = texture2D(uTexture, uv);\n\tfloat grayscale = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));\n\tvec3 duotone = mix(uColor0, uColor1, grayscale);\n\tgl_FragColor = vec4(duotone, texColor.a);\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class DuoToneMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n uColor0: { value: THREE.Color };\n uColor1: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uColor0: { value: new THREE.Color(0xffffff) },\n uColor1: { value: new THREE.Color(0x000000) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as DuoToneMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { DuoToneMaterial, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type DuoToneParams = {\n /** Make this texture duotone , Default:new THREE.Texture() */\n texture?: THREE.Texture;\n /** 1st color ,　Default:new THREE.Color(0xffffff) */\n color0?: THREE.Color;\n /** 2nd color , Default: new THREE.Color(0x000000) */\n color1?: THREE.Color;\n};\n\nexport type DuoToneObject = {\n scene: THREE.Scene;\n material: DuoToneMaterial;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const DUOTONE_PARAMS: DuoToneParams = {\n texture: new THREE.Texture(),\n color0: new THREE.Color(0xffffff),\n color1: new THREE.Color(0x000000),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDuoTone = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(DUOTONE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DuoToneParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uColor0\", params.color0!);\n setUniform(material, \"uColor1\", params.color1!);\n\n const bufferTexture = updateRenderTarget(gl);\n\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uNoiseMap;\nuniform float distortionStrength;\nuniform float fogEdge0;\nuniform float fogEdge1;\nuniform vec3 fogColor;\n\nvoid main() {\n\tvec2 uv = vUv;\n\n\tfloat noiseMap = texture2D(uNoiseMap,uv).r;\n\t\n\tfloat noiseTextureMap = noiseMap*2.0-1.0;\n\tuv += noiseTextureMap * distortionStrength;\n\tvec3 textureMap = texture2D(uTexture, uv).rgb;\n\n\tfloat edge0 = fogEdge0;\n\tfloat edge1 = fogEdge1;\n\tfloat blendValue = smoothstep(edge0, edge1, noiseMap);\n\n\tvec3 outputColor = blendValue * fogColor + (1.0 - blendValue) * textureMap;\n\tgl_FragColor = vec4(outputColor, 1.0);\n}\n\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class FogProjectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n uTexture: { value: THREE.Texture };\n uNoiseMap: { value: THREE.Texture };\n distortionStrength: { value: number };\n fogEdge0: { value: number };\n fogEdge1: { value: number };\n fogColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uNoiseMap: { value: new THREE.Texture() },\n distortionStrength: { value: 0.0 },\n fogEdge0: { value: 0.0 },\n fogEdge1: { value: 0.9 },\n fogColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as FogProjectionMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FogProjectionParams = {\n /** Make this texture FogProjection , default:THREE.Texture */\n texture?: THREE.Texture;\n /** noise texture to map, default:THREE.Texture */\n noiseMap?: THREE.Texture;\n /** distortion strength , default:0.03 */\n distortionStrength?: number;\n /** value that reflects noise , default:0.0 */\n fogEdge0?: number;\n /** value that reflects noise , default:0.9 */\n fogEdge1?: number;\n /** fog color , default: THREE.Color(0xffffff) */\n fogColor?: THREE.Color;\n};\n\nexport type FogProjectionObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FOGPROJECTION_PARAMS: FogProjectionParams = {\n texture: new THREE.Texture(),\n noiseMap: new THREE.Texture(),\n distortionStrength: 0.03,\n fogEdge0: 0.0,\n fogEdge1: 0.9,\n fogColor: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFogProjection = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] =\n useParams(FOGPROJECTION_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FogProjectionParams) => {\n const { gl, clock } = props;\n updateParams && setParams(updateParams);\n setUniform(material, \"uTime\", clock.getElapsedTime());\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uNoiseMap\", params.noiseMap!);\n setUniform(material, \"distortionStrength\", params.distortionStrength!);\n setUniform(material, \"fogEdge0\", params.fogEdge0!);\n setUniform(material, \"fogEdge1\", params.fogEdge1!);\n setUniform(material, \"fogColor\", params.fogColor!);\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform vec2 texelSize;\n\nvoid main () {\n\tvUv = uv;\n\tvL = vUv - vec2(texelSize.x, 0.0);\n\tvR = vUv + vec2(texelSize.x, 0.0);\n\tvT = vUv + vec2(0.0, texelSize.y);\n\tvB = vUv - vec2(0.0, texelSize.y);\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvoid main(){\n\tgl_FragColor = vec4(0.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/init.frag\";\n\nexport const useInitialMaterial = () => {\n const initialMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n depthTest: false,\n depthWrite: false,\n }),\n []\n );\n\n return initialMaterial as THREE.ShaderMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform vec2 texelSize;\nuniform float dt;\nuniform float dissipation;\n\nvoid main () {\n\tvec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n\tgl_FragColor = dissipation * texture2D(uSource, coord);\n\tgl_FragColor.a = 1.0;\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/advection.frag\";\n\nexport class AdvectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uSource: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n dt: { value: number };\n dissipation: { value: number };\n };\n}\n\nexport const useAdvectionMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: new THREE.Texture() },\n uSource: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n dt: { value: 0.0 },\n dissipation: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as AdvectionMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvec2 sampleVelocity (in vec2 uv) {\n\tvec2 multiplier = vec2(1.0, 1.0);\n\tif (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\n\tif (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\n\tif (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\n\tif (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\n\treturn multiplier * texture2D(uVelocity, uv).xy;\n}\n\nvoid main () {\n\tfloat L = sampleVelocity(vL).x;\n\tfloat R = sampleVelocity(vR).x;\n\tfloat T = sampleVelocity(vT).y;\n\tfloat B = sampleVelocity(vB).y;\n\tfloat div = 0.5 * (R - L + T - B);\n\tgl_FragColor = vec4(div, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/divergence.frag\";\n\nexport class DivergenceMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useDivergenceMaterial = () => {\n const divergenceMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return divergenceMaterial as DivergenceMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tfloat C = texture2D(uPressure, vUv).x;\n\tfloat divergence = texture2D(uDivergence, vUv).x;\n\tfloat pressure = (L + R + B + T - divergence) * 0.25;\n\tgl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/pressure.frag\";\n\nexport class PressureMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uDivergence: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const usePressureMaterial = () => {\n const pressureMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: null },\n uDivergence: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return pressureMaterial as PressureMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvoid main () {\n\tfloat L = texture2D(uVelocity, vL).y;\n\tfloat R = texture2D(uVelocity, vR).y;\n\tfloat T = texture2D(uVelocity, vT).x;\n\tfloat B = texture2D(uVelocity, vB).x;\n\tfloat vorticity = R - L - T + B;\n\tgl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/curl.frag\";\n\nexport class CurlMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useCurlMaterial = () => {\n const curlMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return curlMaterial as CurlMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform float curl;\nuniform float dt;\n\nvoid main () {\n\tfloat T = texture2D(uCurl, vT).x;\n\tfloat B = texture2D(uCurl, vB).x;\n\tfloat C = texture2D(uCurl, vUv).x;\n\tvec2 force = vec2(abs(T) - abs(B), 0.0);\n\tforce *= 1.0 / length(force + 0.00001) * curl * C;\n\tvec2 vel = texture2D(uVelocity, vUv).xy;\n\tgl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/vorticity.frag\";\n\nexport class VorticityMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uCurl: { value: THREE.Texture };\n curl: { value: number };\n dt: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useVorticityMaterial = () => {\n const vorticityMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n uCurl: { value: null },\n curl: { value: 0 },\n dt: { value: 0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return vorticityMaterial as VorticityMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform float value;\n\nvoid main () {\n\tgl_FragColor = value * texture2D(uTexture, vUv);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/clear.frag\";\n\nexport class ClearMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n value: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useClearMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n value: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as ClearMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tvec2 velocity = texture2D(uVelocity, vUv).xy;\n\tvelocity.xy -= vec2(R - L, T - B);\n\tgl_FragColor = vec4(velocity, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/gradientSubtract.frag\";\n\nexport class GradientSubtractMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useGradientSubtractMaterial = () => {\n const gradientSubtractMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: new THREE.Texture() },\n uVelocity: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return gradientSubtractMaterial as GradientSubtractMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTarget;\nuniform float aspectRatio;\nuniform vec3 color;\nuniform vec2 point;\nuniform float radius;\n\nvoid main () {\n\tvec2 nPoint = (point + vec2(1.0)) * 0.5;\n\tvec2 p = vUv - nPoint.xy;\n\tp.x *= aspectRatio;\n\tvec3 splat = exp(-dot(p, p) / radius) * color;\n\tvec3 base = texture2D(uTarget, vUv).xyz;\n\tgl_FragColor = vec4(base + splat, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/splat.frag\";\n\nexport class SplatMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTarget: { value: THREE.Texture };\n aspectRatio: { value: number };\n color: { value: THREE.Vector3 };\n point: { value: THREE.Vector2 };\n radius: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useSplateMaterial = () => {\n const splatMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTarget: { value: new THREE.Texture() },\n aspectRatio: { value: 0 },\n color: { value: new THREE.Vector3() },\n point: { value: new THREE.Vector2() },\n radius: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return splatMaterial as SplatMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useInitialMaterial } from \"./materials/useInitialMaterial\";\nimport {\n AdvectionMaterial,\n useAdvectionMaterial,\n} from \"./materials/useAdvectionMaterial\";\nimport {\n DivergenceMaterial,\n useDivergenceMaterial,\n} from \"./materials/useDivergenceMaterial\";\nimport {\n PressureMaterial,\n usePressureMaterial,\n} from \"./materials/usePressureMaterial\";\nimport { CurlMaterial, useCurlMaterial } from \"./materials/useCurlMaterial\";\nimport {\n VorticityMaterial,\n useVorticityMaterial,\n} from \"./materials/useVorticityMaterial\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { ClearMaterial, useClearMaterial } from \"./materials/useClearMaterial\";\nimport {\n GradientSubtractMaterial,\n useGradientSubtractMaterial,\n} from \"./materials/useGradientSubtractMaterial\";\nimport { SplatMaterial, useSplateMaterial } from \"./materials/useSplatMaterial\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\ntype TMaterials =\n | AdvectionMaterial\n | DivergenceMaterial\n | CurlMaterial\n | PressureMaterial\n | ClearMaterial\n | GradientSubtractMaterial\n | SplatMaterial;\n\nexport type FluidMaterials = {\n vorticityMaterial: VorticityMaterial;\n curlMaterial: CurlMaterial;\n advectionMaterial: AdvectionMaterial;\n divergenceMaterial: DivergenceMaterial;\n pressureMaterial: PressureMaterial;\n clearMaterial: ClearMaterial;\n gradientSubtractMaterial: GradientSubtractMaterial;\n splatMaterial: SplatMaterial;\n};\ntype TUseMeshReturnType = [FluidMaterials, (material: TMaterials) => void];\n\n/**\n * Returns the material update function in the second argument\n */\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}): TUseMeshReturnType => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const initialMaterial = useInitialMaterial();\n const updateMaterial = initialMaterial.clone();\n const curlMaterial = useCurlMaterial();\n const vorticityMaterial = useVorticityMaterial();\n const advectionMaterial = useAdvectionMaterial();\n const divergenceMaterial = useDivergenceMaterial();\n const pressureMaterial = usePressureMaterial();\n const clearMaterial = useClearMaterial();\n const gradientSubtractMaterial = useGradientSubtractMaterial();\n const splatMaterial = useSplateMaterial();\n const materials = useMemo(\n () => ({\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n }),\n [\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n ]\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(\n materials.splatMaterial,\n \"aspectRatio\",\n resolution.x / resolution.y\n );\n for (const material of Object.values(materials)) {\n setUniform(\n material,\n \"texelSize\",\n new THREE.Vector2(1.0 / resolution.x, 1.0 / resolution.y)\n );\n }\n }, [resolution, materials]);\n\n const mesh = useAddMesh(scene, geometry, initialMaterial);\n useEffect(() => {\n initialMaterial.dispose();\n mesh.material = updateMaterial;\n }, [initialMaterial, mesh, updateMaterial]);\n\n useEffect(() => {\n return () => {\n for (const material of Object.values(materials)) {\n material.dispose();\n }\n };\n }, [materials]);\n\n const setMeshMaterial = useCallback(\n (material: TMaterials) => {\n mesh.material = material;\n mesh.material.needsUpdate = true;\n },\n [mesh]\n );\n\n return [materials, setMeshMaterial];\n};\n","import * as THREE from \"three\";\nimport { FluidMaterials, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget, UseFboProps } from \"../../utils/types\";\n\nexport type FluidParams = {\n /** density disspation , default:0.98 */\n density_dissipation?: number;\n /** velocity dissipation , default:0.99 */\n velocity_dissipation?: number;\n /** velocity acceleration , default:10.0 */\n velocity_acceleration?: number;\n /** pressure dissipation , default:0.9 */\n pressure_dissipation?: number;\n /** pressure iterations. affects performance , default:20 */\n pressure_iterations?: number;\n /** curl_strength , default:35 */\n curl_strength?: number;\n /** splat radius , default:0.002 */\n splat_radius?: number;\n /** Fluid Color.THREE.Vector3 Alternatively, it accepts a function that returns THREE.Vector3.The function takes velocity:THREE.Vector2 as an argument. , default:THREE.Vector3(1.0, 1.0, 1.0) */\n fluid_color?: ((velocity: THREE.Vector2) => THREE.Vector3) | THREE.Vector3;\n};\n\nexport type FluidObject = {\n scene: THREE.Scene;\n materials: FluidMaterials;\n camera: THREE.Camera;\n renderTarget: {\n velocity: DoubleRenderTarget;\n density: DoubleRenderTarget;\n curl: THREE.WebGLRenderTarget;\n divergence: THREE.WebGLRenderTarget;\n pressure: DoubleRenderTarget;\n };\n};\n\nexport const FLUID_PARAMS: FluidParams = {\n density_dissipation: 0.98,\n velocity_dissipation: 0.99,\n velocity_acceleration: 10.0,\n pressure_dissipation: 0.9,\n pressure_iterations: 20,\n curl_strength: 35,\n splat_radius: 0.002,\n fluid_color: new THREE.Vector3(1.0, 1.0, 1.0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFluid = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const [materials, setMeshMaterial] = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n }),\n [scene, camera, size]\n );\n const [velocityFBO, updateVelocityFBO] = useDoubleFBO(fboProps);\n const [densityFBO, updateDensityFBO] = useDoubleFBO(fboProps);\n const [curlFBO, updateCurlFBO] = useSingleFBO(fboProps);\n const [divergenceFBO, updateDivergenceFBO] = useSingleFBO(fboProps);\n const [pressureFBO, updatePressureFBO] = useDoubleFBO(fboProps);\n\n const lastTime = useRef(0);\n const scaledDiffVec = useRef(new THREE.Vector2(0, 0));\n const spaltVec = useRef(new THREE.Vector3(0, 0, 0));\n\n const [params, setParams] = useParams(FLUID_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FluidParams) => {\n const { gl, pointer, clock, size } = props;\n\n updateParams && setParams(updateParams);\n\n if (lastTime.current === 0) {\n lastTime.current = clock.getElapsedTime();\n }\n const dt = Math.min(\n (clock.getElapsedTime() - lastTime.current) / 3,\n 0.02\n );\n lastTime.current = clock.getElapsedTime();\n\n // update velocity\n const velocityTex = updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", read);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(materials.advectionMaterial, \"dt\", dt);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.velocity_dissipation!\n );\n });\n\n // update density\n const densityTex = updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", velocityTex);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.density_dissipation!\n );\n });\n\n // update splatting\n const { currentPointer, diffPointer, isVelocityUpdate, velocity } =\n updatePointer(pointer);\n if (isVelocityUpdate) {\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n setUniform(materials.splatMaterial, \"point\", currentPointer);\n const scaledDiff = diffPointer.multiply(\n scaledDiffVec.current\n .set(size.width, size.height)\n .multiplyScalar(params.velocity_acceleration!)\n );\n setUniform(\n materials.splatMaterial,\n \"color\",\n spaltVec.current.set(scaledDiff.x, scaledDiff.y, 1.0)\n );\n setUniform(\n materials.splatMaterial,\n \"radius\",\n params.splat_radius!\n );\n });\n updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n const color: THREE.Vector3 =\n typeof params.fluid_color === \"function\"\n ? params.fluid_color(velocity)\n : params.fluid_color!;\n setUniform(materials.splatMaterial, \"color\", color);\n });\n }\n\n // update curl\n const curlTex = updateCurlFBO(gl, () => {\n setMeshMaterial(materials.curlMaterial);\n setUniform(materials.curlMaterial, \"uVelocity\", velocityTex);\n });\n\n // update vorticity\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.vorticityMaterial);\n setUniform(materials.vorticityMaterial, \"uVelocity\", read);\n setUniform(materials.vorticityMaterial, \"uCurl\", curlTex);\n setUniform(\n materials.vorticityMaterial,\n \"curl\",\n params.curl_strength!\n );\n setUniform(materials.vorticityMaterial, \"dt\", dt);\n });\n\n // update divergence\n const divergenceTex = updateDivergenceFBO(gl, () => {\n setMeshMaterial(materials.divergenceMaterial);\n setUniform(materials.divergenceMaterial, \"uVelocity\", velocityTex);\n });\n\n // update pressure\n updatePressureFBO(gl, ({ read }) => {\n setMeshMaterial(materials.clearMaterial);\n setUniform(materials.clearMaterial, \"uTexture\", read);\n setUniform(\n materials.clearMaterial,\n \"value\",\n params.pressure_dissipation!\n );\n });\n\n // solve pressure iterative (Gauss-Seidel)\n setMeshMaterial(materials.pressureMaterial);\n setUniform(materials.pressureMaterial, \"uDivergence\", divergenceTex);\n let pressureTexTemp: THREE.Texture;\n for (let i = 0; i < params.pressure_iterations!; i++) {\n pressureTexTemp = updatePressureFBO(gl, ({ read }) => {\n setUniform(materials.pressureMaterial, \"uPressure\", read);\n });\n }\n\n // update gradienSubtract\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.gradientSubtractMaterial);\n setUniform(\n materials.gradientSubtractMaterial,\n \"uPressure\",\n pressureTexTemp\n );\n setUniform(materials.gradientSubtractMaterial, \"uVelocity\", read);\n });\n\n return densityTex;\n },\n [\n materials,\n setMeshMaterial,\n updateCurlFBO,\n updateDensityFBO,\n updateDivergenceFBO,\n updatePointer,\n updatePressureFBO,\n updateVelocityFBO,\n setParams,\n params,\n ]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n materials: materials,\n camera: camera,\n renderTarget: {\n velocity: velocityFBO,\n density: densityFBO,\n curl: curlFBO,\n divergence: divergenceFBO,\n pressure: pressureFBO,\n },\n },\n ];\n};\n","import { useEffect, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\n\ntype UseMeshProps = {\n scale: number;\n max: number;\n texture?: THREE.Texture;\n scene: THREE.Scene;\n};\n\nexport const useMesh = ({ scale, max, texture, scene }: UseMeshProps) => {\n const meshArr = useRef([]);\n const geometry = useMemo(\n () => new THREE.PlaneGeometry(scale, scale),\n [scale]\n );\n const material = useMemo(\n () =>\n new THREE.MeshBasicMaterial({\n map: texture ?? null,\n transparent: true,\n blending: THREE.AdditiveBlending,\n depthTest: false,\n depthWrite: false,\n }),\n [texture]\n );\n\n useEffect(() => {\n for (let i = 0; i < max; i++) {\n const mesh = new THREE.Mesh(geometry.clone(), material.clone());\n mesh.rotateZ(2 * Math.PI * Math.random());\n mesh.visible = false;\n scene.add(mesh);\n meshArr.current.push(mesh);\n }\n }, [geometry, material, scene, max]);\n\n useEffect(() => {\n return () => {\n meshArr.current.forEach((mesh) => {\n mesh.geometry.dispose();\n if (Array.isArray(mesh.material)) {\n mesh.material.forEach((material) => material.dispose());\n } else {\n mesh.material.dispose();\n }\n scene.remove(mesh);\n });\n meshArr.current = [];\n };\n }, [scene]);\n\n return meshArr.current;\n};\n","import { useCallback, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type RippleParams = {\n /** How often ripples appear,default:0.01 */\n frequency?: number;\n /** rotation rate,default:0.05 */\n rotation?: number;\n /** fadeout speed,default:0.9 */\n fadeout_speed?: number;\n /** scale rate,default:0.3 */\n scale?: number;\n /** alpha,default:0.6 */\n alpha?: number;\n};\n\nexport type RippleObject = {\n scene: THREE.Scene;\n meshArr: THREE.Mesh[];\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const RIPPLE_PARAMS: RippleParams = {\n frequency: 0.01,\n rotation: 0.05,\n fadeout_speed: 0.9,\n scale: 0.3,\n alpha: 0.6,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useRipple = ({\n texture,\n scale = 64,\n max = 100,\n size,\n}: {\n /** texture applied to ripple */\n texture: THREE.Texture;\n /** ripple size, default:64 */\n scale?: number;\n /** ripple max length, default:100 */\n max?: number;\n size: Size;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const meshArr = useMesh({\n scale: scale,\n max: max,\n texture,\n scene,\n });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n });\n\n const [params, setParams] = useParams(RIPPLE_PARAMS);\n\n const currentWave = useRef(0);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: RippleParams) => {\n const { gl, pointer, size } = props;\n\n updateParams && setParams(updateParams);\n\n const { currentPointer, diffPointer } = updatePointer(pointer);\n if (params.frequency! < diffPointer.length()) {\n const mesh = meshArr[currentWave.current];\n mesh.visible = true;\n mesh.position.set(\n currentPointer.x * (size.width / 2),\n currentPointer.y * (size.height / 2),\n 0\n );\n mesh.scale.x = mesh.scale.y = 0.0;\n (mesh.material as THREE.MeshBasicMaterial).opacity = params.alpha!;\n currentWave.current = (currentWave.current + 1) % max;\n }\n meshArr.forEach((mesh) => {\n if (mesh.visible) {\n const material = mesh.material as THREE.MeshBasicMaterial;\n mesh.rotation.z += params.rotation!;\n material.opacity *= params.fadeout_speed!;\n mesh.scale.x =\n params.fadeout_speed! * mesh.scale.x + params.scale!;\n mesh.scale.y = mesh.scale.x;\n if (material.opacity < 0.002) mesh.visible = false;\n }\n });\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, meshArr, updatePointer, max, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n meshArr: meshArr,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform vec2 uTextureResolution;\nuniform sampler2D uTexture0;\nuniform sampler2D uTexture1;\nuniform sampler2D uMap;\nuniform float mapIntensity;\nuniform float edgeIntensity;\nuniform float progress;\nuniform float dirX;\nuniform float dirY;\nuniform vec2 epicenter;\nuniform float padding;\n\nbool isInPaddingArea(vec2 uv) {\n return uv.x < padding || uv.x > 1.0 - padding || uv.y < padding || uv.y > 1.0 - padding;\n}\n\nvoid main() {\n\tvec2 bgRatio=vec2(\n\t\tmin((uResolution.x/uResolution.y)/(uTextureResolution.x/uTextureResolution.y),1.),\n\t\tmin((uResolution.y/uResolution.x)/(uTextureResolution.y/uTextureResolution.x),1.)\n\t);\n\tvec2 uv=vec2(\n\t\tvUv.x*bgRatio.x+(1.-bgRatio.x)*.5,\n\t\tvUv.y*bgRatio.y+(1.-bgRatio.y)*.5\n\t);\n\n\t// fx map\n\tvec2 map = texture2D(uMap, uv).rg;\n\tvec2 normalizedMap = map * 2.0 - 1.0;\n\n\t// multiply edge fx\n\tuv = uv * 2.0 - 1.0;\n\tuv *= map * distance(epicenter, uv) * edgeIntensity + 1.0;\n\tuv = (uv + 1.0) / 2.0;\n\n\t// padding\n\tif (isInPaddingArea(uv)) {\n\t\tgl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n\t\treturn;\n\t}\n\tvec2 paddedUV = uv * (1.0 - 2.0 * padding * -1.) + padding * -1.;\n\n\t// centered uv\n\tvec2 centeredUV = paddedUV - vec2(0.5);\n\n\t// multiply map fx\n\tcenteredUV *= normalizedMap * map * mapIntensity + 1.0;\n\n\t// texture 0\n\tfloat xOffsetTexture0 = 0.5 - dirX * progress;\n\tfloat yOffsetTexture0 = 0.5 - dirY * progress;\n\tvec2 samplePosTexture0 = vec2(xOffsetTexture0, yOffsetTexture0) + centeredUV;\n\n\t//texture 1\n\tfloat xOffsetTexture1 = 0.5 + dirX * (1.0 - progress);\n\tfloat yOffsetTexture1 = 0.5 + dirY * (1.0 - progress);\n\tvec2 samplePosTexture1 = vec2(xOffsetTexture1, yOffsetTexture1) + centeredUV;\n\n\tvec4 color0 = texture2D(uTexture0, samplePosTexture0);\n\tvec4 color1 = texture2D(uTexture1, samplePosTexture1);\n\n\tgl_FragColor = mix(color0, color1, progress);\n\n}","import { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class TransitionBgMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uResolution: { value: THREE.Vector2 };\n uTextureResolution: { value: THREE.Vector2 };\n uTexture0: { value: THREE.Texture };\n uTexture1: { value: THREE.Texture };\n padding: { value: number };\n uMap: { value: THREE.Texture };\n edgeIntensity: { value: number };\n mapIntensity: { value: number };\n epicenter: { value: THREE.Vector2 };\n progress: { value: number };\n dirX: { value: number };\n dirY: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uResolution: { value: new THREE.Vector2() },\n uTextureResolution: { value: new THREE.Vector2() },\n uTexture0: { value: new THREE.Texture() },\n uTexture1: { value: new THREE.Texture() },\n padding: { value: 0.0 },\n uMap: { value: new THREE.Texture() },\n edgeIntensity: { value: 0.0 },\n mapIntensity: { value: 0.0 },\n epicenter: { value: new THREE.Vector2(0.0, 0.0) },\n progress: { value: 0.0 },\n dirX: { value: 0.0 },\n dirY: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as TransitionBgMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FxTextureParams = {\n /** 1st texture , default:THREE.Texture() */\n texture0?: THREE.Texture;\n /** 2nd texture , default:THREE.Texture() */\n texture1?: THREE.Texture;\n /** background texture resolution , default:THREE.Vector2(0, 0) */\n textureResolution?: THREE.Vector2;\n /** add transparent padding, 0.0 ~ 1.0 , default:0.0 */\n padding?: number;\n /** The color map. The uv value is affected according to this rbg , default:THREE.Texture() */\n map?: THREE.Texture;\n /** intensity of map , default:0.0 */\n mapIntensity?: number;\n /** Intensity of effect on edges , default:0.0 */\n edgeIntensity?: number;\n /** epicenter of fx, -1 ~ 1 , default:vec2(0.0,0.0)*/\n epicenter?: THREE.Vector2;\n /** Switch value to switch between texture0 and texture1 */\n progress?: number;\n /** direction of transition , default: THREE.Vector2(0, 0) */\n dir?: THREE.Vector2;\n};\n\nexport type FxTextureObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FXTEXTURE_PARAMS: FxTextureParams = {\n texture0: new THREE.Texture(),\n texture1: new THREE.Texture(),\n textureResolution: new THREE.Vector2(0, 0),\n padding: 0.0,\n map: new THREE.Texture(),\n mapIntensity: 0.0,\n edgeIntensity: 0.0,\n epicenter: new THREE.Vector2(0, 0),\n progress: 0.0,\n dir: new THREE.Vector2(0, 0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFxTexture = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n dpr,\n size,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(FXTEXTURE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FxTextureParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture0\", params.texture0!);\n setUniform(material, \"uTexture1\", params.texture1!);\n setUniform(material, \"uTextureResolution\", params.textureResolution!);\n setUniform(material, \"padding\", params.padding!);\n setUniform(material, \"uMap\", params.map!);\n setUniform(material, \"mapIntensity\", params.mapIntensity!);\n setUniform(material, \"edgeIntensity\", params.edgeIntensity!);\n setUniform(material, \"epicenter\", params.epicenter!);\n setUniform(material, \"progress\", params.progress!);\n setUniform(material, \"dirX\", params.dir!.x);\n setUniform(material, \"dirY\", params.dir!.y);\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform float timeStrength;\nuniform int noiseOctaves;\nuniform int fbmOctaves;\n\nconst float per = 0.5;\nconst float PI = 3.14159265359;\n\nfloat interpolate(float a, float b, float x){\n float f = (1.0 - cos(x * PI)) * 0.5;\n return a * (1.0 - f) + b * f;\n}\n\nfloat rnd(vec2 p){\n\tvec3 p3 = fract(vec3(p.xyx) * .1995);\n\tp3 += dot(p3, p3.yzx + 11.28);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\n\nfloat irnd(vec2 p){\n\tvec2 i = floor(p);\n\tvec2 f = fract(p);\n\tvec4 v = vec4(rnd(vec2(i.x,i.y)),rnd(vec2(i.x + 1.0,i.y)),rnd(vec2(i.x,i.y + 1.0)),rnd(vec2(i.x + 1.0, i.y + 1.0)));\n\treturn interpolate(interpolate(v.x, v.y, f.x), interpolate(v.z, v.w, f.x), f.y);\n}\n\n// Based on The Book of Shaders\n// https://thebookofshaders.com/13/\nfloat noise(vec2 p, float time){\n\tfloat t = 0.0;\n\tfor(int i = 0; i < noiseOctaves; i++){\n\t\tfloat freq = pow(2.0, float(i));\n\t\tfloat amp = pow(per, float(noiseOctaves - i));\n\t\tt += irnd(vec2(p.y / freq + time, p.x / freq + time)) * amp;\n\t}\n\treturn t;\n}\n\nfloat fbm(vec2 x, float time) {\n\tfloat v = 0.0;\n\tfloat a = 0.5;\n\tvec2 shift = vec2(100);\n\tmat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));\n\tfloat sign = 1.0;\n\tfor (int i = 0; i < fbmOctaves; ++i) {\n\t\tv += a * noise(x, time * sign);\n\t\tx = rot * x * 2.0 + shift;\n\t\ta *= 0.5;\n\t\tsign *= -1.0;\n\t}\n\treturn v;\n}\n\nvoid main() {\n\tfloat noiseMap = fbm(gl_FragCoord.xy ,uTime * timeStrength);\n\tgl_FragColor = vec4(noiseMap,noiseMap,noiseMap,1.0);\n}\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class NoiseMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n timeStrength: { value: number };\n noiseOctaves: { value: number };\n fbmOctaves: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n timeStrength: { value: 0.0 },\n noiseOctaves: { value: 0 },\n fbmOctaves: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as NoiseMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type NoiseParams = {\n /** time factor default:0.3 */\n timeStrength?: number;\n /** noiseOctaves, affects performance default:8 */\n noiseOctaves?: number;\n /** fbmOctaves, affects performance default:3 */\n fbmOctaves?: number;\n};\n\nexport type NoiseObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const NOISE_PARAMS: NoiseParams = {\n timeStrength: 0.3,\n noiseOctaves: 8,\n fbmOctaves: 3,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useNoise = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(NOISE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: NoiseParams) => {\n const { gl, clock } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"timeStrength\", params.timeStrength!);\n setUniform(material, \"noiseOctaves\", params.noiseOctaves!);\n setUniform(material, \"fbmOctaves\", params.fbmOctaves!);\n\n setUniform(material, \"uTime\", clock.getElapsedTime());\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import { DomSyncerParams } from \"..\";\n\nexport const errorHandler = (params: DomSyncerParams) => {\n const domLength = params.dom?.length;\n const textureLength = params.texture?.length;\n const resolutionLength = params.resolution?.length;\n\n if (!domLength || !textureLength || !resolutionLength) {\n throw new Error(\"No dom or texture or resolution is set\");\n }\n\n if (domLength !== textureLength || domLength !== resolutionLength) {\n throw new Error(\"Match dom, texture and resolution length\");\n }\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D u_texture;\nuniform vec2 u_textureResolution;\nuniform vec2 u_resolution;\nuniform float u_borderRadius;\n\nvoid main() {\n\t// texuture color\n\tvec2 ratio = vec2(\n\t\tmin((u_resolution.x / u_resolution.y) / (u_textureResolution.x / u_textureResolution.y), 1.0),\n\t\tmin((u_resolution.y / u_resolution.x) / (u_textureResolution.y / u_textureResolution.x), 1.0)\n\t);\n\tvec2 adjustedUv = vUv * ratio + (1.0 - ratio) * 0.5;\n\tvec3 textureColor = texture2D(u_texture, adjustedUv).rgb;\n\tfloat textureAlpha = texture2D(u_texture, adjustedUv).a;\n\n\t// Based on https://mofu-dev.com/en/blog/three-dom-alignment/\n\tfloat maxSide = max(u_resolution.x, u_resolution.y);\n\tfloat minSide = min(u_resolution.x, u_resolution.y);\n\tvec2 aspect = u_resolution / maxSide;\n\tvec2 alphaUv = vUv - 0.5;\n\n\tfloat borderRadius = min(u_borderRadius, minSide * 0.5);\n\tvec2 offset = vec2(borderRadius) / u_resolution;\n\tvec2 alphaXY = smoothstep(vec2(0.5 - offset), vec2(0.5 - offset - 0.001), abs(alphaUv));\n\tfloat alpha = min(1.0, alphaXY.x + alphaXY.y);\n\n\tvec2 alphaUv2 = abs(vUv - 0.5);\n\tfloat radius = borderRadius / maxSide;\n\talphaUv2 = (alphaUv2 - 0.5) * aspect + radius;\n\tfloat roundAlpha = smoothstep(radius + 0.001, radius, length(alphaUv2));\n\n\talpha = min(1.0, alpha + roundAlpha);\n\n\t// multiply texture alpha\n\talpha *= textureAlpha;\n\n\tgl_FragColor = vec4(textureColor, alpha);\n}\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport vertexShader from \"../shader/main.vert\";\nimport fragmentShader from \"../shader/main.frag\";\n\nexport class DomSyncerMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n u_texture: { value: THREE.Texture };\n u_textureResolution: { value: THREE.Vector2 };\n u_resolution: { value: THREE.Vector2 };\n u_borderRadius: { value: number };\n };\n}\n\nexport const createMesh = ({\n params,\n size,\n scene,\n}: {\n params: DomSyncerParams;\n size: Size;\n scene: THREE.Scene;\n}) => {\n if (scene.children.length > 0) {\n scene.children.forEach((child) => {\n if (child instanceof THREE.Mesh) {\n child.geometry.dispose();\n child.material.dispose();\n }\n });\n scene.remove(...scene.children);\n }\n\n params.texture!.forEach((texture, i) => {\n const mesh = new THREE.Mesh(\n new THREE.PlaneGeometry(1, 1),\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n transparent: true,\n uniforms: {\n u_texture: { value: texture },\n u_textureResolution: { value: new THREE.Vector2(0, 0) },\n u_resolution: { value: new THREE.Vector2(0, 0) },\n u_borderRadius: {\n value: params.boderRadius![i] ? params.boderRadius![i] : 0.0,\n },\n },\n })\n );\n scene.add(mesh);\n });\n};\n","import { useCallback, useRef } from \"react\";\nimport { DomSyncerParams } from \"..\";\n\nexport const useIntersectionHandler = () => {\n const intersectionObserverRef = useRef([]);\n const intersectionDomRef = useRef<(HTMLElement | Element | null)[]>([]);\n\n const intersectionHandler = useCallback(\n ({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n }: {\n isIntersectingRef: React.MutableRefObject;\n isIntersectingOnceRef: React.MutableRefObject;\n params: DomSyncerParams;\n }) => {\n if (intersectionObserverRef.current.length > 0) {\n intersectionObserverRef.current.forEach((observer, i) => {\n observer.unobserve(intersectionDomRef.current[i]!);\n });\n }\n\n intersectionDomRef.current = [];\n intersectionObserverRef.current = [];\n\n const newArr = new Array(params.dom!.length).fill(false);\n isIntersectingRef.current = [...newArr];\n isIntersectingOnceRef.current = [...newArr];\n\n params.dom!.forEach((dom, i) => {\n const callback = (entries: IntersectionObserverEntry[]) => {\n entries.forEach((entry) => {\n params.onIntersect![i] && params.onIntersect![i](entry);\n // Update the judgment after execution so that the judgment of isIntersectin can be used when executing onIntersect\n isIntersectingRef.current[i] = entry.isIntersecting;\n });\n };\n const observer = new IntersectionObserver(callback, {\n rootMargin: \"0px\",\n threshold: 0,\n });\n observer.observe(dom!);\n intersectionObserverRef.current.push(observer);\n intersectionDomRef.current.push(dom!);\n });\n },\n []\n );\n\n return intersectionHandler;\n};\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport { setUniform } from \"../../../utils/setUniforms\";\nimport { DomSyncerMaterial } from \"./createMesh\";\n\nexport const updateRect = ({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n}: {\n params: DomSyncerParams;\n size: Size;\n resolutionRef: React.MutableRefObject;\n scene: THREE.Scene;\n isIntersectingRef: React.MutableRefObject;\n}) => {\n scene.children.forEach((mesh, i) => {\n const domElement = params.dom![i];\n if (!domElement) {\n throw new Error(\"DOM is null.\");\n }\n if (isIntersectingRef.current[i]) {\n const rect = domElement.getBoundingClientRect();\n mesh.scale.set(rect.width, rect.height, 1.0);\n mesh.position.set(\n rect.left + rect.width * 0.5 - size.width * 0.5,\n -rect.top - rect.height * 0.5 + size.height * 0.5,\n 0.0\n );\n if (mesh instanceof THREE.Mesh) {\n const material: DomSyncerMaterial = mesh.material;\n setUniform(material, \"u_texture\", params.texture![i]);\n setUniform(material, \"u_textureResolution\", params.resolution![i]);\n setUniform(\n material,\n \"u_resolution\",\n resolutionRef.current.set(rect.width, rect.height)\n );\n setUniform(\n material,\n \"u_borderRadius\",\n params.boderRadius![i] ? params.boderRadius![i] : 0.0\n );\n }\n }\n });\n};\n","import { useCallback, useRef } from \"react\";\n\nexport type IsIntersecting = (\n index: number,\n once?: boolean\n) => boolean[] | boolean;\n\nexport const useIsIntersecting = () => {\n const isIntersectingRef = useRef([]);\n const isIntersectingOnceRef = useRef([]);\n\n const isIntersecting: IsIntersecting = useCallback((index, once = false) => {\n isIntersectingRef.current.forEach((value, i) => {\n if (value) {\n isIntersectingOnceRef.current[i] = true;\n }\n });\n const temp = once\n ? [...isIntersectingOnceRef.current]\n : [...isIntersectingRef.current];\n return index < 0 ? temp : temp[index];\n }, []);\n\n return {\n isIntersectingRef,\n isIntersectingOnceRef,\n isIntersecting,\n };\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { errorHandler } from \"./utils/errorHandler\";\nimport { createMesh } from \"./utils/createMesh\";\nimport { useIntersectionHandler } from \"./utils/useIntersectionHandler\";\nimport { updateRect } from \"./utils/updateRect\";\nimport { useIsIntersecting, IsIntersecting } from \"./utils/useIsIntersecting\";\n\nexport type DomSyncerParams = {\n /** DOM array you want to synchronize */\n dom?: (HTMLElement | Element | null)[];\n /** Texture array that you want to synchronize with the DOM rectangle */\n texture?: THREE.Texture[];\n /** Texture resolution array to pass */\n resolution?: THREE.Vector2[];\n /** default:0.0[] */\n boderRadius?: number[];\n /** Array of callback functions when crossed */\n onIntersect?: ((entry: IntersectionObserverEntry) => void)[];\n};\n\nexport type DomSyncerObject = {\n scene: THREE.Scene;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n /**\n * A function that returns a determination whether the DOM intersects or not.\n * The boolean will be updated after executing the onIntersect function.\n * @param index - Index of the dom for which you want to return an intersection decision. -1 will return the entire array.\n * @param once - If set to true, it will continue to return true once crossed.\n */\n isIntersecting: IsIntersecting;\n};\n\nexport const DOMSYNCER_PARAMS: DomSyncerParams = {\n texture: [],\n dom: [],\n resolution: [],\n boderRadius: [],\n onIntersect: [],\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDomSyncer = (\n {\n size,\n dpr,\n }: {\n size: Size;\n dpr: number;\n },\n dependencies: React.DependencyList = []\n): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n const [params, setParams] = useParams(DOMSYNCER_PARAMS);\n\n // Avoid instancing vec2 every frame\n const resolutionRef = useRef(new THREE.Vector2(0, 0));\n\n // Update monitored doms according to the dependency array\n const [refreshTrigger, setRefreshTrigger] = useState(true);\n useEffect(() => {\n setRefreshTrigger(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n\n const intersectionHandler = useIntersectionHandler();\n const { isIntersectingOnceRef, isIntersectingRef, isIntersecting } =\n useIsIntersecting();\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DomSyncerParams) => {\n const { gl, size } = props;\n\n updateParams && setParams(updateParams);\n\n errorHandler(params);\n\n if (refreshTrigger) {\n createMesh({\n params,\n size,\n scene,\n });\n\n intersectionHandler({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n });\n\n setRefreshTrigger(false);\n }\n\n updateRect({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n });\n\n return updateRenderTarget(gl);\n },\n [\n updateRenderTarget,\n setParams,\n intersectionHandler,\n refreshTrigger,\n scene,\n params,\n isIntersectingOnceRef,\n isIntersectingRef,\n ]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n renderTarget: renderTarget,\n isIntersecting: isIntersecting,\n },\n ];\n};\n","precision mediump float;\n\nvarying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision mediump float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 uResolution;\nuniform float uBlurSize;\n\nvoid main() {\n\tvec2 uv = vUv;\t\n\tvec2 perDivSize = uBlurSize / uResolution;\n\n\t// calc average color value from adjacent point\n\tvec4 outColor = vec4(\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, -1.0)) +\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 1.0))\n\t\t) / 9.0;\n\t\n\tgl_FragColor = outColor;\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\n\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class SampleMaterial extends THREE.ShaderMaterial {\n uniforms!: { \n uTexture: { value: THREE.Texture };\n uResolution: { value: THREE.Vector2 };\n uBlurSize: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0,0) },\n uBlurSize: { value: 1, }\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as SampleMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useMesh } from \"./useMesh\";\n\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\n\nimport type { HooksReturn } from \"../types\";\n\nexport type SimpleBlurParams = { \n /** Make this texture blur , Default:new THREE.Texture() */\n texture: THREE.Texture; \n /** blurSize, default:3 */\n blurSize: number,\n /** blurPower, affects performance default:5 */\n blurPower: number,\n};\n\nexport type SimpleBlurObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget\n};\n\nexport const SIMPLEBLUR_PARAMS: SimpleBlurParams = {\n texture: new THREE.Texture, \n blurSize: 3,\n blurPower: 5,\n};\n\nexport const useSimpleBlur = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n dpr,\n }),\n [scene, camera, size, dpr]\n ); \n const [renderTarget, updateRenderTarget] = useSingleFBO(fboProps);\n const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps); \n const [params, setParams] = useParams(SIMPLEBLUR_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: SimpleBlurParams) => {\n const {gl} = props;\n\n updateParams && setParams(updateParams); \n\n setUniform(material, \"uTexture\", params.texture) \n setUniform(material, \"uResolution\", [params.texture.source.data.width,params.texture.source.data.height]);\n setUniform(material, \"uBlurSize\", params.blurSize)\n \n let _tempTexture: THREE.Texture = updateTempTexture(gl); \n\n const iterations = params.blurPower;\n for(let i = 0; i < iterations; i++) {\n setUniform(material,\"uTexture\",_tempTexture);\n _tempTexture = updateTempTexture(gl);\n }\n\n const outPutTexture = updateRenderTarget(gl);\n \n return outPutTexture;\n },\n [updateRenderTarget, updateTempTexture, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform float uProgress;\nuniform float uStrength;\nuniform float uWidth;\nuniform vec2 uEpicenter;\nuniform int uMode;\n\nfloat PI = 3.141592653589;\n\nvoid main() {\n\tfloat progress = min(uProgress, 1.0);\n\tfloat progressFactor = sin(progress * PI);\n\n\tfloat border = progress - progress * progressFactor * uWidth;\n\tfloat blur = uStrength * progressFactor;\n\t\n\t// 0 ~ 1\n\tvec2 normalizeCenter = (uEpicenter + 1.0) / 2.0;\n\n\t// 0:center 1:horizontal 2:vertical\n\tfloat dist = uMode == 0 ? length(vUv - normalizeCenter) : uMode == 1 ? length(vUv.x - normalizeCenter.x) : length(vUv.y - normalizeCenter.y);\n\n\t// Calculate the maximum distance to the four corners of the screen\n\tfloat maxDistance = max(\n\t\tlength(vec2(0.0, 0.0) - normalizeCenter),\n\t\tmax(\n\t\t\t\tlength(vec2(1.0, 0.0) - normalizeCenter),\n\t\t\t\tmax(\n\t\t\t\t\tlength(vec2(0.0, 1.0) - normalizeCenter),\n\t\t\t\t\tlength(vec2(1.0, 1.0) - normalizeCenter)\n\t\t\t\t)\n\t\t)\n\t);\n\n\t// Scale distance so that waves extend to the edge of the screen\n\tdist = maxDistance > 0.0 ? dist / maxDistance : dist;\n\n\tvec3 color = vec3(smoothstep(border - blur, border, dist) -\n smoothstep(progress, progress + blur, dist));\n\t\n\t// Ensure color is 0 when progress is 0,1\n\tcolor *= progressFactor;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { useResolution } from \"../..\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class WaveMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uEpicenter: { value: THREE.Vector2 };\n uProgress: { value: number };\n uStrength: { value: number };\n uWidth: { value: number };\n uResolution: { value: THREE.Vector2 };\n uMode: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uEpicenter: { value: new THREE.Vector2(0.0, 0.0) },\n uProgress: { value: 0.0 },\n uStrength: { value: 0.0 },\n uWidth: { value: 0.0 },\n uResolution: { value: new THREE.Vector2() },\n uMode: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as WaveMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type WaveParams = {\n /** -1.0 ~ 1.0 , default:vec2(0.0,0.0) */\n epicenter?: THREE.Vector2;\n /** 0.0 ~ 1.0 , default:0.0 */\n progress?: number;\n /** default:0.0 */\n width?: number;\n /** default:0.0 */\n strength?: number;\n /** default:center */\n mode?: \"center\" | \"horizontal\" | \"vertical\";\n};\n\nexport type WaveObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const WAVE_PARAMS: WaveParams = {\n epicenter: new THREE.Vector2(0.0, 0.0),\n progress: 0.0,\n width: 0.0,\n strength: 0.0,\n mode: \"center\",\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useWave = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(WAVE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: WaveParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uEpicenter\", params.epicenter!);\n setUniform(material, \"uProgress\", params.progress!);\n setUniform(material, \"uWidth\", params.width!);\n setUniform(material, \"uStrength\", params.strength!);\n setUniform(\n material,\n \"uMode\",\n params.mode! === \"center\"\n ? 0\n : params.mode! === \"horizontal\"\n ? 1\n : 2\n );\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n"],"names":["main_default","useResolution","size","dpr","_width","_height","useMemo","THREE","useAddMesh","scene","geometry","material","mesh","useEffect","setUniform","key","value","useMesh","vertexShader","fragmentShader","resolution","getCameraProps","width","height","frustumSize","aspect","w","h","useCamera","near","far","FBO_OPTION","useSingleFBO","camera","isSizeUpdate","renderTarget","useRef","useLayoutEffect","_a","currentRenderTarget","updateRenderTarget","useCallback","gl","onBeforeRender","fbo","useDoubleFBO","temp","initRenderTargets","read","write","_b","usePointer","prevPointer","diffPointer","lastUpdateTime","velocity","isMoved","currentPointer","now","current","deltaTime","isUpdate","prevTemp","useParams","params","isContainsFunctions","obj","paramsRef","setParams","updateParams","paramKey","BRUSH_PARAMS","useBrush","updatePointer","props","pointer","DUOTONE_PARAMS","useDuoTone","FOGPROJECTION_PARAMS","useFogProjection","clock","init_default","useInitialMaterial","advection_default","useAdvectionMaterial","divergence_default","useDivergenceMaterial","pressure_default","usePressureMaterial","curl_default","useCurlMaterial","vorticity_default","useVorticityMaterial","clear_default","useClearMaterial","gradientSubtract_default","useGradientSubtractMaterial","splat_default","useSplateMaterial","initialMaterial","updateMaterial","curlMaterial","vorticityMaterial","advectionMaterial","divergenceMaterial","pressureMaterial","clearMaterial","gradientSubtractMaterial","splatMaterial","materials","setMeshMaterial","FLUID_PARAMS","useFluid","fboProps","velocityFBO","updateVelocityFBO","densityFBO","updateDensityFBO","curlFBO","updateCurlFBO","divergenceFBO","updateDivergenceFBO","pressureFBO","updatePressureFBO","lastTime","scaledDiffVec","spaltVec","dt","velocityTex","densityTex","isVelocityUpdate","scaledDiff","color","curlTex","divergenceTex","pressureTexTemp","i","scale","max","texture","meshArr","RIPPLE_PARAMS","useRipple","currentWave","FXTEXTURE_PARAMS","useFxTexture","NOISE_PARAMS","useNoise","errorHandler","domLength","textureLength","resolutionLength","_c","createMesh","child","useIntersectionHandler","intersectionObserverRef","intersectionDomRef","isIntersectingRef","isIntersectingOnceRef","observer","newArr","dom","callback","entries","entry","updateRect","resolutionRef","domElement","rect","useIsIntersecting","isIntersecting","index","once","DOMSYNCER_PARAMS","useDomSyncer","dependencies","refreshTrigger","setRefreshTrigger","useState","intersectionHandler","SIMPLEBLUR_PARAMS","useSimpleBlur","tempTexture","updateTempTexture","_tempTexture","iterations","WAVE_PARAMS","useWave"],"mappings":"0kBAAA,IAAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCOa,MAAAC,EAAgB,CAACC,EAAYC,EAAsB,KAAU,CACvE,MAAMC,EAASD,EAAMD,EAAK,MAAQC,EAAMD,EAAK,MACvCG,EAAUF,EAAMD,EAAK,OAASC,EAAMD,EAAK,OAKxC,OAJYI,EAAA,QAChB,IAAM,IAAIC,EAAM,QAAQH,EAAQC,CAAO,EACvC,CAACD,EAAQC,CAAO,CAAA,CAGtB,ECXaG,EAAa,CACvBC,EACAC,EACAC,IACE,CACF,MAAMC,EAAON,EAAA,QACV,IAAM,IAAIC,EAAM,KAAKG,EAAUC,CAAQ,EACvC,CAACD,EAAUC,CAAQ,CAAA,EAGtBE,OAAAA,EAAAA,UAAU,IAAM,CACbJ,EAAM,IAAIG,CAAI,CAAA,EACd,CAACH,EAAOG,CAAI,CAAC,EAEhBC,EAAAA,UAAU,IACA,IAAM,CACVJ,EAAM,OAAOG,CAAI,EACjBF,EAAS,QAAQ,EACjBC,EAAS,QAAQ,CAAA,EAEpB,CAACF,EAAOC,EAAUC,EAAUC,CAAI,CAAC,EAE7BA,CACV,ECTaE,EAAa,CACvBH,EACAI,EACAC,IACE,CAECL,EAAS,UACTA,EAAS,SAASI,CAAG,GACrBC,IAAU,QACVA,IAAU,KAEDL,EAAA,SAASI,CAAG,EAAE,MAAQC,EAEvB,QAAA,MACL,gBAAgB,OACbD,CACF,CAAA,yCAAyC,OACvCA,CACF,CAAA,uBAAA,CAGV,ECZaE,GAAU,CAAC,CACrB,MAAAR,EACA,KAAAP,EACA,IAAAC,CACH,IAIM,CACG,MAAAO,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,KAAM,CAAE,MAAO,IAAIA,EAAM,OAAU,EACnC,YAAa,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAAE,EAC9C,QAAS,CAAE,MAAO,CAAI,EACtB,SAAU,CAAE,MAAO,IAAIA,EAAM,OAAU,EACvC,QAAS,CAAE,MAAO,CAAI,EACtB,QAAS,CAAE,MAAO,CAAI,EACtB,aAAc,CAAE,MAAO,CAAI,EAC3B,YAAa,CAAE,MAAO,CAAI,EAC1B,cAAe,CAAE,MAAO,CAAE,EAC1B,OAAQ,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAAE,EACzC,WAAY,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAAE,EAC7C,UAAW,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAAE,EAC5C,OAAQ,CAAE,MAAO,IAAIA,EAAM,MAAM,QAAQ,CAAE,CAC9C,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAGEC,EAAanB,EAAcC,EAAMC,CAAG,EAC1CU,OAAAA,EAAAA,UAAU,IAAM,CACbC,EAAWH,EAAU,UAAWS,EAAW,MAAQA,EAAW,MAAM,EACpEN,EAAWH,EAAU,cAAeS,EAAW,MAAO,CAAA,CAAA,EACtD,CAACA,EAAYT,CAAQ,CAAC,EAEdH,EAAAC,EAAOC,EAAUC,CAAQ,EAE7BA,CACV,ECjEMU,GAAiB,CAACC,EAAeC,IAAmB,CACvD,MAAMC,EAAcD,EACdE,EAASH,EAAQC,EACjB,CAACG,EAAGC,CAAC,EAAI,CAAEH,EAAcC,EAAU,EAAGD,EAAc,CAAC,EACpD,MAAA,CAAE,MAAOE,EAAG,OAAQC,EAAG,KAAM,KAAO,IAAK,IACnD,EAEaC,EAAa1B,GAAe,CAChC,MAAAkB,EAAanB,EAAcC,CAAI,EAC/B,CAAE,MAAAoB,EAAO,OAAAC,EAAQ,KAAAM,EAAM,IAAAC,CAAQ,EAAAT,GAClCD,EAAW,EACXA,EAAW,CAAA,EAcP,OAZQd,EAAA,QACZ,IACG,IAAIC,EAAM,mBACP,CAACe,EACDA,EACAC,EACA,CAACA,EACDM,EACAC,CACH,EACH,CAACR,EAAOC,EAAQM,EAAMC,CAAG,CAAA,CAG/B,ECpBaC,EAAa,CACvB,UAAWxB,EAAM,aACjB,UAAWA,EAAM,aACjB,KAAMA,EAAM,cACZ,YAAa,GACb,cAAe,EAClB,EAeayB,EAAe,CAAC,CAC1B,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,EAAM,GACN,aAAA+B,EAAe,EAClB,IAAuC,CACpC,MAAMC,EAAeC,EAAAA,SAEfhB,EAAanB,EAAcC,EAAMC,CAAG,EAC1CgC,EAAa,QAAU7B,EAAA,QACpB,IAAM,IAAIC,EAAM,kBAAkBa,EAAW,EAAGA,EAAW,EAAGW,CAAU,EAExE,CAAC,CAAA,EAGJM,EAAAA,gBAAgB,IAAM,OACfH,KACDI,EAAAH,EAAa,UAAb,MAAAG,EAAsB,QAAQlB,EAAW,EAAGA,EAAW,GAC1D,EACA,CAACA,EAAYc,CAAY,CAAC,EAE7BrB,EAAAA,UAAU,IAAM,CACb,MAAM0B,EAAsBJ,EAAa,QACzC,MAAO,IAAM,CACVI,GAAA,MAAAA,EAAqB,SAAQ,CAEnC,EAAG,CAAE,CAAA,EAEL,MAAMC,EAAwCC,EAAA,YAC3C,CAACC,EAAIC,IAAmB,CACrB,MAAMC,EAAMT,EAAa,QACzB,OAAAO,EAAG,gBAAgBE,CAAG,EACtBD,GAAkBA,EAAe,CAAE,KAAMC,EAAI,OAAS,CAAA,EACnDF,EAAA,OAAOjC,EAAOwB,CAAM,EACvBS,EAAG,gBAAgB,IAAI,EACvBA,EAAG,MAAM,EACFE,EAAI,OACd,EACA,CAACnC,EAAOwB,CAAM,CAAA,EAGV,MAAA,CAACE,EAAa,QAASK,CAAkB,CACnD,ECrCaK,EAAe,CAAC,CAC1B,MAAApC,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,EAAM,GACN,aAAA+B,EAAe,EAClB,IAAuC,CACpC,MAAMC,EAAeC,EAAAA,OAAqB,CACvC,KAAM,KACN,MAAO,KACP,KAAM,UAAY,CACf,IAAIU,EAAO,KAAK,KAChB,KAAK,KAAO,KAAK,MACjB,KAAK,MAAQA,CAChB,CAAA,CACF,EAEK1B,EAAanB,EAAcC,EAAMC,CAAG,EACpC4C,EAAoBzC,EAAAA,QAAQ,IAAM,CAC/B,MAAA0C,EAAO,IAAIzC,EAAM,kBACpBa,EAAW,EACXA,EAAW,EACXW,CAAA,EAEGkB,EAAQ,IAAI1C,EAAM,kBACrBa,EAAW,EACXA,EAAW,EACXW,CAAA,EAEI,MAAA,CAAE,KAAAiB,EAAM,MAAAC,EAElB,EAAG,CAAE,CAAA,EACQd,EAAA,QAAQ,KAAOY,EAAkB,KACjCZ,EAAA,QAAQ,MAAQY,EAAkB,MAE/CV,EAAAA,gBAAgB,IAAM,SACfH,KACDI,EAAAH,EAAa,QAAQ,OAArB,MAAAG,EAA2B,QAAQlB,EAAW,EAAGA,EAAW,IAC5D8B,EAAAf,EAAa,QAAQ,QAArB,MAAAe,EAA4B,QAAQ9B,EAAW,EAAGA,EAAW,GAChE,EACA,CAACA,EAAYc,CAAY,CAAC,EAE7BrB,EAAAA,UAAU,IAAM,CACb,MAAM0B,EAAsBJ,EAAa,QACzC,MAAO,IAAM,UACVG,EAAAC,EAAoB,OAApB,MAAAD,EAA0B,WAC1BY,EAAAX,EAAoB,QAApB,MAAAW,EAA2B,SAAQ,CAEzC,EAAG,CAAE,CAAA,EAEL,MAAMV,EAAwCC,EAAA,YAC3C,CAACC,EAAIC,IAAmB,OACrB,MAAMC,EAAMT,EAAa,QACtB,OAAAO,EAAA,gBAAgBE,EAAI,KAAK,EAC5BD,GACGA,EAAe,CACZ,KAAMC,EAAI,KAAM,QAChB,MAAOA,EAAI,MAAO,OAAA,CACpB,EACDF,EAAA,OAAOjC,EAAOwB,CAAM,EACvBW,EAAI,KAAK,EACTF,EAAG,gBAAgB,IAAI,EACvBA,EAAG,MAAM,GACFJ,EAAAM,EAAI,OAAJ,YAAAN,EAAU,OACpB,EACA,CAAC7B,EAAOwB,CAAM,CAAA,EAGV,MAAA,CACJ,CAAE,KAAME,EAAa,QAAQ,KAAM,MAAOA,EAAa,QAAQ,KAAM,EACrEK,CAAA,CAEN,EClGaW,EAAa,IAAqB,CAC5C,MAAMC,EAAchB,EAAAA,OAAO,IAAI7B,EAAM,QAAQ,EAAG,CAAC,CAAC,EAC5C8C,EAAcjB,EAAAA,OAAO,IAAI7B,EAAM,QAAQ,EAAG,CAAC,CAAC,EAC5C+C,EAAiBlB,SAAe,CAAC,EACjCmB,EAAWnB,EAAAA,OAAO,IAAI7B,EAAM,QAAQ,EAAG,CAAC,CAAC,EACzCiD,EAAUpB,SAAO,EAAK,EAqCrB,OAnCeK,cAAagB,GAAkC,CAC5D,MAAAC,EAAM,YAAY,MAClBC,EAAUF,EAAe,QAG3BH,EAAe,UAAY,IAC5BA,EAAe,QAAUI,EACzBN,EAAY,QAAUO,GAEzB,MAAMC,EAAY,KAAK,IAAI,EAAGF,EAAMJ,EAAe,OAAO,EAC1DA,EAAe,QAAUI,EAGhBH,EAAA,QACL,KAAKI,CAAO,EACZ,IAAIP,EAAY,OAAO,EACvB,aAAaQ,CAAS,EAC1B,MAAMC,EAAWN,EAAS,QAAQ,OAAA,EAAW,EAGvCO,EAAWN,EAAQ,QAAUJ,EAAY,QAAQ,MAAU,EAAAO,EAC7D,MAAA,CAACH,EAAQ,SAAWK,IACrBL,EAAQ,QAAU,IAErBJ,EAAY,QAAUO,EAEf,CACJ,eAAgBA,EAChB,YAAaG,EACb,YAAaT,EAAY,QAAQ,WAAWM,EAASG,CAAQ,EAC7D,SAAUP,EAAS,QACnB,iBAAkBM,CAAA,CAExB,EAAG,CAAE,CAAA,CAGR,EChDaE,EAA+BC,GAAkC,CAC3E,MAAMC,EAAuBC,GAC1B,OAAO,OAAOA,CAAG,EAAE,KAAMlD,GAAU,OAAOA,GAAU,UAAU,EAC3DmD,EAAY/B,EAAA,OACf6B,EAAoBD,CAAM,EAAIA,EAAS,gBAAgBA,CAAM,CAAA,EAG1DI,EAAY3B,cAAa4B,GAA6B,CACzD,UAAWtD,KAAOsD,EAAc,CAC7B,MAAMC,EAAWvD,EAEduD,KAAYH,EAAU,SACtBE,EAAaC,CAAQ,IAAM,QAC3BD,EAAaC,CAAQ,IAAM,KAE3BH,EAAU,QAAQG,CAAQ,EAAID,EAAaC,CAAQ,EAE3C,QAAA,MACL,IAAI,OACDA,CACF,CAAA,uCAAuC,OACrCA,CACF,CAAA,uBAAA,CAGV,CACH,EAAG,CAAE,CAAA,EACE,MAAA,CAACH,EAAU,QAASC,CAAS,CACvC,ECCaG,EAA4B,CACtC,QAAS,IAAIhE,EAAM,QACnB,OAAQ,IACR,OAAQ,EACR,YAAa,EACb,WAAY,EACZ,aAAc,EACd,MAAO,IAAIA,EAAM,MAAM,QAAQ,CAClC,EAKaiE,GAAW,CAAC,CACtB,KAAAtE,EACA,IAAAC,CACH,IAG6C,CACpC,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQ,CAAE,MAAAR,EAAO,KAAAP,EAAM,IAAAC,EAAK,EACvC8B,EAASL,EAAU1B,CAAI,EACvBuE,EAAgBtB,IAChB,CAAChB,EAAcK,CAAkB,EAAIK,EAAa,CACrD,MAAApC,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,CAAA,CACF,EAEK,CAAC6D,EAAQI,CAAS,EAAIL,EAAuBQ,CAAY,EA+BxD,MAAA,CA7BU9B,EAAA,YACd,CAACiC,EAAkBL,IAA+B,CACzC,KAAA,CAAE,GAAA3B,EAAI,QAAAiC,CAAY,EAAAD,EAExBL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,WAAYqD,EAAO,OAAQ,EACrClD,EAAAH,EAAU,UAAWqD,EAAO,MAAO,EACnClD,EAAAH,EAAU,UAAWqD,EAAO,MAAO,EACnClD,EAAAH,EAAU,eAAgBqD,EAAO,WAAY,EAC7ClD,EAAAH,EAAU,cAAeqD,EAAO,UAAW,EAC3ClD,EAAAH,EAAU,gBAAiBqD,EAAO,YAAa,EAC/ClD,EAAAH,EAAU,SAAUqD,EAAO,KAAM,EAE5C,KAAM,CAAE,eAAAP,EAAgB,YAAAL,EAAa,SAAAG,CAAS,EAC3CkB,EAAcE,CAAO,EACb,OAAA7D,EAAAH,EAAU,SAAU8C,CAAc,EAClC3C,EAAAH,EAAU,aAAcyC,CAAW,EACnCtC,EAAAH,EAAU,YAAa4C,CAAQ,EAEpBf,EAAmBE,EAAI,CAAC,CAAE,KAAAM,KAAW,CAC7ClC,EAAAH,EAAU,OAAQqC,CAAI,CAAA,CACnC,CAGJ,EACA,CAACrC,EAAU8D,EAAejC,EAAoBwB,EAAQI,CAAS,CAAA,EAK/DA,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,EC5GA,IAAAnC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCca,MAAAiB,GAAWR,GAAuB,CACtC,MAAAC,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,SAAU,CAAE,MAAO,IAAIA,EAAM,OAAU,EACvC,QAAS,CAAE,MAAO,IAAIA,EAAM,MAAM,QAAQ,CAAE,EAC5C,QAAS,CAAE,MAAO,IAAIA,EAAM,MAAM,CAAQ,CAAE,CAC/C,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAEO,OAAAX,EAAAC,EAAOC,EAAUC,CAAQ,EAC7BA,CACV,ECLaiE,EAAgC,CAC1C,QAAS,IAAIrE,EAAM,QACnB,OAAQ,IAAIA,EAAM,MAAM,QAAQ,EAChC,OAAQ,IAAIA,EAAM,MAAM,CAAQ,CACnC,EAKasE,GAAa,CAAC,CACxB,KAAA3E,EACA,IAAAC,CACH,IAGiD,CACxC,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQR,CAAK,EACxBwB,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,CAAA,CACF,EAEK,CAAC6D,EAAQI,CAAS,EAAIL,EAAyBa,CAAc,EAmB5D,MAAA,CAjBUnC,EAAA,YACd,CAACiC,EAAkBL,IAAiC,CAC3C,KAAA,CAAE,GAAA3B,CAAO,EAAAgC,EAEf,OAAAL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,WAAYqD,EAAO,OAAQ,EACrClD,EAAAH,EAAU,UAAWqD,EAAO,MAAO,EACnClD,EAAAH,EAAU,UAAWqD,EAAO,MAAO,EAExBxB,EAAmBE,CAAE,CAG9C,EACA,CAACF,EAAoB7B,EAAUyD,EAAWJ,CAAM,CAAA,EAKhDI,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,ECjFA,IAAAnC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCkBa,MAAAiB,GAAWR,GAAuB,CACtC,MAAAC,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,MAAO,CAAE,MAAO,CAAI,EACpB,SAAU,CAAE,MAAO,IAAIA,EAAM,OAAU,EACvC,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,mBAAoB,CAAE,MAAO,CAAI,EACjC,SAAU,CAAE,MAAO,CAAI,EACvB,SAAU,CAAE,MAAO,EAAI,EACvB,SAAU,CAAE,MAAO,IAAIA,EAAM,MAAM,QAAQ,CAAE,CAChD,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAEO,OAAAX,EAAAC,EAAOC,EAAUC,CAAQ,EAC7BA,CACV,ECPamE,EAA4C,CACtD,QAAS,IAAIvE,EAAM,QACnB,SAAU,IAAIA,EAAM,QACpB,mBAAoB,IACpB,SAAU,EACV,SAAU,GACV,SAAU,IAAIA,EAAM,MAAM,QAAQ,CACrC,EAKawE,GAAmB,CAAC,CAC9B,KAAA7E,EACA,IAAAC,CACH,IAG6D,CACpD,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQR,CAAK,EACxBwB,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,CAAA,CACF,EAEK,CAAC6D,EAAQI,CAAS,EACrBL,EAA+Be,CAAoB,EAmB/C,MAAA,CAjBUrC,EAAA,YACd,CAACiC,EAAkBL,IAAuC,CACjD,KAAA,CAAE,GAAA3B,EAAI,MAAAsC,CAAU,EAAAN,EACtB,OAAAL,GAAgBD,EAAUC,CAAY,EACtCvD,EAAWH,EAAU,QAASqE,EAAM,eAAgB,CAAA,EACzClE,EAAAH,EAAU,WAAYqD,EAAO,OAAQ,EACrClD,EAAAH,EAAU,YAAaqD,EAAO,QAAS,EACvClD,EAAAH,EAAU,qBAAsBqD,EAAO,kBAAmB,EAC1DlD,EAAAH,EAAU,WAAYqD,EAAO,QAAS,EACtClD,EAAAH,EAAU,WAAYqD,EAAO,QAAS,EACtClD,EAAAH,EAAU,WAAYqD,EAAO,QAAS,EAC3BxB,EAAmBE,CAAE,CAE9C,EACA,CAACF,EAAoB7B,EAAUyD,EAAWJ,CAAM,CAAA,EAKhDI,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,EC3FA,IAAAnC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAiF,GAAA;AAAA;AAAA;AAAA;AAAA,GCKO,MAAMC,GAAqB,IACP5E,EAAA,QACrB,IACG,IAAIC,EAAM,eAAe,CAAA,aACtBW,EAAA,eACAC,GACA,UAAW,GACX,WAAY,EAAA,CACd,EACJ,CAAC,CAAA,ECdP,IAAAgE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCeO,MAAMC,GAAuB,IACP9E,EAAA,QACvB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,QAAS,CAAE,MAAO,IAAIA,EAAM,OAAU,EACtC,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,GAAI,CAAE,MAAO,CAAI,EACjB,YAAa,CAAE,MAAO,CAAI,CAC7B,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EC7BP,IAAAkE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCYO,MAAMC,GAAwB,IACPhF,EAAA,QACxB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAK,EACzB,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECvBP,IAAAoE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCaO,MAAMC,GAAsB,IACPlF,EAAA,QACtB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAK,EACzB,YAAa,CAAE,MAAO,IAAK,EAC3B,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECzBP,IAAAsE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCYO,MAAMC,GAAkB,IACPpF,EAAA,QAClB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAK,EACzB,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECvBP,IAAAwE,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCeO,MAAMC,GAAuB,IACPtF,EAAA,QACvB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAK,EACzB,MAAO,CAAE,MAAO,IAAK,EACrB,KAAM,CAAE,MAAO,CAAE,EACjB,GAAI,CAAE,MAAO,CAAE,EACf,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EC7BP,IAAA0E,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCaO,MAAMC,GAAmB,IACHxF,EAAA,QACvB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,SAAU,CAAE,MAAO,IAAIA,EAAM,OAAU,EACvC,MAAO,CAAE,MAAO,CAAI,EACpB,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECzBP,IAAA4E,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCaO,MAAMC,GAA8B,IACP1F,EAAA,QAC9B,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECzBP,IAAA8E,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCgBO,MAAMC,GAAoB,IACR5F,EAAA,QACnB,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,QAAS,CAAE,MAAO,IAAIA,EAAM,OAAU,EACtC,YAAa,CAAE,MAAO,CAAE,EACxB,MAAO,CAAE,MAAO,IAAIA,EAAM,OAAU,EACpC,MAAO,CAAE,MAAO,IAAIA,EAAM,OAAU,EACpC,OAAQ,CAAE,MAAO,CAAI,EACrB,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,CAC3C,EAAA,aACAW,EAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,ECwBMF,GAAU,CAAC,CACrB,MAAAR,EACA,KAAAP,EACA,IAAAC,CACH,IAI0B,CACjB,MAAAO,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1D4F,EAAkBjB,KAClBkB,EAAiBD,EAAgB,QACjCE,EAAeX,KACfY,EAAoBV,KACpBW,EAAoBnB,KACpBoB,EAAqBlB,KACrBmB,EAAmBjB,KACnBkB,EAAgBZ,KAChBa,EAA2BX,KAC3BY,EAAgBV,KAChBW,EAAYvG,EAAA,QACf,KAAO,CACJ,kBAAAgG,EACA,aAAAD,EACA,kBAAAE,EACA,mBAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,yBAAAC,EACA,cAAAC,CAAA,GAEH,CACGN,EACAD,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,CACH,CAAA,EAGGxF,EAAanB,EAAcC,EAAMC,CAAG,EAC1CU,EAAAA,UAAU,IAAM,CACbC,EACG+F,EAAU,cACV,cACAzF,EAAW,EAAIA,EAAW,CAAA,EAE7B,UAAWT,KAAY,OAAO,OAAOkG,CAAS,EAC3C/F,EACGH,EACA,YACA,IAAIJ,EAAM,QAAQ,EAAMa,EAAW,EAAG,EAAMA,EAAW,CAAC,CAAA,CAE9D,EACA,CAACA,EAAYyF,CAAS,CAAC,EAE1B,MAAMjG,EAAOJ,EAAWC,EAAOC,EAAUyF,CAAe,EACxDtF,EAAAA,UAAU,IAAM,CACbsF,EAAgB,QAAQ,EACxBvF,EAAK,SAAWwF,CAChB,EAAA,CAACD,EAAiBvF,EAAMwF,CAAc,CAAC,EAE1CvF,EAAAA,UAAU,IACA,IAAM,CACV,UAAWF,KAAY,OAAO,OAAOkG,CAAS,EAC3ClG,EAAS,QAAQ,CACpB,EAEH,CAACkG,CAAS,CAAC,EAEd,MAAMC,EAAkBrE,EAAA,YACpB9B,GAAyB,CACvBC,EAAK,SAAWD,EAChBC,EAAK,SAAS,YAAc,EAC/B,EACA,CAACA,CAAI,CAAA,EAGD,MAAA,CAACiG,EAAWC,CAAe,CACrC,EC5FaC,EAA4B,CACtC,oBAAqB,IACrB,qBAAsB,IACtB,sBAAuB,GACvB,qBAAsB,GACtB,oBAAqB,GACrB,cAAe,GACf,aAAc,KACd,YAAa,IAAIxG,EAAM,QAAQ,EAAK,EAAK,CAAG,CAC/C,EAKayG,GAAW,CAAC,CACtB,KAAA9G,EACA,IAAAC,CACH,IAG6C,CACpC,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3C,CAACsG,EAAWC,CAAe,EAAI7F,GAAQ,CAAE,MAAAR,EAAO,KAAAP,EAAM,IAAAC,CAAA,CAAK,EAC3D8B,EAASL,EAAU1B,CAAI,EACvBuE,EAAgBtB,IAEhB8D,EAAW3G,EAAA,QACd,KAAO,CACJ,MAAAG,EACA,OAAAwB,EACA,KAAA/B,CAAA,GAEH,CAACO,EAAOwB,EAAQ/B,CAAI,CAAA,EAEjB,CAACgH,EAAaC,CAAiB,EAAItE,EAAaoE,CAAQ,EACxD,CAACG,EAAYC,CAAgB,EAAIxE,EAAaoE,CAAQ,EACtD,CAACK,EAASC,CAAa,EAAIvF,EAAaiF,CAAQ,EAChD,CAACO,EAAeC,CAAmB,EAAIzF,EAAaiF,CAAQ,EAC5D,CAACS,EAAaC,CAAiB,EAAI9E,EAAaoE,CAAQ,EAExDW,EAAWxF,SAAO,CAAC,EACnByF,EAAgBzF,EAAAA,OAAO,IAAI7B,EAAM,QAAQ,EAAG,CAAC,CAAC,EAC9CuH,EAAW1F,SAAO,IAAI7B,EAAM,QAAQ,EAAG,EAAG,CAAC,CAAC,EAE5C,CAACyD,EAAQI,CAAS,EAAIL,EAAuBgD,CAAY,EAqJxD,MAAA,CAnJUtE,EAAA,YACd,CAACiC,GAAkBL,IAA+B,CAC/C,KAAM,CAAE,GAAA3B,EAAI,QAAAiC,GAAS,MAAAK,EAAO,KAAA9E,EAAS,EAAAwE,GAErCL,GAAgBD,EAAUC,CAAY,EAElCuD,EAAS,UAAY,IACbA,EAAA,QAAU5C,EAAM,kBAE5B,MAAM+C,GAAK,KAAK,KACZ/C,EAAM,eAAA,EAAmB4C,EAAS,SAAW,EAC9C,GAAA,EAEMA,EAAA,QAAU5C,EAAM,iBAGzB,MAAMgD,EAAcb,EAAkBzE,EAAI,CAAC,CAAE,KAAAM,KAAW,CACrD8D,EAAgBD,EAAU,iBAAiB,EAChC/F,EAAA+F,EAAU,kBAAmB,YAAa7D,CAAI,EAC9ClC,EAAA+F,EAAU,kBAAmB,UAAW7D,CAAI,EAC5ClC,EAAA+F,EAAU,kBAAmB,KAAMkB,EAAE,EAChDjH,EACG+F,EAAU,kBACV,cACA7C,EAAO,oBAAA,CACV,CACF,EAGKiE,GAAaZ,EAAiB3E,EAAI,CAAC,CAAE,KAAAM,KAAW,CACnD8D,EAAgBD,EAAU,iBAAiB,EAChC/F,EAAA+F,EAAU,kBAAmB,YAAamB,CAAW,EACrDlH,EAAA+F,EAAU,kBAAmB,UAAW7D,CAAI,EACvDlC,EACG+F,EAAU,kBACV,cACA7C,EAAO,mBAAA,CACV,CACF,EAGK,CAAE,eAAAP,GAAgB,YAAAJ,GAAa,iBAAA6E,GAAkB,SAAA3E,IACpDkB,EAAcE,EAAO,EACpBuD,KACDf,EAAkBzE,EAAI,CAAC,CAAE,KAAAM,KAAW,CACjC8D,EAAgBD,EAAU,aAAa,EAC5B/F,EAAA+F,EAAU,cAAe,UAAW7D,CAAI,EACxClC,EAAA+F,EAAU,cAAe,QAASpD,EAAc,EAC3D,MAAM0E,EAAa9E,GAAY,SAC5BwE,EAAc,QACV,IAAI3H,GAAK,MAAOA,GAAK,MAAM,EAC3B,eAAe8D,EAAO,qBAAsB,CAAA,EAEnDlD,EACG+F,EAAU,cACV,QACAiB,EAAS,QAAQ,IAAIK,EAAW,EAAGA,EAAW,EAAG,CAAG,CAAA,EAEvDrH,EACG+F,EAAU,cACV,SACA7C,EAAO,YAAA,CACV,CACF,EACDqD,EAAiB3E,EAAI,CAAC,CAAE,KAAAM,KAAW,CAChC8D,EAAgBD,EAAU,aAAa,EAC5B/F,EAAA+F,EAAU,cAAe,UAAW7D,CAAI,EAC7C,MAAAoF,EACH,OAAOpE,EAAO,aAAgB,WACzBA,EAAO,YAAYT,EAAQ,EAC3BS,EAAO,YACJlD,EAAA+F,EAAU,cAAe,QAASuB,CAAK,CAAA,CACpD,GAIE,MAAAC,GAAUd,EAAc7E,EAAI,IAAM,CACrCoE,EAAgBD,EAAU,YAAY,EAC3B/F,EAAA+F,EAAU,aAAc,YAAamB,CAAW,CAAA,CAC7D,EAGDb,EAAkBzE,EAAI,CAAC,CAAE,KAAAM,KAAW,CACjC8D,EAAgBD,EAAU,iBAAiB,EAChC/F,EAAA+F,EAAU,kBAAmB,YAAa7D,CAAI,EAC9ClC,EAAA+F,EAAU,kBAAmB,QAASwB,EAAO,EACxDvH,EACG+F,EAAU,kBACV,OACA7C,EAAO,aAAA,EAEClD,EAAA+F,EAAU,kBAAmB,KAAMkB,EAAE,CAAA,CAClD,EAGK,MAAAO,GAAgBb,EAAoB/E,EAAI,IAAM,CACjDoE,EAAgBD,EAAU,kBAAkB,EACjC/F,EAAA+F,EAAU,mBAAoB,YAAamB,CAAW,CAAA,CACnE,EAGDL,EAAkBjF,EAAI,CAAC,CAAE,KAAAM,KAAW,CACjC8D,EAAgBD,EAAU,aAAa,EAC5B/F,EAAA+F,EAAU,cAAe,WAAY7D,CAAI,EACpDlC,EACG+F,EAAU,cACV,QACA7C,EAAO,oBAAA,CACV,CACF,EAGD8C,EAAgBD,EAAU,gBAAgB,EAC/B/F,EAAA+F,EAAU,iBAAkB,cAAeyB,EAAa,EAC/D,IAAAC,GACJ,QAASC,EAAI,EAAGA,EAAIxE,EAAO,oBAAsBwE,IAC9CD,GAAkBZ,EAAkBjF,EAAI,CAAC,CAAE,KAAAM,KAAW,CACxClC,EAAA+F,EAAU,iBAAkB,YAAa7D,CAAI,CAAA,CAC1D,EAIJ,OAAAmE,EAAkBzE,EAAI,CAAC,CAAE,KAAAM,KAAW,CACjC8D,EAAgBD,EAAU,wBAAwB,EAClD/F,EACG+F,EAAU,yBACV,YACA0B,EAAA,EAEQzH,EAAA+F,EAAU,yBAA0B,YAAa7D,CAAI,CAAA,CAClE,EAEMiF,EACV,EACA,CACGpB,EACAC,EACAS,EACAF,EACAI,EACAhD,EACAkD,EACAR,EACA/C,EACAJ,CACH,CAAA,EAIAI,EACA,CACG,MAAA3D,EACA,UAAAoG,EACA,OAAA5E,EACA,aAAc,CACX,SAAUiF,EACV,QAASE,EACT,KAAME,EACN,WAAYE,EACZ,SAAUE,CACb,CACH,CAAA,CAEN,ECpPazG,GAAU,CAAC,CAAE,MAAAwH,EAAO,IAAAC,EAAK,QAAAC,EAAS,MAAAlI,KAA0B,CAChE,MAAAmI,EAAUxG,SAAqB,CAAA,CAAE,EACjC1B,EAAWJ,EAAA,QACd,IAAM,IAAIC,EAAM,cAAckI,EAAOA,CAAK,EAC1C,CAACA,CAAK,CAAA,EAEH9H,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,kBAAkB,CACzB,IAAKoI,GAAW,KAChB,YAAa,GACb,SAAUpI,EAAM,iBAChB,UAAW,GACX,WAAY,EAAA,CACd,EACJ,CAACoI,CAAO,CAAA,EAGX9H,OAAAA,EAAAA,UAAU,IAAM,CACb,QAAS2H,EAAI,EAAGA,EAAIE,EAAKF,IAAK,CACrB,MAAA5H,EAAO,IAAIL,EAAM,KAAKG,EAAS,QAASC,EAAS,MAAA,CAAO,EAC9DC,EAAK,QAAQ,EAAI,KAAK,GAAK,KAAK,QAAQ,EACxCA,EAAK,QAAU,GACfH,EAAM,IAAIG,CAAI,EACNgI,EAAA,QAAQ,KAAKhI,CAAI,CAC5B,GACA,CAACF,EAAUC,EAAUF,EAAOiI,CAAG,CAAC,EAEnC7H,EAAAA,UAAU,IACA,IAAM,CACF+H,EAAA,QAAQ,QAAShI,GAAS,CAC/BA,EAAK,SAAS,UACV,MAAM,QAAQA,EAAK,QAAQ,EAC5BA,EAAK,SAAS,QAASD,GAAaA,EAAS,SAAS,EAEtDC,EAAK,SAAS,UAEjBH,EAAM,OAAOG,CAAI,CAAA,CACnB,EACDgI,EAAQ,QAAU,EAAC,EAEtB,CAACnI,CAAK,CAAC,EAEHmI,EAAQ,OAClB,ECxBaC,EAA8B,CACxC,UAAW,IACX,SAAU,IACV,cAAe,GACf,MAAO,GACP,MAAO,EACV,EAKaC,GAAY,CAAC,CACvB,QAAAH,EACA,MAAAF,EAAQ,GACR,IAAAC,EAAM,IACN,KAAAxI,CACH,IAQ+C,CACtC,MAAAO,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CqI,EAAU3H,GAAQ,CACrB,MAAAwH,EACA,IAAAC,EACA,QAAAC,EACA,MAAAlI,CAAA,CACF,EACKwB,EAASL,EAAU1B,CAAI,EACvBuE,EAAgBtB,IAChB,CAAChB,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,CAAA,CACF,EAEK,CAAC8D,EAAQI,CAAS,EAAIL,EAAwB8E,CAAa,EAE3DE,EAAc3G,SAAO,CAAC,EAsCrB,MAAA,CApCUK,EAAA,YACd,CAACiC,EAAkBL,IAAgC,CAChD,KAAM,CAAE,GAAA3B,EAAI,QAAAiC,EAAS,KAAAzE,GAASwE,EAE9BL,GAAgBD,EAAUC,CAAY,EAEtC,KAAM,CAAE,eAAAZ,EAAgB,YAAAJ,CAAY,EAAIoB,EAAcE,CAAO,EAC7D,GAAIX,EAAO,UAAaX,EAAY,OAAA,EAAU,CACrC,MAAAzC,EAAOgI,EAAQG,EAAY,OAAO,EACxCnI,EAAK,QAAU,GACfA,EAAK,SAAS,IACX6C,EAAe,GAAKvD,EAAK,MAAQ,GACjCuD,EAAe,GAAKvD,EAAK,OAAS,GAClC,CAAA,EAEHU,EAAK,MAAM,EAAIA,EAAK,MAAM,EAAI,EAC7BA,EAAK,SAAqC,QAAUoD,EAAO,MAChD+E,EAAA,SAAWA,EAAY,QAAU,GAAKL,CACrD,CACQ,OAAAE,EAAA,QAAShI,GAAS,CACvB,GAAIA,EAAK,QAAS,CACf,MAAMD,EAAWC,EAAK,SACjBA,EAAA,SAAS,GAAKoD,EAAO,SAC1BrD,EAAS,SAAWqD,EAAO,cAC3BpD,EAAK,MAAM,EACRoD,EAAO,cAAiBpD,EAAK,MAAM,EAAIoD,EAAO,MAC5CpD,EAAA,MAAM,EAAIA,EAAK,MAAM,EACtBD,EAAS,QAAU,OAAOC,EAAK,QAAU,GAChD,CAAA,CACF,EAEqB4B,EAAmBE,CAAE,CAE9C,EACA,CAACF,EAAoBoG,EAASnE,EAAeiE,EAAK1E,EAAQI,CAAS,CAAA,EAInEA,EACA,CACG,MAAA3D,EACA,OAAAwB,EACA,QAAA2G,EACA,aAAAzG,CACH,CAAA,CAEN,ECxHA,IAAAnC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCyBO,MAAMiB,GAAU,CAAC,CACrB,MAAAR,EACA,KAAAP,EACA,IAAAC,CACH,IAIM,CACG,MAAAO,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,YAAa,CAAE,MAAO,IAAIA,EAAM,OAAU,EAC1C,mBAAoB,CAAE,MAAO,IAAIA,EAAM,OAAU,EACjD,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,UAAW,CAAE,MAAO,IAAIA,EAAM,OAAU,EACxC,QAAS,CAAE,MAAO,CAAI,EACtB,KAAM,CAAE,MAAO,IAAIA,EAAM,OAAU,EACnC,cAAe,CAAE,MAAO,CAAI,EAC5B,aAAc,CAAE,MAAO,CAAI,EAC3B,UAAW,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAK,CAAG,CAAE,EAChD,SAAU,CAAE,MAAO,CAAI,EACvB,KAAM,CAAE,MAAO,CAAI,EACnB,KAAM,CAAE,MAAO,CAAI,CACtB,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAGEC,EAAanB,EAAcC,EAAMC,CAAG,EAC1CU,OAAAA,EAAAA,UAAU,IAAM,CACbF,EAAS,SAAS,YAAY,MAAQS,EAAW,MAAM,CAAA,EACvD,CAACA,EAAYT,CAAQ,CAAC,EAEdH,EAAAC,EAAOC,EAAUC,CAAQ,EAE7BA,CACV,EC1BaqI,EAAoC,CAC9C,SAAU,IAAIzI,EAAM,QACpB,SAAU,IAAIA,EAAM,QACpB,kBAAmB,IAAIA,EAAM,QAAQ,EAAG,CAAC,EACzC,QAAS,EACT,IAAK,IAAIA,EAAM,QACf,aAAc,EACd,cAAe,EACf,UAAW,IAAIA,EAAM,QAAQ,EAAG,CAAC,EACjC,SAAU,EACV,IAAK,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAC9B,EAKa0I,GAAe,CAAC,CAC1B,KAAA/I,EACA,IAAAC,CACH,IAGqD,CAC5C,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQ,CAAE,MAAAR,EAAO,KAAAP,EAAM,IAAAC,EAAK,EACvC8B,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,IAAA9B,EACA,KAAAD,EACA,aAAc,EAAA,CAChB,EAEK,CAAC8D,EAAQI,CAAS,EAAIL,EAA2BiF,CAAgB,EAyBhE,MAAA,CAvBUvG,EAAA,YACd,CAACiC,EAAkBL,IAAmC,CAC7C,KAAA,CAAE,GAAA3B,CAAO,EAAAgC,EAEf,OAAAL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,YAAaqD,EAAO,QAAS,EACvClD,EAAAH,EAAU,YAAaqD,EAAO,QAAS,EACvClD,EAAAH,EAAU,qBAAsBqD,EAAO,iBAAkB,EACzDlD,EAAAH,EAAU,UAAWqD,EAAO,OAAQ,EACpClD,EAAAH,EAAU,OAAQqD,EAAO,GAAI,EAC7BlD,EAAAH,EAAU,eAAgBqD,EAAO,YAAa,EAC9ClD,EAAAH,EAAU,gBAAiBqD,EAAO,aAAc,EAChDlD,EAAAH,EAAU,YAAaqD,EAAO,SAAU,EACxClD,EAAAH,EAAU,WAAYqD,EAAO,QAAS,EACjDlD,EAAWH,EAAU,OAAQqD,EAAO,IAAK,CAAC,EAC1ClD,EAAWH,EAAU,OAAQqD,EAAO,IAAK,CAAC,EAEpBxB,EAAmBE,CAAE,CAE9C,EACA,CAACF,EAAoB7B,EAAUqD,EAAQI,CAAS,CAAA,EAIhDA,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,EC7GA,IAAAnC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCea,MAAAiB,GAAWR,GAAuB,CACtC,MAAAC,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,MAAO,CAAE,MAAO,CAAI,EACpB,aAAc,CAAE,MAAO,CAAI,EAC3B,aAAc,CAAE,MAAO,CAAE,EACzB,WAAY,CAAE,MAAO,CAAE,CAC1B,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAEO,OAAAX,EAAAC,EAAOC,EAAUC,CAAQ,EAC7BA,CACV,ECPauI,EAA4B,CACtC,aAAc,GACd,aAAc,EACd,WAAY,CACf,EAKaC,GAAW,CAAC,CACtB,KAAAjJ,EACA,IAAAC,CACH,IAG6C,CACpC,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQR,CAAK,EACxBwB,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,CAAA,CACF,EAEK,CAAC6D,EAAQI,CAAS,EAAIL,EAAuBmF,CAAY,EAmBxD,MAAA,CAjBUzG,EAAA,YACd,CAACiC,EAAkBL,IAA+B,CACzC,KAAA,CAAE,GAAA3B,EAAI,MAAAsC,CAAU,EAAAN,EAEtB,OAAAL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,eAAgBqD,EAAO,YAAa,EAC9ClD,EAAAH,EAAU,eAAgBqD,EAAO,YAAa,EAC9ClD,EAAAH,EAAU,aAAcqD,EAAO,UAAW,EAErDlD,EAAWH,EAAU,QAASqE,EAAM,eAAgB,CAAA,EAE7CxC,EAAmBE,CAAE,CAC/B,EACA,CAACF,EAAoB7B,EAAUyD,EAAWJ,CAAM,CAAA,EAKhDI,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,EC/EaiH,GAAgBpF,GAA4B,WAChD,MAAAqF,GAAY/G,EAAA0B,EAAO,MAAP,YAAA1B,EAAY,OACxBgH,GAAgBpG,EAAAc,EAAO,UAAP,YAAAd,EAAgB,OAChCqG,GAAmBC,EAAAxF,EAAO,aAAP,YAAAwF,EAAmB,OAE5C,GAAI,CAACH,GAAa,CAACC,GAAiB,CAACC,EAC5B,MAAA,IAAI,MAAM,wCAAwC,EAGvD,GAAAF,IAAcC,GAAiBD,IAAcE,EACxC,MAAA,IAAI,MAAM,0CAA0C,CAEhE,ECdA,IAAAvJ,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCeO,MAAMyJ,GAAa,CAAC,CACxB,OAAAzF,EACA,KAAA9D,EACA,MAAAO,CACH,IAIM,CACCA,EAAM,SAAS,OAAS,IACnBA,EAAA,SAAS,QAASiJ,GAAU,CAC3BA,aAAiBnJ,EAAM,OACxBmJ,EAAM,SAAS,UACfA,EAAM,SAAS,UAClB,CACF,EACKjJ,EAAA,OAAO,GAAGA,EAAM,QAAQ,GAGjCuD,EAAO,QAAS,QAAQ,CAAC2E,EAASH,IAAM,CAC/B,MAAA5H,EAAO,IAAIL,EAAM,KACpB,IAAIA,EAAM,cAAc,EAAG,CAAC,EAC5B,IAAIA,EAAM,eAAe,CAAA,aACtBW,GAAA,eACAC,GACA,YAAa,GACb,SAAU,CACP,UAAW,CAAE,MAAOwH,CAAQ,EAC5B,oBAAqB,CAAE,MAAO,IAAIpI,EAAM,QAAQ,EAAG,CAAC,CAAE,EACtD,aAAc,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAG,CAAC,CAAE,EAC/C,eAAgB,CACb,MAAOyD,EAAO,YAAawE,CAAC,EAAIxE,EAAO,YAAawE,CAAC,EAAI,CAC5D,CACH,CAAA,CACF,CAAA,EAEJ/H,EAAM,IAAIG,CAAI,CAAA,CAChB,CACJ,EClDa+I,GAAyB,IAAM,CACnC,MAAAC,EAA0BxH,SAA+B,CAAA,CAAE,EAC3DyH,EAAqBzH,SAAyC,CAAA,CAAE,EA6C/D,OA3CqBK,EAAA,YACzB,CAAC,CACE,kBAAAqH,EACA,sBAAAC,EACA,OAAA/F,CAAA,IAKG,CACC4F,EAAwB,QAAQ,OAAS,GAC1CA,EAAwB,QAAQ,QAAQ,CAACI,EAAUxB,IAAM,CACtDwB,EAAS,UAAUH,EAAmB,QAAQrB,CAAC,CAAE,CAAA,CACnD,EAGJqB,EAAmB,QAAU,GAC7BD,EAAwB,QAAU,GAE5B,MAAAK,EAAS,IAAI,MAAMjG,EAAO,IAAK,MAAM,EAAE,KAAK,EAAK,EACrC8F,EAAA,QAAU,CAAC,GAAGG,CAAM,EAChBF,EAAA,QAAU,CAAC,GAAGE,CAAM,EAE1CjG,EAAO,IAAK,QAAQ,CAACkG,EAAK1B,IAAM,CACvB,MAAA2B,EAAYC,GAAyC,CAChDA,EAAA,QAASC,GAAU,CACxBrG,EAAO,YAAawE,CAAC,GAAKxE,EAAO,YAAawE,CAAC,EAAE6B,CAAK,EAEpCP,EAAA,QAAQtB,CAAC,EAAI6B,EAAM,cAAA,CACvC,CAAA,EAEEL,EAAW,IAAI,qBAAqBG,EAAU,CACjD,WAAY,MACZ,UAAW,CAAA,CACb,EACDH,EAAS,QAAQE,CAAI,EACGN,EAAA,QAAQ,KAAKI,CAAQ,EAC1BH,EAAA,QAAQ,KAAKK,CAAI,CAAA,CACtC,CACJ,EACA,CAAC,CAAA,CAIP,EC7CaI,GAAa,CAAC,CACxB,OAAAtG,EACA,KAAA9D,EACA,cAAAqK,EACA,MAAA9J,EACA,kBAAAqJ,CACH,IAMM,CACHrJ,EAAM,SAAS,QAAQ,CAACG,EAAM4H,IAAM,CAC3B,MAAAgC,EAAaxG,EAAO,IAAKwE,CAAC,EAChC,GAAI,CAACgC,EACI,MAAA,IAAI,MAAM,cAAc,EAE7B,GAAAV,EAAkB,QAAQtB,CAAC,EAAG,CACzB,MAAAiC,EAAOD,EAAW,wBAOpB,GANJ5J,EAAK,MAAM,IAAI6J,EAAK,MAAOA,EAAK,OAAQ,CAAG,EAC3C7J,EAAK,SAAS,IACX6J,EAAK,KAAOA,EAAK,MAAQ,GAAMvK,EAAK,MAAQ,GAC5C,CAACuK,EAAK,IAAMA,EAAK,OAAS,GAAMvK,EAAK,OAAS,GAC9C,CAAA,EAECU,aAAgBL,EAAM,KAAM,CAC7B,MAAMI,EAA8BC,EAAK,SACzCE,EAAWH,EAAU,YAAaqD,EAAO,QAASwE,CAAC,CAAC,EACpD1H,EAAWH,EAAU,sBAAuBqD,EAAO,WAAYwE,CAAC,CAAC,EACjE1H,EACGH,EACA,eACA4J,EAAc,QAAQ,IAAIE,EAAK,MAAOA,EAAK,MAAM,CAAA,EAEpD3J,EACGH,EACA,iBACAqD,EAAO,YAAawE,CAAC,EAAIxE,EAAO,YAAawE,CAAC,EAAI,CAAA,CAExD,CACH,CAAA,CACF,CACJ,EC1CakC,GAAoB,IAAM,CAC9B,MAAAZ,EAAoB1H,SAAkB,CAAA,CAAE,EACxC2H,EAAwB3H,SAAkB,CAAA,CAAE,EAE5CuI,EAAiClI,EAAA,YAAY,CAACmI,EAAOC,EAAO,KAAU,CACzEf,EAAkB,QAAQ,QAAQ,CAAC9I,EAAOwH,IAAM,CACzCxH,IACqB+I,EAAA,QAAQvB,CAAC,EAAI,GACtC,CACF,EACK,MAAA1F,EAAO+H,EACR,CAAC,GAAGd,EAAsB,OAAO,EACjC,CAAC,GAAGD,EAAkB,OAAO,EAClC,OAAOc,EAAQ,EAAI9H,EAAOA,EAAK8H,CAAK,CACvC,EAAG,CAAE,CAAA,EAEE,MAAA,CACJ,kBAAAd,EACA,sBAAAC,EACA,eAAAY,CAAA,CAEN,ECWaG,EAAoC,CAC9C,QAAS,CAAC,EACV,IAAK,CAAC,EACN,WAAY,CAAC,EACb,YAAa,CAAC,EACd,YAAa,CAAC,CACjB,EAKaC,GAAe,CACzB,CACG,KAAA7K,EACA,IAAAC,CACH,EAIA6K,EAAqC,CAAA,IACY,CAC3C,MAAAvK,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3C0B,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,EACA,aAAc,EAAA,CAChB,EACK,CAAC6D,EAAQI,CAAS,EAAIL,EAA2B+G,CAAgB,EAGjEP,EAAgBnI,EAAAA,OAAsB,IAAI7B,EAAM,QAAQ,EAAG,CAAC,CAAC,EAG7D,CAAC0K,EAAgBC,CAAiB,EAAIC,WAAS,EAAI,EACzDtK,EAAAA,UAAU,IAAM,CACbqK,EAAkB,EAAI,GAEtBF,CAAY,EAEf,MAAMI,EAAsBzB,KACtB,CAAE,sBAAAI,EAAuB,kBAAAD,EAAmB,eAAAa,GAC/CD,GAAkB,EAgDd,MAAA,CA9CUjI,EAAA,YACd,CAACiC,EAAkBL,IAAmC,CACnD,KAAM,CAAE,GAAA3B,EAAI,KAAAxC,CAAAA,EAASwE,EAErB,OAAAL,GAAgBD,EAAUC,CAAY,EAEtC+E,GAAapF,CAAM,EAEfiH,IACUxB,GAAA,CACR,OAAAzF,EACA,KAAA9D,EACA,MAAAO,CAAA,CACF,EAEmB2K,EAAA,CACjB,kBAAAtB,EACA,sBAAAC,EACA,OAAA/F,CAAA,CACF,EAEDkH,EAAkB,EAAK,GAGfZ,GAAA,CACR,OAAAtG,EACA,KAAA9D,EACA,cAAAqK,EACA,MAAA9J,EACA,kBAAAqJ,CAAA,CACF,EAEMtH,EAAmBE,CAAE,CAC/B,EACA,CACGF,EACA4B,EACAgH,EACAH,EACAxK,EACAuD,EACA+F,EACAD,CACH,CAAA,EAKA1F,EACA,CACG,MAAA3D,EACA,OAAAwB,EACA,aAAAE,EACA,eAAAwI,CACH,CAAA,CAEN,EC7IA,IAAA3K,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCea,MAAAiB,GAAWR,GAAuB,CACtC,MAAAC,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,SAAU,CAAE,MAAO,IAAIA,EAAM,OAAU,EACvC,YAAa,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAE,CAAC,CAAE,EAC7C,UAAW,CAAE,MAAO,CAAG,CAC1B,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAEO,OAAAX,EAAAC,EAAOC,EAAUC,CAAQ,EAC7BA,CACV,ECHa0K,EAAsC,CAChD,QAAS,IAAI9K,EAAM,QACnB,SAAU,EACV,UAAW,CACd,EAEa+K,GAAgB,CAAC,CAC3B,KAAApL,EACA,IAAAC,CACH,IAGuD,CAC9C,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQR,CAAK,EACxBwB,EAASL,EAAU1B,CAAI,EAEvB+G,EAAW3G,EAAA,QACd,KAAO,CACJ,MAAAG,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,CAAA,GAEH,CAACM,EAAOwB,EAAQ/B,EAAMC,CAAG,CAAA,EAEtB,CAACgC,EAAcK,CAAkB,EAAIR,EAAaiF,CAAQ,EAC1D,CAACsE,EAAaC,CAAiB,EAAI3I,EAAaoE,CAAQ,EACxD,CAACjD,EAAQI,CAAS,EAAIL,EAA4BsH,CAAiB,EA2BlE,MAAA,CAzBU5I,EAAA,YACd,CAACiC,EAAkBL,IAAoC,CAC9C,KAAA,CAAC,GAAA3B,CAAM,EAAAgC,EAEbL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,WAAYqD,EAAO,OAAO,EAC/ClD,EAAWH,EAAU,cAAe,CAACqD,EAAO,QAAQ,OAAO,KAAK,MAAMA,EAAO,QAAQ,OAAO,KAAK,MAAM,CAAC,EAC7FlD,EAAAH,EAAU,YAAaqD,EAAO,QAAQ,EAE7C,IAAAyH,EAA8BD,EAAkB9I,CAAE,EAEtD,MAAMgJ,EAAa1H,EAAO,UAC1B,QAAQwE,EAAI,EAAGA,EAAIkD,EAAYlD,IACjB1H,EAAAH,EAAS,WAAW8K,CAAY,EAC3CA,EAAeD,EAAkB9I,CAAE,EAK/B,OAFeF,EAAmBE,CAAE,CAG9C,EACA,CAACF,EAAoBgJ,EAAmB7K,EAAUyD,EAAWJ,CAAM,CAAA,EAKnEI,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN,EC9FA,IAAAnC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCmBO,MAAMiB,GAAU,CAAC,CACrB,MAAAR,EACA,KAAAP,EACA,IAAAC,CACH,IAIM,CACG,MAAAO,EAAWJ,UAAQ,IAAM,IAAIC,EAAM,cAAc,EAAG,CAAC,EAAG,CAAA,CAAE,EAC1DI,EAAWL,EAAA,QACd,IACG,IAAIC,EAAM,eAAe,CACtB,SAAU,CACP,WAAY,CAAE,MAAO,IAAIA,EAAM,QAAQ,EAAK,CAAG,CAAE,EACjD,UAAW,CAAE,MAAO,CAAI,EACxB,UAAW,CAAE,MAAO,CAAI,EACxB,OAAQ,CAAE,MAAO,CAAI,EACrB,YAAa,CAAE,MAAO,IAAIA,EAAM,OAAU,EAC1C,MAAO,CAAE,MAAO,CAAE,CACrB,EAAA,aACAW,GAAA,eACAC,EAAA,CACF,EACJ,CAAC,CAAA,EAGEC,EAAanB,EAAcC,EAAMC,CAAG,EAC1CU,OAAAA,EAAAA,UAAU,IAAM,CACbF,EAAS,SAAS,YAAY,MAAQS,EAAW,MAAM,CAAA,EACvD,CAACA,EAAYT,CAAQ,CAAC,EAEdH,EAAAC,EAAOC,EAAUC,CAAQ,EAE7BA,CACV,ECxBagL,EAA0B,CACpC,UAAW,IAAIpL,EAAM,QAAQ,EAAK,CAAG,EACrC,SAAU,EACV,MAAO,EACP,SAAU,EACV,KAAM,QACT,EAKaqL,GAAU,CAAC,CACrB,KAAA1L,EACA,IAAAC,CACH,IAG2C,CAClC,MAAAM,EAAQH,EAAAA,QAAQ,IAAM,IAAIC,EAAM,MAAS,CAAA,CAAE,EAC3CI,EAAWM,GAAQ,CAAE,MAAAR,EAAO,KAAAP,EAAM,IAAAC,EAAK,EACvC8B,EAASL,EAAU1B,CAAI,EACvB,CAACiC,EAAcK,CAAkB,EAAIR,EAAa,CACrD,MAAAvB,EACA,OAAAwB,EACA,KAAA/B,EACA,IAAAC,EACA,aAAc,EAAA,CAChB,EAEK,CAAC6D,EAAQI,CAAS,EAAIL,EAAsB4H,CAAW,EA2BtD,MAAA,CAzBUlJ,EAAA,YACd,CAACiC,EAAkBL,IAA8B,CACxC,KAAA,CAAE,GAAA3B,CAAO,EAAAgC,EAEf,OAAAL,GAAgBD,EAAUC,CAAY,EAE3BvD,EAAAH,EAAU,aAAcqD,EAAO,SAAU,EACzClD,EAAAH,EAAU,YAAaqD,EAAO,QAAS,EACvClD,EAAAH,EAAU,SAAUqD,EAAO,KAAM,EACjClD,EAAAH,EAAU,YAAaqD,EAAO,QAAS,EAClDlD,EACGH,EACA,QACAqD,EAAO,OAAU,SACZ,EACAA,EAAO,OAAU,aACjB,EACA,CAAA,EAGDxB,EAAmBE,CAAE,CAC/B,EACA,CAACF,EAAoB7B,EAAUyD,EAAWJ,CAAM,CAAA,EAKhDI,EACA,CACG,MAAA3D,EACA,SAAAE,EACA,OAAAsB,EACA,aAAAE,CACH,CAAA,CAEN"} \ No newline at end of file +{"version":3,"file":"use-shader-fx.umd.cjs","sources":["../src/hooks/useBrush/shader/main.vert","../src/hooks/useBrush/shader/main.frag","../src/utils/useResolution.ts","../src/utils/useAddMesh.ts","../src/utils/setUniforms.ts","../src/hooks/useBrush/useMesh.ts","../src/utils/useCamera.ts","../src/utils/useSingleFBO.ts","../src/utils/useDoubleFBO.ts","../src/utils/usePointer.ts","../src/utils/useParams.ts","../src/hooks/useBrush/index.ts","../src/hooks/useDuoTone/shader/main.vert","../src/hooks/useDuoTone/shader/main.frag","../src/hooks/useDuoTone/useMesh.ts","../src/hooks/useDuoTone/index.ts","../src/hooks/useFogProjection/shader/main.vert","../src/hooks/useFogProjection/shader/main.frag","../src/hooks/useFogProjection/useMesh.ts","../src/hooks/useFogProjection/index.ts","../src/hooks/useFluid/shaders/main.vert","../src/hooks/useFluid/shaders/init.frag","../src/hooks/useFluid/materials/useInitialMaterial.ts","../src/hooks/useFluid/shaders/advection.frag","../src/hooks/useFluid/materials/useAdvectionMaterial.ts","../src/hooks/useFluid/shaders/divergence.frag","../src/hooks/useFluid/materials/useDivergenceMaterial.ts","../src/hooks/useFluid/shaders/pressure.frag","../src/hooks/useFluid/materials/usePressureMaterial.ts","../src/hooks/useFluid/shaders/curl.frag","../src/hooks/useFluid/materials/useCurlMaterial.ts","../src/hooks/useFluid/shaders/vorticity.frag","../src/hooks/useFluid/materials/useVorticityMaterial.ts","../src/hooks/useFluid/shaders/clear.frag","../src/hooks/useFluid/materials/useClearMaterial.ts","../src/hooks/useFluid/shaders/gradientSubtract.frag","../src/hooks/useFluid/materials/useGradientSubtractMaterial.ts","../src/hooks/useFluid/shaders/splat.frag","../src/hooks/useFluid/materials/useSplatMaterial.ts","../src/hooks/useFluid/useMesh.ts","../src/hooks/useFluid/index.ts","../src/hooks/useRipple/useMesh.ts","../src/hooks/useRipple/index.ts","../src/hooks/useFxTexture/shader/main.vert","../src/hooks/useFxTexture/shader/main.frag","../src/hooks/useFxTexture/useMesh.ts","../src/hooks/useFxTexture/index.ts","../src/hooks/useNoise/shader/main.vert","../src/hooks/useNoise/shader/main.frag","../src/hooks/useNoise/useMesh.ts","../src/hooks/useNoise/index.ts","../src/hooks/useDomSyncer/utils/errorHandler.ts","../src/hooks/useDomSyncer/shader/main.vert","../src/hooks/useDomSyncer/shader/main.frag","../src/hooks/useDomSyncer/utils/createMesh.ts","../src/hooks/useDomSyncer/utils/useIntersectionHandler.ts","../src/hooks/useDomSyncer/utils/updateRect.ts","../src/hooks/useDomSyncer/utils/useIsIntersecting.ts","../src/hooks/useDomSyncer/index.ts","../src/hooks/useSimpleBlur/shader/main.vert","../src/hooks/useSimpleBlur/shader/main.frag","../src/hooks/useSimpleBlur/useMesh.ts","../src/hooks/useSimpleBlur/index.ts","../src/hooks/useWave/shader/main.vert","../src/hooks/useWave/shader/main.frag","../src/hooks/useWave/useMesh.ts","../src/hooks/useWave/index.ts","../src/utils/useCopyTexture.ts"],"sourcesContent":["varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nuniform sampler2D uMap;\nuniform sampler2D uTexture;\nuniform float uRadius;\nuniform float uDissipation;\nuniform vec2 uResolution;\nuniform float uSmudge;\nuniform float uAspect;\nuniform vec2 uMouse;\nuniform vec2 uPrevMouse;\nuniform vec2 uVelocity;\nuniform vec3 uColor;\nuniform float uMotionBlur;\nuniform int uMotionSample;\n\nvarying vec2 vUv;\n\nfloat isOnLine(vec2 point, vec2 start, vec2 end, float width, float aspect) {\n\t// make circle\n\tpoint.x *= aspect;\n\tstart.x *= aspect;\n\tend.x *= aspect;\n\n\t// unit vector in direction\n\tvec2 dir = normalize(end - start);\n\t\n\t// unit vector perpendicular to the line segment\n\tvec2 n = vec2(dir.y, -dir.x);\n\n\tvec2 p0 = point - start;\n\t\n\t// calculate distance on a line\n\tfloat distToLine = abs(dot(p0, n));\n\tfloat distAlongLine = dot(p0, dir);\n\tfloat totalLength = length(end - start);\n\n\t// Include the radius of the circle at the start and end points in the range\n\tfloat distFromStart = length(point - start);\n\tfloat distFromEnd = length(point - end);\n\t\n\tbool withinLine = (distToLine < width && distAlongLine > 0.0 && distAlongLine < totalLength) || distFromStart < width || distFromEnd < width;\n\n\treturn float(withinLine);\n}\n\nvec4 createSmudge(){\n\tvec2 offsets[9];\n\toffsets[0] = vec2(-1, -1); offsets[1] = vec2( 0, -1); offsets[2] = vec2( 1, -1);\n\toffsets[3] = vec2(-1, 0); offsets[4] = vec2( 0, 0); offsets[5] = vec2( 1, 0);\n\toffsets[6] = vec2(-1, 1); offsets[7] = vec2( 0, 1); offsets[8] = vec2( 1, 1);\n\t// Scale offset to texture size\n\tfor(int i = 0; i < 9; i++) {\n\t\toffsets[i] = (offsets[i] * uSmudge) / uResolution;\n\t}\t\n\tvec4 smudgedColor = vec4(0.0);\n\tfor(int i = 0; i < 9; i++) {\n\t\tsmudgedColor += texture2D(uMap, vUv + offsets[i]);\n\t}\n\treturn smudgedColor / 9.0;\n}\n\nvec4 createMotionBlur(vec4 baseColor, vec2 velocity, float motion, int samples) {\n\tvec4 motionBlurredColor = baseColor;\n\tvec2 scaledVelocity = velocity * motion;\n\tfor(int i = 1; i < samples; i++) {\n\t\tfloat t = float(i) / float(samples - 1);\n\t\tvec2 offset = t * scaledVelocity / uResolution;\n\t\tmotionBlurredColor += texture2D(uMap, vUv + offset);\n\t}\n\treturn motionBlurredColor / float(samples);\n}\n\n\nvoid main() {\n\t// Convert UV coordinates to range [-1, 1]\n\tvec2 st = vUv * 2.0 - 1.0;\n\t\n\t// velocity vector\n\tvec2 velocity = uVelocity * uResolution;\n\n\t// add smudge\n\tvec4 smudgedColor = createSmudge();\n\t\n\t// add motion blur\n\tvec4 motionBlurredColor = createMotionBlur(smudgedColor, velocity, uMotionBlur,uMotionSample);\n\n\tvec4 bufferColor = motionBlurredColor * uDissipation;\n\n\t// radius\n\tfloat modifiedRadius = max(0.0,uRadius);\n\n\t//\tcolor \n\tvec3 color = uColor;\n\n\t// map texture to color\n\tvec4 textureColor = texture2D(uTexture, vUv);\n\tvec3 finalColor = mix(color, textureColor.rgb, textureColor.a);\n\n\tfloat onLine = isOnLine(st, uPrevMouse, uMouse, modifiedRadius, uAspect);\n\tbufferColor.rgb = mix(bufferColor.rgb, finalColor, onLine);\n\t\n\tgl_FragColor = vec4(bufferColor.rgb,1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\n/**\n * @params dpr if dpr is set, it returns the resolution which is size multiplied by dpr.\n */\nexport const useResolution = (size: Size, dpr: number | false = false) => {\n const _width = dpr ? size.width * dpr : size.width;\n const _height = dpr ? size.height * dpr : size.height;\n const resolution = useMemo(\n () => new THREE.Vector2(_width, _height),\n [_width, _height]\n );\n return resolution;\n};\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\n\n/** Generate mesh from geometry and material and add to scene */\nexport const useAddMesh = (\n scene: THREE.Scene,\n geometry: THREE.BufferGeometry,\n material: THREE.Material\n) => {\n const mesh = useMemo(\n () => new THREE.Mesh(geometry, material),\n [geometry, material]\n );\n\n useEffect(() => {\n scene.add(mesh);\n }, [scene, mesh]);\n\n useEffect(() => {\n return () => {\n scene.remove(mesh);\n geometry.dispose();\n material.dispose();\n };\n }, [scene, geometry, material, mesh]);\n\n return mesh;\n};\n","type UniformValue =\n | THREE.CubeTexture\n | THREE.Texture\n | Int32Array\n | Float32Array\n | THREE.Matrix4\n | THREE.Matrix3\n | THREE.Quaternion\n | THREE.Vector4\n | THREE.Vector3\n | THREE.Vector2\n | THREE.Color\n | number\n | boolean\n | Array\n | null;\ntype UniformObject = { [key: string]: { value: UniformValue } };\n\nexport const setUniform = (\n material: { uniforms: T },\n key: keyof T,\n value: UniformValue\n) => {\n if (\n material.uniforms &&\n material.uniforms[key] &&\n value !== undefined &&\n value !== null\n ) {\n material.uniforms[key].value = value;\n } else {\n console.error(\n `Uniform key \"${String(\n key\n )}\" does not exist in the material. or \"${String(\n key\n )}\" is null | undefined`\n );\n }\n};\n","import * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useEffect, useMemo } from \"react\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class BrushMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uMap: { value: THREE.Texture };\n uResolution: { value: THREE.Texture };\n uAspect: { value: number };\n uTexture: { value: THREE.Texture };\n uRadius: { value: number };\n uSmudge: { value: number };\n uDissipation: { value: number };\n uMotionBlur: { value: number };\n uMotionSample: { value: number };\n uMouse: { value: number };\n uPrevMouse: { value: number };\n uVelocity: { value: number };\n uColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uMap: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0, 0) },\n uAspect: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uRadius: { value: 0.0 },\n uSmudge: { value: 0.0 },\n uDissipation: { value: 0.0 },\n uMotionBlur: { value: 0.0 },\n uMotionSample: { value: 0 },\n uMouse: { value: new THREE.Vector2(0, 0) },\n uPrevMouse: { value: new THREE.Vector2(0, 0) },\n uVelocity: { value: new THREE.Vector2(0, 0) },\n uColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(material, \"uAspect\", resolution.width / resolution.height);\n setUniform(material, \"uResolution\", resolution.clone());\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as BrushMaterial;\n};\n","import * as THREE from \"three\";\nimport { useResolution } from \"./useResolution\";\nimport { useMemo } from \"react\";\nimport { Size } from \"@react-three/fiber\";\n\nconst getCameraProps = (width: number, height: number) => {\n const frustumSize = height;\n const aspect = width / height;\n const [w, h] = [(frustumSize * aspect) / 2, frustumSize / 2];\n return { width: w, height: h, near: -1000, far: 1000 };\n};\n\nexport const useCamera = (size: Size) => {\n const resolution = useResolution(size);\n const { width, height, near, far } = getCameraProps(\n resolution.x,\n resolution.y\n );\n const camera = useMemo(\n () =>\n new THREE.OrthographicCamera(\n -width,\n width,\n height,\n -height,\n near,\n far\n ),\n [width, height, near, far]\n );\n return camera;\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\n\nexport const FBO_OPTION = {\n minFilter: THREE.LinearFilter,\n magFilter: THREE.LinearFilter,\n type: THREE.HalfFloatType,\n depthBuffer: false,\n stencilBuffer: false,\n};\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseSingleFBOReturn = [THREE.WebGLRenderTarget, FBOUpdateFunction];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [THREE.WebGLRenderTarget , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useSingleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseSingleFBOReturn => {\n const renderTarget = useRef();\n\n const resolution = useResolution(size, dpr);\n renderTarget.current = useMemo(\n () => new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n []\n );\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current!;\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateRenderTarget];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\nimport { useResolution } from \"./useResolution\";\nimport { DoubleRenderTarget, UseFboProps } from \"./types\";\n\ninterface RenderTarget extends DoubleRenderTarget {\n swap: () => void;\n}\n\ntype FBOUpdateFunction = (\n gl: THREE.WebGLRenderer,\n /** call before FBO is rendered */\n onBeforeRender?: ({\n read,\n write,\n }: {\n read: THREE.Texture;\n write: THREE.Texture;\n }) => void\n) => THREE.Texture;\n\ntype UseDoubleFBOReturn = [\n { read: THREE.WebGLRenderTarget; write: THREE.WebGLRenderTarget },\n FBOUpdateFunction\n];\n\n/**\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @returns [{read:THREE.WebGLRenderTarget,write:THREE.WebGLRenderTarget} , updateFBO] -Receives the RenderTarget as the first argument and the update function as the second argument.\n */\nexport const useDoubleFBO = ({\n scene,\n camera,\n size,\n dpr = false,\n isSizeUpdate = false,\n}: UseFboProps): UseDoubleFBOReturn => {\n const renderTarget = useRef({\n read: null,\n write: null,\n swap: function () {\n let temp = this.read;\n this.read = this.write;\n this.write = temp;\n },\n });\n\n const resolution = useResolution(size, dpr);\n const initRenderTargets = useMemo(() => {\n const read = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n const write = new THREE.WebGLRenderTarget(\n resolution.x,\n resolution.y,\n FBO_OPTION\n );\n return { read, write };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n renderTarget.current.read = initRenderTargets.read;\n renderTarget.current.write = initRenderTargets.write;\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.read?.setSize(resolution.x, resolution.y);\n renderTarget.current.write?.setSize(resolution.x, resolution.y);\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.read?.dispose();\n currentRenderTarget.write?.dispose();\n };\n }, []);\n\n const updateRenderTarget: FBOUpdateFunction = useCallback(\n (gl, onBeforeRender) => {\n const fbo = renderTarget.current;\n gl.setRenderTarget(fbo.write);\n onBeforeRender &&\n onBeforeRender({\n read: fbo.read!.texture,\n write: fbo.write!.texture,\n });\n gl.render(scene, camera);\n fbo.swap();\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.read?.texture as THREE.Texture;\n },\n [scene, camera]\n );\n\n return [\n { read: renderTarget.current.read, write: renderTarget.current.write },\n updateRenderTarget,\n ];\n};\n","import * as THREE from \"three\";\nimport { useCallback, useRef } from \"react\";\n\ntype UpdatePointer = (currentPointer: THREE.Vector2) => {\n currentPointer: THREE.Vector2;\n prevPointer: THREE.Vector2;\n diffPointer: THREE.Vector2;\n velocity: THREE.Vector2;\n isVelocityUpdate: boolean;\n};\n\n/** When given the pointer vector2 from r3f's RootState, it generates an update function that returns {currentPointer, prevPointer, diffPointer, isVelocityUpdate, velocity}. */\nexport const usePointer = (): UpdatePointer => {\n const prevPointer = useRef(new THREE.Vector2(0, 0));\n const diffPointer = useRef(new THREE.Vector2(0, 0));\n const lastUpdateTime = useRef(0);\n const velocity = useRef(new THREE.Vector2(0, 0));\n const isMoved = useRef(false);\n\n const updatePointer = useCallback((currentPointer: THREE.Vector2) => {\n const now = performance.now();\n const current = currentPointer.clone();\n\n // first frame\n if (lastUpdateTime.current === 0) {\n lastUpdateTime.current = now;\n prevPointer.current = current;\n }\n const deltaTime = Math.max(1, now - lastUpdateTime.current);\n lastUpdateTime.current = now;\n\n // get velocity\n velocity.current\n .copy(current)\n .sub(prevPointer.current)\n .divideScalar(deltaTime);\n const isUpdate = velocity.current.length() > 0;\n\n //set prev temp pos\n const prevTemp = isMoved.current ? prevPointer.current.clone() : current;\n if (!isMoved.current && isUpdate) {\n isMoved.current = true;\n }\n prevPointer.current = current;\n\n return {\n currentPointer: current,\n prevPointer: prevTemp,\n diffPointer: diffPointer.current.subVectors(current, prevTemp),\n velocity: velocity.current,\n isVelocityUpdate: isUpdate,\n };\n }, []);\n\n return updatePointer;\n};\n","import { useCallback, useRef } from \"react\";\n\ntype UseParamsReturn = [T, (params: Partial) => void];\n\n/**\n * @param params Receives an initial value object. With structuredClone, deep copy and set, but if the object contains a function, just set it.\n */\nexport const useParams = (params: T): UseParamsReturn => {\n const isContainsFunctions = (obj: object): boolean =>\n Object.values(obj).some((value) => typeof value === \"function\");\n const paramsRef = useRef(\n isContainsFunctions(params) ? params : structuredClone(params)\n );\n\n const setParams = useCallback((updateParams: Partial) => {\n for (const key in updateParams) {\n const paramKey = key as keyof T;\n if (\n paramKey in paramsRef.current &&\n updateParams[paramKey] !== undefined &&\n updateParams[paramKey] !== null\n ) {\n paramsRef.current[paramKey] = updateParams[paramKey]!;\n } else {\n console.error(\n `\"${String(\n paramKey\n )}\" does not exist in the params. or \"${String(\n paramKey\n )}\" is null | undefined`\n );\n }\n }\n }, []);\n return [paramsRef.current, setParams];\n};\n","import * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo } from \"react\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget } from \"../../utils/types\";\n\nexport type BrushParams = {\n /** Texture applied to the brush.Mixed with the value of a , default:THREE.Texture() */\n texture?: THREE.Texture;\n /** size of the stamp, percentage of the size ,default:0.05 */\n radius?: number;\n /** Strength of smudge effect , default:0.0*/\n smudge?: number;\n /** dissipation rate. If set to 1, it will remain. ,default:1.0 */\n dissipation?: number;\n /** Strength of motion blur , default:0.0 */\n motionBlur?: number;\n /** Number of motion blur samples. Affects performance default: 5 */\n motionSample?: number;\n /** brush color , default:THREE.Color(0xffffff) */\n color?: THREE.Color;\n};\n\nexport type BrushObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: DoubleRenderTarget;\n};\n\nexport const BRUSH_PARAMS: BrushParams = {\n texture: new THREE.Texture(),\n radius: 0.05,\n smudge: 0.0,\n dissipation: 1.0,\n motionBlur: 0.0,\n motionSample: 5,\n color: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useBrush = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useDoubleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(BRUSH_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: BrushParams) => {\n const { gl, pointer } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uRadius\", params.radius!);\n setUniform(material, \"uSmudge\", params.smudge!);\n setUniform(material, \"uDissipation\", params.dissipation!);\n setUniform(material, \"uMotionBlur\", params.motionBlur!);\n setUniform(material, \"uMotionSample\", params.motionSample!);\n setUniform(material, \"uColor\", params.color!);\n\n const { currentPointer, prevPointer, velocity } =\n updatePointer(pointer);\n setUniform(material, \"uMouse\", currentPointer);\n setUniform(material, \"uPrevMouse\", prevPointer);\n setUniform(material, \"uVelocity\", velocity);\n\n const bufferTexture = updateRenderTarget(gl, ({ read }) => {\n setUniform(material, \"uMap\", read);\n });\n\n return bufferTexture;\n },\n [material, updatePointer, updateRenderTarget, params, setParams]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\n\nuniform vec3 uColor0;\nuniform vec3 uColor1;\n\nvoid main() {\n\tvec2 uv = vUv;\n\tvec4 texColor = texture2D(uTexture, uv);\n\tfloat grayscale = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));\n\tvec3 duotone = mix(uColor0, uColor1, grayscale);\n\tgl_FragColor = vec4(duotone, texColor.a);\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class DuoToneMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n uColor0: { value: THREE.Color };\n uColor1: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uColor0: { value: new THREE.Color(0xffffff) },\n uColor1: { value: new THREE.Color(0x000000) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as DuoToneMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { DuoToneMaterial, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type DuoToneParams = {\n /** Make this texture duotone , Default:new THREE.Texture() */\n texture?: THREE.Texture;\n /** 1st color ,　Default:new THREE.Color(0xffffff) */\n color0?: THREE.Color;\n /** 2nd color , Default: new THREE.Color(0x000000) */\n color1?: THREE.Color;\n};\n\nexport type DuoToneObject = {\n scene: THREE.Scene;\n material: DuoToneMaterial;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const DUOTONE_PARAMS: DuoToneParams = {\n texture: new THREE.Texture(),\n color0: new THREE.Color(0xffffff),\n color1: new THREE.Color(0x000000),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDuoTone = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(DUOTONE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DuoToneParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uColor0\", params.color0!);\n setUniform(material, \"uColor1\", params.color1!);\n\n const bufferTexture = updateRenderTarget(gl);\n\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform sampler2D uTexture;\nuniform sampler2D uNoiseMap;\nuniform float distortionStrength;\nuniform float fogEdge0;\nuniform float fogEdge1;\nuniform vec3 fogColor;\n\nvoid main() {\n\tvec2 uv = vUv;\n\n\tfloat noiseMap = texture2D(uNoiseMap,uv).r;\n\t\n\tfloat noiseTextureMap = noiseMap*2.0-1.0;\n\tuv += noiseTextureMap * distortionStrength;\n\tvec3 textureMap = texture2D(uTexture, uv).rgb;\n\n\tfloat edge0 = fogEdge0;\n\tfloat edge1 = fogEdge1;\n\tfloat blendValue = smoothstep(edge0, edge1, noiseMap);\n\n\tvec3 outputColor = blendValue * fogColor + (1.0 - blendValue) * textureMap;\n\tgl_FragColor = vec4(outputColor, 1.0);\n}\n\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class FogProjectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n uTexture: { value: THREE.Texture };\n uNoiseMap: { value: THREE.Texture };\n distortionStrength: { value: number };\n fogEdge0: { value: number };\n fogEdge1: { value: number };\n fogColor: { value: THREE.Color };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n uTexture: { value: new THREE.Texture() },\n uNoiseMap: { value: new THREE.Texture() },\n distortionStrength: { value: 0.0 },\n fogEdge0: { value: 0.0 },\n fogEdge1: { value: 0.9 },\n fogColor: { value: new THREE.Color(0xffffff) },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as FogProjectionMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FogProjectionParams = {\n /** Make this texture FogProjection , default:THREE.Texture */\n texture?: THREE.Texture;\n /** noise texture to map, default:THREE.Texture */\n noiseMap?: THREE.Texture;\n /** distortion strength , default:0.03 */\n distortionStrength?: number;\n /** value that reflects noise , default:0.0 */\n fogEdge0?: number;\n /** value that reflects noise , default:0.9 */\n fogEdge1?: number;\n /** fog color , default: THREE.Color(0xffffff) */\n fogColor?: THREE.Color;\n};\n\nexport type FogProjectionObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FOGPROJECTION_PARAMS: FogProjectionParams = {\n texture: new THREE.Texture(),\n noiseMap: new THREE.Texture(),\n distortionStrength: 0.03,\n fogEdge0: 0.0,\n fogEdge1: 0.9,\n fogColor: new THREE.Color(0xffffff),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFogProjection = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] =\n useParams(FOGPROJECTION_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FogProjectionParams) => {\n const { gl, clock } = props;\n updateParams && setParams(updateParams);\n setUniform(material, \"uTime\", clock.getElapsedTime());\n setUniform(material, \"uTexture\", params.texture!);\n setUniform(material, \"uNoiseMap\", params.noiseMap!);\n setUniform(material, \"distortionStrength\", params.distortionStrength!);\n setUniform(material, \"fogEdge0\", params.fogEdge0!);\n setUniform(material, \"fogEdge1\", params.fogEdge1!);\n setUniform(material, \"fogColor\", params.fogColor!);\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform vec2 texelSize;\n\nvoid main () {\n\tvUv = uv;\n\tvL = vUv - vec2(texelSize.x, 0.0);\n\tvR = vUv + vec2(texelSize.x, 0.0);\n\tvT = vUv + vec2(0.0, texelSize.y);\n\tvB = vUv - vec2(0.0, texelSize.y);\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvoid main(){\n\tgl_FragColor = vec4(0.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/init.frag\";\n\nexport const useInitialMaterial = () => {\n const initialMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n depthTest: false,\n depthWrite: false,\n }),\n []\n );\n\n return initialMaterial as THREE.ShaderMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uVelocity;\nuniform sampler2D uSource;\nuniform vec2 texelSize;\nuniform float dt;\nuniform float dissipation;\n\nvoid main () {\n\tvec2 coord = vUv - dt * texture2D(uVelocity, vUv).xy * texelSize;\n\tgl_FragColor = dissipation * texture2D(uSource, coord);\n\tgl_FragColor.a = 1.0;\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/advection.frag\";\n\nexport class AdvectionMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uSource: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n dt: { value: number };\n dissipation: { value: number };\n };\n}\n\nexport const useAdvectionMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: new THREE.Texture() },\n uSource: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n dt: { value: 0.0 },\n dissipation: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as AdvectionMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvec2 sampleVelocity (in vec2 uv) {\n\tvec2 multiplier = vec2(1.0, 1.0);\n\tif (uv.x < 0.0) { uv.x = 0.0; multiplier.x = -1.0; }\n\tif (uv.x > 1.0) { uv.x = 1.0; multiplier.x = -1.0; }\n\tif (uv.y < 0.0) { uv.y = 0.0; multiplier.y = -1.0; }\n\tif (uv.y > 1.0) { uv.y = 1.0; multiplier.y = -1.0; }\n\treturn multiplier * texture2D(uVelocity, uv).xy;\n}\n\nvoid main () {\n\tfloat L = sampleVelocity(vL).x;\n\tfloat R = sampleVelocity(vR).x;\n\tfloat T = sampleVelocity(vT).y;\n\tfloat B = sampleVelocity(vB).y;\n\tfloat div = 0.5 * (R - L + T - B);\n\tgl_FragColor = vec4(div, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/divergence.frag\";\n\nexport class DivergenceMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useDivergenceMaterial = () => {\n const divergenceMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return divergenceMaterial as DivergenceMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uDivergence;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tfloat C = texture2D(uPressure, vUv).x;\n\tfloat divergence = texture2D(uDivergence, vUv).x;\n\tfloat pressure = (L + R + B + T - divergence) * 0.25;\n\tgl_FragColor = vec4(pressure, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/pressure.frag\";\n\nexport class PressureMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uDivergence: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const usePressureMaterial = () => {\n const pressureMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: null },\n uDivergence: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return pressureMaterial as PressureMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\n\nvoid main () {\n\tfloat L = texture2D(uVelocity, vL).y;\n\tfloat R = texture2D(uVelocity, vR).y;\n\tfloat T = texture2D(uVelocity, vT).x;\n\tfloat B = texture2D(uVelocity, vB).x;\n\tfloat vorticity = R - L - T + B;\n\tgl_FragColor = vec4(vorticity, 0.0, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/curl.frag\";\n\nexport class CurlMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useCurlMaterial = () => {\n const curlMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return curlMaterial as CurlMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uVelocity;\nuniform sampler2D uCurl;\nuniform float curl;\nuniform float dt;\n\nvoid main () {\n\tfloat T = texture2D(uCurl, vT).x;\n\tfloat B = texture2D(uCurl, vB).x;\n\tfloat C = texture2D(uCurl, vUv).x;\n\tvec2 force = vec2(abs(T) - abs(B), 0.0);\n\tforce *= 1.0 / length(force + 0.00001) * curl * C;\n\tvec2 vel = texture2D(uVelocity, vUv).xy;\n\tgl_FragColor = vec4(vel + force * dt, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/vorticity.frag\";\n\nexport class VorticityMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uVelocity: { value: THREE.Texture };\n uCurl: { value: THREE.Texture };\n curl: { value: number };\n dt: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useVorticityMaterial = () => {\n const vorticityMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uVelocity: { value: null },\n uCurl: { value: null },\n curl: { value: 0 },\n dt: { value: 0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return vorticityMaterial as VorticityMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform float value;\n\nvoid main () {\n\tgl_FragColor = value * texture2D(uTexture, vUv);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/clear.frag\";\n\nexport class ClearMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTexture: { value: THREE.Texture };\n value: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useClearMaterial = () => {\n const advectionMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n value: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return advectionMaterial as ClearMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nvarying vec2 vL;\nvarying vec2 vR;\nvarying vec2 vT;\nvarying vec2 vB;\nuniform sampler2D uPressure;\nuniform sampler2D uVelocity;\n\nvec2 boundary (in vec2 uv) {\n\tuv = min(max(uv, 0.0), 1.0);\n\treturn uv;\n}\n\nvoid main () {\n\tfloat L = texture2D(uPressure, boundary(vL)).x;\n\tfloat R = texture2D(uPressure, boundary(vR)).x;\n\tfloat T = texture2D(uPressure, boundary(vT)).x;\n\tfloat B = texture2D(uPressure, boundary(vB)).x;\n\tvec2 velocity = texture2D(uVelocity, vUv).xy;\n\tvelocity.xy -= vec2(R - L, T - B);\n\tgl_FragColor = vec4(velocity, 0.0, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/gradientSubtract.frag\";\n\nexport class GradientSubtractMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uPressure: { value: THREE.Texture };\n uVelocity: { value: THREE.Texture };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useGradientSubtractMaterial = () => {\n const gradientSubtractMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uPressure: { value: new THREE.Texture() },\n uVelocity: { value: new THREE.Texture() },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return gradientSubtractMaterial as GradientSubtractMaterial;\n};\n","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D uTarget;\nuniform float aspectRatio;\nuniform vec3 color;\nuniform vec2 point;\nuniform float radius;\n\nvoid main () {\n\tvec2 nPoint = (point + vec2(1.0)) * 0.5;\n\tvec2 p = vUv - nPoint.xy;\n\tp.x *= aspectRatio;\n\tvec3 splat = exp(-dot(p, p) / radius) * color;\n\tvec3 base = texture2D(uTarget, vUv).xyz;\n\tgl_FragColor = vec4(base + splat, 1.0);\n}","import * as THREE from \"three\";\nimport { useMemo } from \"react\";\nimport vertexShader from \"../shaders/main.vert\";\nimport fragmentShader from \"../shaders/splat.frag\";\n\nexport class SplatMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTarget: { value: THREE.Texture };\n aspectRatio: { value: number };\n color: { value: THREE.Vector3 };\n point: { value: THREE.Vector2 };\n radius: { value: number };\n texelSize: { value: THREE.Vector2 };\n };\n}\n\nexport const useSplateMaterial = () => {\n const splatMaterial = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTarget: { value: new THREE.Texture() },\n aspectRatio: { value: 0 },\n color: { value: new THREE.Vector3() },\n point: { value: new THREE.Vector2() },\n radius: { value: 0.0 },\n texelSize: { value: new THREE.Vector2() },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n return splatMaterial as SplatMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useInitialMaterial } from \"./materials/useInitialMaterial\";\nimport {\n AdvectionMaterial,\n useAdvectionMaterial,\n} from \"./materials/useAdvectionMaterial\";\nimport {\n DivergenceMaterial,\n useDivergenceMaterial,\n} from \"./materials/useDivergenceMaterial\";\nimport {\n PressureMaterial,\n usePressureMaterial,\n} from \"./materials/usePressureMaterial\";\nimport { CurlMaterial, useCurlMaterial } from \"./materials/useCurlMaterial\";\nimport {\n VorticityMaterial,\n useVorticityMaterial,\n} from \"./materials/useVorticityMaterial\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport { ClearMaterial, useClearMaterial } from \"./materials/useClearMaterial\";\nimport {\n GradientSubtractMaterial,\n useGradientSubtractMaterial,\n} from \"./materials/useGradientSubtractMaterial\";\nimport { SplatMaterial, useSplateMaterial } from \"./materials/useSplatMaterial\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { Size } from \"@react-three/fiber\";\n\ntype TMaterials =\n | AdvectionMaterial\n | DivergenceMaterial\n | CurlMaterial\n | PressureMaterial\n | ClearMaterial\n | GradientSubtractMaterial\n | SplatMaterial;\n\nexport type FluidMaterials = {\n vorticityMaterial: VorticityMaterial;\n curlMaterial: CurlMaterial;\n advectionMaterial: AdvectionMaterial;\n divergenceMaterial: DivergenceMaterial;\n pressureMaterial: PressureMaterial;\n clearMaterial: ClearMaterial;\n gradientSubtractMaterial: GradientSubtractMaterial;\n splatMaterial: SplatMaterial;\n};\ntype TUseMeshReturnType = [FluidMaterials, (material: TMaterials) => void];\n\n/**\n * Returns the material update function in the second argument\n */\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}): TUseMeshReturnType => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const initialMaterial = useInitialMaterial();\n const updateMaterial = initialMaterial.clone();\n const curlMaterial = useCurlMaterial();\n const vorticityMaterial = useVorticityMaterial();\n const advectionMaterial = useAdvectionMaterial();\n const divergenceMaterial = useDivergenceMaterial();\n const pressureMaterial = usePressureMaterial();\n const clearMaterial = useClearMaterial();\n const gradientSubtractMaterial = useGradientSubtractMaterial();\n const splatMaterial = useSplateMaterial();\n const materials = useMemo(\n () => ({\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n }),\n [\n vorticityMaterial,\n curlMaterial,\n advectionMaterial,\n divergenceMaterial,\n pressureMaterial,\n clearMaterial,\n gradientSubtractMaterial,\n splatMaterial,\n ]\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n setUniform(\n materials.splatMaterial,\n \"aspectRatio\",\n resolution.x / resolution.y\n );\n for (const material of Object.values(materials)) {\n setUniform(\n material,\n \"texelSize\",\n new THREE.Vector2(1.0 / resolution.x, 1.0 / resolution.y)\n );\n }\n }, [resolution, materials]);\n\n const mesh = useAddMesh(scene, geometry, initialMaterial);\n useEffect(() => {\n initialMaterial.dispose();\n mesh.material = updateMaterial;\n }, [initialMaterial, mesh, updateMaterial]);\n\n useEffect(() => {\n return () => {\n for (const material of Object.values(materials)) {\n material.dispose();\n }\n };\n }, [materials]);\n\n const setMeshMaterial = useCallback(\n (material: TMaterials) => {\n mesh.material = material;\n mesh.material.needsUpdate = true;\n },\n [mesh]\n );\n\n return [materials, setMeshMaterial];\n};\n","import * as THREE from \"three\";\nimport { FluidMaterials, useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { DoubleRenderTarget, UseFboProps } from \"../../utils/types\";\n\nexport type FluidParams = {\n /** density disspation , default:0.98 */\n density_dissipation?: number;\n /** velocity dissipation , default:0.99 */\n velocity_dissipation?: number;\n /** velocity acceleration , default:10.0 */\n velocity_acceleration?: number;\n /** pressure dissipation , default:0.9 */\n pressure_dissipation?: number;\n /** pressure iterations. affects performance , default:20 */\n pressure_iterations?: number;\n /** curl_strength , default:35 */\n curl_strength?: number;\n /** splat radius , default:0.002 */\n splat_radius?: number;\n /** Fluid Color.THREE.Vector3 Alternatively, it accepts a function that returns THREE.Vector3.The function takes velocity:THREE.Vector2 as an argument. , default:THREE.Vector3(1.0, 1.0, 1.0) */\n fluid_color?: ((velocity: THREE.Vector2) => THREE.Vector3) | THREE.Vector3;\n};\n\nexport type FluidObject = {\n scene: THREE.Scene;\n materials: FluidMaterials;\n camera: THREE.Camera;\n renderTarget: {\n velocity: DoubleRenderTarget;\n density: DoubleRenderTarget;\n curl: THREE.WebGLRenderTarget;\n divergence: THREE.WebGLRenderTarget;\n pressure: DoubleRenderTarget;\n };\n};\n\nexport const FLUID_PARAMS: FluidParams = {\n density_dissipation: 0.98,\n velocity_dissipation: 0.99,\n velocity_acceleration: 10.0,\n pressure_dissipation: 0.9,\n pressure_iterations: 20,\n curl_strength: 35,\n splat_radius: 0.002,\n fluid_color: new THREE.Vector3(1.0, 1.0, 1.0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFluid = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const [materials, setMeshMaterial] = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n }),\n [scene, camera, size]\n );\n const [velocityFBO, updateVelocityFBO] = useDoubleFBO(fboProps);\n const [densityFBO, updateDensityFBO] = useDoubleFBO(fboProps);\n const [curlFBO, updateCurlFBO] = useSingleFBO(fboProps);\n const [divergenceFBO, updateDivergenceFBO] = useSingleFBO(fboProps);\n const [pressureFBO, updatePressureFBO] = useDoubleFBO(fboProps);\n\n const lastTime = useRef(0);\n const scaledDiffVec = useRef(new THREE.Vector2(0, 0));\n const spaltVec = useRef(new THREE.Vector3(0, 0, 0));\n\n const [params, setParams] = useParams(FLUID_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FluidParams) => {\n const { gl, pointer, clock, size } = props;\n\n updateParams && setParams(updateParams);\n\n if (lastTime.current === 0) {\n lastTime.current = clock.getElapsedTime();\n }\n const dt = Math.min(\n (clock.getElapsedTime() - lastTime.current) / 3,\n 0.02\n );\n lastTime.current = clock.getElapsedTime();\n\n // update velocity\n const velocityTex = updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", read);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(materials.advectionMaterial, \"dt\", dt);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.velocity_dissipation!\n );\n });\n\n // update density\n const densityTex = updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.advectionMaterial);\n setUniform(materials.advectionMaterial, \"uVelocity\", velocityTex);\n setUniform(materials.advectionMaterial, \"uSource\", read);\n setUniform(\n materials.advectionMaterial,\n \"dissipation\",\n params.density_dissipation!\n );\n });\n\n // update splatting\n const { currentPointer, diffPointer, isVelocityUpdate, velocity } =\n updatePointer(pointer);\n if (isVelocityUpdate) {\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n setUniform(materials.splatMaterial, \"point\", currentPointer);\n const scaledDiff = diffPointer.multiply(\n scaledDiffVec.current\n .set(size.width, size.height)\n .multiplyScalar(params.velocity_acceleration!)\n );\n setUniform(\n materials.splatMaterial,\n \"color\",\n spaltVec.current.set(scaledDiff.x, scaledDiff.y, 1.0)\n );\n setUniform(\n materials.splatMaterial,\n \"radius\",\n params.splat_radius!\n );\n });\n updateDensityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.splatMaterial);\n setUniform(materials.splatMaterial, \"uTarget\", read);\n const color: THREE.Vector3 =\n typeof params.fluid_color === \"function\"\n ? params.fluid_color(velocity)\n : params.fluid_color!;\n setUniform(materials.splatMaterial, \"color\", color);\n });\n }\n\n // update curl\n const curlTex = updateCurlFBO(gl, () => {\n setMeshMaterial(materials.curlMaterial);\n setUniform(materials.curlMaterial, \"uVelocity\", velocityTex);\n });\n\n // update vorticity\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.vorticityMaterial);\n setUniform(materials.vorticityMaterial, \"uVelocity\", read);\n setUniform(materials.vorticityMaterial, \"uCurl\", curlTex);\n setUniform(\n materials.vorticityMaterial,\n \"curl\",\n params.curl_strength!\n );\n setUniform(materials.vorticityMaterial, \"dt\", dt);\n });\n\n // update divergence\n const divergenceTex = updateDivergenceFBO(gl, () => {\n setMeshMaterial(materials.divergenceMaterial);\n setUniform(materials.divergenceMaterial, \"uVelocity\", velocityTex);\n });\n\n // update pressure\n updatePressureFBO(gl, ({ read }) => {\n setMeshMaterial(materials.clearMaterial);\n setUniform(materials.clearMaterial, \"uTexture\", read);\n setUniform(\n materials.clearMaterial,\n \"value\",\n params.pressure_dissipation!\n );\n });\n\n // solve pressure iterative (Gauss-Seidel)\n setMeshMaterial(materials.pressureMaterial);\n setUniform(materials.pressureMaterial, \"uDivergence\", divergenceTex);\n let pressureTexTemp: THREE.Texture;\n for (let i = 0; i < params.pressure_iterations!; i++) {\n pressureTexTemp = updatePressureFBO(gl, ({ read }) => {\n setUniform(materials.pressureMaterial, \"uPressure\", read);\n });\n }\n\n // update gradienSubtract\n updateVelocityFBO(gl, ({ read }) => {\n setMeshMaterial(materials.gradientSubtractMaterial);\n setUniform(\n materials.gradientSubtractMaterial,\n \"uPressure\",\n pressureTexTemp\n );\n setUniform(materials.gradientSubtractMaterial, \"uVelocity\", read);\n });\n\n return densityTex;\n },\n [\n materials,\n setMeshMaterial,\n updateCurlFBO,\n updateDensityFBO,\n updateDivergenceFBO,\n updatePointer,\n updatePressureFBO,\n updateVelocityFBO,\n setParams,\n params,\n ]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n materials: materials,\n camera: camera,\n renderTarget: {\n velocity: velocityFBO,\n density: densityFBO,\n curl: curlFBO,\n divergence: divergenceFBO,\n pressure: pressureFBO,\n },\n },\n ];\n};\n","import { useEffect, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\n\ntype UseMeshProps = {\n scale: number;\n max: number;\n texture?: THREE.Texture;\n scene: THREE.Scene;\n};\n\nexport const useMesh = ({ scale, max, texture, scene }: UseMeshProps) => {\n const meshArr = useRef([]);\n const geometry = useMemo(\n () => new THREE.PlaneGeometry(scale, scale),\n [scale]\n );\n const material = useMemo(\n () =>\n new THREE.MeshBasicMaterial({\n map: texture ?? null,\n transparent: true,\n blending: THREE.AdditiveBlending,\n depthTest: false,\n depthWrite: false,\n }),\n [texture]\n );\n\n useEffect(() => {\n for (let i = 0; i < max; i++) {\n const mesh = new THREE.Mesh(geometry.clone(), material.clone());\n mesh.rotateZ(2 * Math.PI * Math.random());\n mesh.visible = false;\n scene.add(mesh);\n meshArr.current.push(mesh);\n }\n }, [geometry, material, scene, max]);\n\n useEffect(() => {\n return () => {\n meshArr.current.forEach((mesh) => {\n mesh.geometry.dispose();\n if (Array.isArray(mesh.material)) {\n mesh.material.forEach((material) => material.dispose());\n } else {\n mesh.material.dispose();\n }\n scene.remove(mesh);\n });\n meshArr.current = [];\n };\n }, [scene]);\n\n return meshArr.current;\n};\n","import { useCallback, useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { usePointer } from \"../../utils/usePointer\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type RippleParams = {\n /** How often ripples appear,default:0.01 */\n frequency?: number;\n /** rotation rate,default:0.05 */\n rotation?: number;\n /** fadeout speed,default:0.9 */\n fadeout_speed?: number;\n /** scale rate,default:0.3 */\n scale?: number;\n /** alpha,default:0.6 */\n alpha?: number;\n};\n\nexport type RippleObject = {\n scene: THREE.Scene;\n meshArr: THREE.Mesh[];\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const RIPPLE_PARAMS: RippleParams = {\n frequency: 0.01,\n rotation: 0.05,\n fadeout_speed: 0.9,\n scale: 0.3,\n alpha: 0.6,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useRipple = ({\n texture,\n scale = 64,\n max = 100,\n size,\n}: {\n /** texture applied to ripple */\n texture: THREE.Texture;\n /** ripple size, default:64 */\n scale?: number;\n /** ripple max length, default:100 */\n max?: number;\n size: Size;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const meshArr = useMesh({\n scale: scale,\n max: max,\n texture,\n scene,\n });\n const camera = useCamera(size);\n const updatePointer = usePointer();\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n });\n\n const [params, setParams] = useParams(RIPPLE_PARAMS);\n\n const currentWave = useRef(0);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: RippleParams) => {\n const { gl, pointer, size } = props;\n\n updateParams && setParams(updateParams);\n\n const { currentPointer, diffPointer } = updatePointer(pointer);\n if (params.frequency! < diffPointer.length()) {\n const mesh = meshArr[currentWave.current];\n mesh.visible = true;\n mesh.position.set(\n currentPointer.x * (size.width / 2),\n currentPointer.y * (size.height / 2),\n 0\n );\n mesh.scale.x = mesh.scale.y = 0.0;\n (mesh.material as THREE.MeshBasicMaterial).opacity = params.alpha!;\n currentWave.current = (currentWave.current + 1) % max;\n }\n meshArr.forEach((mesh) => {\n if (mesh.visible) {\n const material = mesh.material as THREE.MeshBasicMaterial;\n mesh.rotation.z += params.rotation!;\n material.opacity *= params.fadeout_speed!;\n mesh.scale.x =\n params.fadeout_speed! * mesh.scale.x + params.scale!;\n mesh.scale.y = mesh.scale.x;\n if (material.opacity < 0.002) mesh.visible = false;\n }\n });\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, meshArr, updatePointer, max, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n meshArr: meshArr,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform vec2 uTextureResolution;\nuniform sampler2D uTexture0;\nuniform sampler2D uTexture1;\nuniform sampler2D uMap;\nuniform float mapIntensity;\nuniform float edgeIntensity;\nuniform float progress;\nuniform float dirX;\nuniform float dirY;\nuniform vec2 epicenter;\nuniform float padding;\n\nbool isInPaddingArea(vec2 uv) {\n return uv.x < padding || uv.x > 1.0 - padding || uv.y < padding || uv.y > 1.0 - padding;\n}\n\nvoid main() {\n\tvec2 bgRatio=vec2(\n\t\tmin((uResolution.x/uResolution.y)/(uTextureResolution.x/uTextureResolution.y),1.),\n\t\tmin((uResolution.y/uResolution.x)/(uTextureResolution.y/uTextureResolution.x),1.)\n\t);\n\tvec2 uv=vec2(\n\t\tvUv.x*bgRatio.x+(1.-bgRatio.x)*.5,\n\t\tvUv.y*bgRatio.y+(1.-bgRatio.y)*.5\n\t);\n\n\t// fx map\n\tvec2 map = texture2D(uMap, uv).rg;\n\tvec2 normalizedMap = map * 2.0 - 1.0;\n\n\t// multiply edge fx\n\tuv = uv * 2.0 - 1.0;\n\tuv *= map * distance(epicenter, uv) * edgeIntensity + 1.0;\n\tuv = (uv + 1.0) / 2.0;\n\n\t// padding\n\tif (isInPaddingArea(uv)) {\n\t\tgl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);\n\t\treturn;\n\t}\n\tvec2 paddedUV = uv * (1.0 - 2.0 * padding * -1.) + padding * -1.;\n\n\t// centered uv\n\tvec2 centeredUV = paddedUV - vec2(0.5);\n\n\t// multiply map fx\n\tcenteredUV *= normalizedMap * map * mapIntensity + 1.0;\n\n\t// texture 0\n\tfloat xOffsetTexture0 = 0.5 - dirX * progress;\n\tfloat yOffsetTexture0 = 0.5 - dirY * progress;\n\tvec2 samplePosTexture0 = vec2(xOffsetTexture0, yOffsetTexture0) + centeredUV;\n\n\t//texture 1\n\tfloat xOffsetTexture1 = 0.5 + dirX * (1.0 - progress);\n\tfloat yOffsetTexture1 = 0.5 + dirY * (1.0 - progress);\n\tvec2 samplePosTexture1 = vec2(xOffsetTexture1, yOffsetTexture1) + centeredUV;\n\n\tvec4 color0 = texture2D(uTexture0, samplePosTexture0);\n\tvec4 color1 = texture2D(uTexture1, samplePosTexture1);\n\n\tgl_FragColor = mix(color0, color1, progress);\n\n}","import { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useResolution } from \"../../utils/useResolution\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class TransitionBgMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uResolution: { value: THREE.Vector2 };\n uTextureResolution: { value: THREE.Vector2 };\n uTexture0: { value: THREE.Texture };\n uTexture1: { value: THREE.Texture };\n padding: { value: number };\n uMap: { value: THREE.Texture };\n edgeIntensity: { value: number };\n mapIntensity: { value: number };\n epicenter: { value: THREE.Vector2 };\n progress: { value: number };\n dirX: { value: number };\n dirY: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uResolution: { value: new THREE.Vector2() },\n uTextureResolution: { value: new THREE.Vector2() },\n uTexture0: { value: new THREE.Texture() },\n uTexture1: { value: new THREE.Texture() },\n padding: { value: 0.0 },\n uMap: { value: new THREE.Texture() },\n edgeIntensity: { value: 0.0 },\n mapIntensity: { value: 0.0 },\n epicenter: { value: new THREE.Vector2(0.0, 0.0) },\n progress: { value: 0.0 },\n dirX: { value: 0.0 },\n dirY: { value: 0.0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as TransitionBgMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\n\nexport type FxTextureParams = {\n /** 1st texture , default:THREE.Texture() */\n texture0?: THREE.Texture;\n /** 2nd texture , default:THREE.Texture() */\n texture1?: THREE.Texture;\n /** background texture resolution , default:THREE.Vector2(0, 0) */\n textureResolution?: THREE.Vector2;\n /** add transparent padding, 0.0 ~ 1.0 , default:0.0 */\n padding?: number;\n /** The color map. The uv value is affected according to this rbg , default:THREE.Texture() */\n map?: THREE.Texture;\n /** intensity of map , default:0.0 */\n mapIntensity?: number;\n /** Intensity of effect on edges , default:0.0 */\n edgeIntensity?: number;\n /** epicenter of fx, -1 ~ 1 , default:vec2(0.0,0.0)*/\n epicenter?: THREE.Vector2;\n /** Switch value to switch between texture0 and texture1 */\n progress?: number;\n /** direction of transition , default: THREE.Vector2(0, 0) */\n dir?: THREE.Vector2;\n};\n\nexport type FxTextureObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const FXTEXTURE_PARAMS: FxTextureParams = {\n texture0: new THREE.Texture(),\n texture1: new THREE.Texture(),\n textureResolution: new THREE.Vector2(0, 0),\n padding: 0.0,\n map: new THREE.Texture(),\n mapIntensity: 0.0,\n edgeIntensity: 0.0,\n epicenter: new THREE.Vector2(0, 0),\n progress: 0.0,\n dir: new THREE.Vector2(0, 0),\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useFxTexture = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n dpr,\n size,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(FXTEXTURE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: FxTextureParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture0\", params.texture0!);\n setUniform(material, \"uTexture1\", params.texture1!);\n setUniform(material, \"uTextureResolution\", params.textureResolution!);\n setUniform(material, \"padding\", params.padding!);\n setUniform(material, \"uMap\", params.map!);\n setUniform(material, \"mapIntensity\", params.mapIntensity!);\n setUniform(material, \"edgeIntensity\", params.edgeIntensity!);\n setUniform(material, \"epicenter\", params.epicenter!);\n setUniform(material, \"progress\", params.progress!);\n setUniform(material, \"dirX\", params.dir!.x);\n setUniform(material, \"dirY\", params.dir!.y);\n\n const bufferTexture = updateRenderTarget(gl);\n return bufferTexture;\n },\n [updateRenderTarget, material, params, setParams]\n );\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform float uTime;\nuniform float timeStrength;\nuniform int noiseOctaves;\nuniform int fbmOctaves;\n\nconst float per = 0.5;\nconst float PI = 3.14159265359;\n\nfloat interpolate(float a, float b, float x){\n float f = (1.0 - cos(x * PI)) * 0.5;\n return a * (1.0 - f) + b * f;\n}\n\nfloat rnd(vec2 p){\n\tvec3 p3 = fract(vec3(p.xyx) * .1995);\n\tp3 += dot(p3, p3.yzx + 11.28);\n\treturn fract((p3.x + p3.y) * p3.z);\n}\n\nfloat irnd(vec2 p){\n\tvec2 i = floor(p);\n\tvec2 f = fract(p);\n\tvec4 v = vec4(rnd(vec2(i.x,i.y)),rnd(vec2(i.x + 1.0,i.y)),rnd(vec2(i.x,i.y + 1.0)),rnd(vec2(i.x + 1.0, i.y + 1.0)));\n\treturn interpolate(interpolate(v.x, v.y, f.x), interpolate(v.z, v.w, f.x), f.y);\n}\n\n// Based on The Book of Shaders\n// https://thebookofshaders.com/13/\nfloat noise(vec2 p, float time){\n\tfloat t = 0.0;\n\tfor(int i = 0; i < noiseOctaves; i++){\n\t\tfloat freq = pow(2.0, float(i));\n\t\tfloat amp = pow(per, float(noiseOctaves - i));\n\t\tt += irnd(vec2(p.y / freq + time, p.x / freq + time)) * amp;\n\t}\n\treturn t;\n}\n\nfloat fbm(vec2 x, float time) {\n\tfloat v = 0.0;\n\tfloat a = 0.5;\n\tvec2 shift = vec2(100);\n\tmat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));\n\tfloat sign = 1.0;\n\tfor (int i = 0; i < fbmOctaves; ++i) {\n\t\tv += a * noise(x, time * sign);\n\t\tx = rot * x * 2.0 + shift;\n\t\ta *= 0.5;\n\t\tsign *= -1.0;\n\t}\n\treturn v;\n}\n\nvoid main() {\n\tfloat noiseMap = fbm(gl_FragCoord.xy ,uTime * timeStrength);\n\tgl_FragColor = vec4(noiseMap,noiseMap,noiseMap,1.0);\n}\n\n","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class NoiseMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uTime: { value: number };\n timeStrength: { value: number };\n noiseOctaves: { value: number };\n fbmOctaves: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTime: { value: 0.0 },\n timeStrength: { value: 0.0 },\n noiseOctaves: { value: 0 },\n fbmOctaves: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as NoiseMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type NoiseParams = {\n /** time factor default:0.3 */\n timeStrength?: number;\n /** noiseOctaves, affects performance default:8 */\n noiseOctaves?: number;\n /** fbmOctaves, affects performance default:3 */\n fbmOctaves?: number;\n};\n\nexport type NoiseObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const NOISE_PARAMS: NoiseParams = {\n timeStrength: 0.3,\n noiseOctaves: 8,\n fbmOctaves: 3,\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useNoise = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n });\n\n const [params, setParams] = useParams(NOISE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: NoiseParams) => {\n const { gl, clock } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"timeStrength\", params.timeStrength!);\n setUniform(material, \"noiseOctaves\", params.noiseOctaves!);\n setUniform(material, \"fbmOctaves\", params.fbmOctaves!);\n\n setUniform(material, \"uTime\", clock.getElapsedTime());\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import { DomSyncerParams } from \"..\";\n\nexport const errorHandler = (params: DomSyncerParams) => {\n const domLength = params.dom?.length;\n const textureLength = params.texture?.length;\n const resolutionLength = params.resolution?.length;\n\n if (!domLength || !textureLength || !resolutionLength) {\n throw new Error(\"No dom or texture or resolution is set\");\n }\n\n if (domLength !== textureLength || domLength !== resolutionLength) {\n throw new Error(\"Match dom, texture and resolution length\");\n }\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform sampler2D u_texture;\nuniform vec2 u_textureResolution;\nuniform vec2 u_resolution;\nuniform float u_borderRadius;\n\nvoid main() {\n\t// texuture color\n\tvec2 ratio = vec2(\n\t\tmin((u_resolution.x / u_resolution.y) / (u_textureResolution.x / u_textureResolution.y), 1.0),\n\t\tmin((u_resolution.y / u_resolution.x) / (u_textureResolution.y / u_textureResolution.x), 1.0)\n\t);\n\tvec2 adjustedUv = vUv * ratio + (1.0 - ratio) * 0.5;\n\tvec3 textureColor = texture2D(u_texture, adjustedUv).rgb;\n\tfloat textureAlpha = texture2D(u_texture, adjustedUv).a;\n\n\t// Based on https://mofu-dev.com/en/blog/three-dom-alignment/\n\tfloat maxSide = max(u_resolution.x, u_resolution.y);\n\tfloat minSide = min(u_resolution.x, u_resolution.y);\n\tvec2 aspect = u_resolution / maxSide;\n\tvec2 alphaUv = vUv - 0.5;\n\n\tfloat borderRadius = min(u_borderRadius, minSide * 0.5);\n\tvec2 offset = vec2(borderRadius) / u_resolution;\n\tvec2 alphaXY = smoothstep(vec2(0.5 - offset), vec2(0.5 - offset - 0.001), abs(alphaUv));\n\tfloat alpha = min(1.0, alphaXY.x + alphaXY.y);\n\n\tvec2 alphaUv2 = abs(vUv - 0.5);\n\tfloat radius = borderRadius / maxSide;\n\talphaUv2 = (alphaUv2 - 0.5) * aspect + radius;\n\tfloat roundAlpha = smoothstep(radius + 0.001, radius, length(alphaUv2));\n\n\talpha = min(1.0, alpha + roundAlpha);\n\n\t// multiply texture alpha\n\talpha *= textureAlpha;\n\n\tgl_FragColor = vec4(textureColor, alpha);\n}\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport vertexShader from \"../shader/main.vert\";\nimport fragmentShader from \"../shader/main.frag\";\n\nexport class DomSyncerMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n u_texture: { value: THREE.Texture };\n u_textureResolution: { value: THREE.Vector2 };\n u_resolution: { value: THREE.Vector2 };\n u_borderRadius: { value: number };\n };\n}\n\nexport const createMesh = ({\n params,\n size,\n scene,\n}: {\n params: DomSyncerParams;\n size: Size;\n scene: THREE.Scene;\n}) => {\n if (scene.children.length > 0) {\n scene.children.forEach((child) => {\n if (child instanceof THREE.Mesh) {\n child.geometry.dispose();\n child.material.dispose();\n }\n });\n scene.remove(...scene.children);\n }\n\n params.texture!.forEach((texture, i) => {\n const mesh = new THREE.Mesh(\n new THREE.PlaneGeometry(1, 1),\n new THREE.ShaderMaterial({\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n transparent: true,\n uniforms: {\n u_texture: { value: texture },\n u_textureResolution: { value: new THREE.Vector2(0, 0) },\n u_resolution: { value: new THREE.Vector2(0, 0) },\n u_borderRadius: {\n value: params.boderRadius![i] ? params.boderRadius![i] : 0.0,\n },\n },\n })\n );\n scene.add(mesh);\n });\n};\n","import { useCallback, useRef } from \"react\";\nimport { DomSyncerParams } from \"..\";\n\nexport const useIntersectionHandler = () => {\n const intersectionObserverRef = useRef([]);\n const intersectionDomRef = useRef<(HTMLElement | Element | null)[]>([]);\n\n const intersectionHandler = useCallback(\n ({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n }: {\n isIntersectingRef: React.MutableRefObject;\n isIntersectingOnceRef: React.MutableRefObject;\n params: DomSyncerParams;\n }) => {\n if (intersectionObserverRef.current.length > 0) {\n intersectionObserverRef.current.forEach((observer, i) => {\n observer.unobserve(intersectionDomRef.current[i]!);\n });\n }\n\n intersectionDomRef.current = [];\n intersectionObserverRef.current = [];\n\n const newArr = new Array(params.dom!.length).fill(false);\n isIntersectingRef.current = [...newArr];\n isIntersectingOnceRef.current = [...newArr];\n\n params.dom!.forEach((dom, i) => {\n const callback = (entries: IntersectionObserverEntry[]) => {\n entries.forEach((entry) => {\n params.onIntersect![i] && params.onIntersect![i](entry);\n // Update the judgment after execution so that the judgment of isIntersectin can be used when executing onIntersect\n isIntersectingRef.current[i] = entry.isIntersecting;\n });\n };\n const observer = new IntersectionObserver(callback, {\n rootMargin: \"0px\",\n threshold: 0,\n });\n observer.observe(dom!);\n intersectionObserverRef.current.push(observer);\n intersectionDomRef.current.push(dom!);\n });\n },\n []\n );\n\n return intersectionHandler;\n};\n","import * as THREE from \"three\";\nimport { DomSyncerParams } from \"../\";\nimport { Size } from \"@react-three/fiber\";\nimport { setUniform } from \"../../../utils/setUniforms\";\nimport { DomSyncerMaterial } from \"./createMesh\";\n\nexport const updateRect = ({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n}: {\n params: DomSyncerParams;\n size: Size;\n resolutionRef: React.MutableRefObject;\n scene: THREE.Scene;\n isIntersectingRef: React.MutableRefObject;\n}) => {\n scene.children.forEach((mesh, i) => {\n const domElement = params.dom![i];\n if (!domElement) {\n throw new Error(\"DOM is null.\");\n }\n if (isIntersectingRef.current[i]) {\n const rect = domElement.getBoundingClientRect();\n mesh.scale.set(rect.width, rect.height, 1.0);\n mesh.position.set(\n rect.left + rect.width * 0.5 - size.width * 0.5,\n -rect.top - rect.height * 0.5 + size.height * 0.5,\n 0.0\n );\n if (mesh instanceof THREE.Mesh) {\n const material: DomSyncerMaterial = mesh.material;\n setUniform(material, \"u_texture\", params.texture![i]);\n setUniform(material, \"u_textureResolution\", params.resolution![i]);\n setUniform(\n material,\n \"u_resolution\",\n resolutionRef.current.set(rect.width, rect.height)\n );\n setUniform(\n material,\n \"u_borderRadius\",\n params.boderRadius![i] ? params.boderRadius![i] : 0.0\n );\n }\n }\n });\n};\n","import { useCallback, useRef } from \"react\";\n\nexport type IsIntersecting = (\n index: number,\n once?: boolean\n) => boolean[] | boolean;\n\nexport const useIsIntersecting = () => {\n const isIntersectingRef = useRef([]);\n const isIntersectingOnceRef = useRef([]);\n\n const isIntersecting: IsIntersecting = useCallback((index, once = false) => {\n isIntersectingRef.current.forEach((value, i) => {\n if (value) {\n isIntersectingOnceRef.current[i] = true;\n }\n });\n const temp = once\n ? [...isIntersectingOnceRef.current]\n : [...isIntersectingRef.current];\n return index < 0 ? temp : temp[index];\n }, []);\n\n return {\n isIntersectingRef,\n isIntersectingOnceRef,\n isIntersecting,\n };\n};\n","import * as THREE from \"three\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { HooksReturn } from \"../types\";\nimport { useParams } from \"../../utils/useParams\";\nimport { errorHandler } from \"./utils/errorHandler\";\nimport { createMesh } from \"./utils/createMesh\";\nimport { useIntersectionHandler } from \"./utils/useIntersectionHandler\";\nimport { updateRect } from \"./utils/updateRect\";\nimport { useIsIntersecting, IsIntersecting } from \"./utils/useIsIntersecting\";\n\nexport type DomSyncerParams = {\n /** DOM array you want to synchronize */\n dom?: (HTMLElement | Element | null)[];\n /** Texture array that you want to synchronize with the DOM rectangle */\n texture?: THREE.Texture[];\n /** Texture resolution array to pass */\n resolution?: THREE.Vector2[];\n /** default:0.0[] */\n boderRadius?: number[];\n /** Array of callback functions when crossed */\n onIntersect?: ((entry: IntersectionObserverEntry) => void)[];\n};\n\nexport type DomSyncerObject = {\n scene: THREE.Scene;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n /**\n * A function that returns a determination whether the DOM intersects or not.\n * The boolean will be updated after executing the onIntersect function.\n * @param index - Index of the dom for which you want to return an intersection decision. -1 will return the entire array.\n * @param once - If set to true, it will continue to return true once crossed.\n */\n isIntersecting: IsIntersecting;\n};\n\nexport const DOMSYNCER_PARAMS: DomSyncerParams = {\n texture: [],\n dom: [],\n resolution: [],\n boderRadius: [],\n onIntersect: [],\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useDomSyncer = (\n {\n size,\n dpr,\n }: {\n size: Size;\n dpr: number;\n },\n dependencies: React.DependencyList = []\n): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n const [params, setParams] = useParams(DOMSYNCER_PARAMS);\n\n // Avoid instancing vec2 every frame\n const resolutionRef = useRef(new THREE.Vector2(0, 0));\n\n // Update monitored doms according to the dependency array\n const [refreshTrigger, setRefreshTrigger] = useState(true);\n useEffect(() => {\n setRefreshTrigger(true);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n\n const intersectionHandler = useIntersectionHandler();\n const { isIntersectingOnceRef, isIntersectingRef, isIntersecting } =\n useIsIntersecting();\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: DomSyncerParams) => {\n const { gl, size } = props;\n\n updateParams && setParams(updateParams);\n\n errorHandler(params);\n\n if (refreshTrigger) {\n createMesh({\n params,\n size,\n scene,\n });\n\n intersectionHandler({\n isIntersectingRef,\n isIntersectingOnceRef,\n params,\n });\n\n setRefreshTrigger(false);\n }\n\n updateRect({\n params,\n size,\n resolutionRef,\n scene,\n isIntersectingRef,\n });\n\n return updateRenderTarget(gl);\n },\n [\n updateRenderTarget,\n setParams,\n intersectionHandler,\n refreshTrigger,\n scene,\n params,\n isIntersectingOnceRef,\n isIntersectingRef,\n ]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n camera: camera,\n renderTarget: renderTarget,\n isIntersecting: isIntersecting,\n },\n ];\n};\n","precision mediump float;\n\nvarying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision mediump float;\n\nvarying vec2 vUv;\nuniform sampler2D uTexture;\nuniform vec2 uResolution;\nuniform float uBlurSize;\n\nvoid main() {\n\tvec2 uv = vUv;\t\n\tvec2 perDivSize = uBlurSize / uResolution;\n\n\t// calc average color value from adjacent point\n\tvec4 outColor = vec4(\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, -1.0)) +\n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, -1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 0.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(-1.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(0.0, 1.0)) + \n\t\ttexture2D(uTexture, uv + perDivSize * vec2(1.0, 1.0))\n\t\t) / 9.0;\n\t\n\tgl_FragColor = outColor;\n}","import { useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\n\nimport { useAddMesh } from \"../../utils/useAddMesh\";\n\nexport class SampleMaterial extends THREE.ShaderMaterial {\n uniforms!: { \n uTexture: { value: THREE.Texture };\n uResolution: { value: THREE.Vector2 };\n uBlurSize: { value: number };\n };\n}\n\nexport const useMesh = (scene: THREE.Scene) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uTexture: { value: new THREE.Texture() },\n uResolution: { value: new THREE.Vector2(0,0) },\n uBlurSize: { value: 1, }\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n useAddMesh(scene, geometry, material);\n return material as SampleMaterial;\n};\n","import { useCallback, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useMesh } from \"./useMesh\";\n\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { useDoubleFBO } from \"../../utils/useDoubleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\n\nimport type { HooksReturn } from \"../types\";\n\nexport type SimpleBlurParams = {\n /** Make this texture blur , Default:new THREE.Texture() */\n texture: THREE.Texture;\n /** blurSize, default:3 */\n blurSize: number;\n /** blurPower, affects performance default:5 */\n blurPower: number;\n};\n\nexport type SimpleBlurObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const SIMPLEBLUR_PARAMS: SimpleBlurParams = {\n texture: new THREE.Texture(),\n blurSize: 3,\n blurPower: 5,\n};\n\nexport const useSimpleBlur = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh(scene);\n const camera = useCamera(size);\n\n const fboProps = useMemo(\n () => ({\n scene,\n camera,\n size,\n dpr,\n }),\n [scene, camera, size, dpr]\n );\n const [renderTarget, updateRenderTarget] = useSingleFBO(fboProps);\n const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps);\n const [params, setParams] = useParams(SIMPLEBLUR_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: SimpleBlurParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uTexture\", params.texture);\n setUniform(material, \"uResolution\", [\n params.texture.source.data.width,\n params.texture.source.data.height,\n ]);\n setUniform(material, \"uBlurSize\", params.blurSize);\n\n let _tempTexture: THREE.Texture = updateTempTexture(gl);\n\n const iterations = params.blurPower;\n for (let i = 0; i < iterations; i++) {\n setUniform(material, \"uTexture\", _tempTexture);\n _tempTexture = updateTempTexture(gl);\n }\n\n const outPutTexture = updateRenderTarget(gl);\n\n return outPutTexture;\n },\n [updateRenderTarget, updateTempTexture, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","varying vec2 vUv;\n\nvoid main() {\n\tvUv = uv;\n\tgl_Position = vec4(position, 1.0);\n}","precision highp float;\n\nvarying vec2 vUv;\nuniform vec2 uResolution;\nuniform float uProgress;\nuniform float uStrength;\nuniform float uWidth;\nuniform vec2 uEpicenter;\nuniform int uMode;\n\nfloat PI = 3.141592653589;\n\nvoid main() {\n\tfloat progress = min(uProgress, 1.0);\n\tfloat progressFactor = sin(progress * PI);\n\n\tfloat border = progress - progress * progressFactor * uWidth;\n\tfloat blur = uStrength * progressFactor;\n\t\n\t// 0 ~ 1\n\tvec2 normalizeCenter = (uEpicenter + 1.0) / 2.0;\n\n\t// 0:center 1:horizontal 2:vertical\n\tfloat dist = uMode == 0 ? length(vUv - normalizeCenter) : uMode == 1 ? length(vUv.x - normalizeCenter.x) : length(vUv.y - normalizeCenter.y);\n\n\t// Calculate the maximum distance to the four corners of the screen\n\tfloat maxDistance = max(\n\t\tlength(vec2(0.0, 0.0) - normalizeCenter),\n\t\tmax(\n\t\t\t\tlength(vec2(1.0, 0.0) - normalizeCenter),\n\t\t\t\tmax(\n\t\t\t\t\tlength(vec2(0.0, 1.0) - normalizeCenter),\n\t\t\t\t\tlength(vec2(1.0, 1.0) - normalizeCenter)\n\t\t\t\t)\n\t\t)\n\t);\n\n\t// Scale distance so that waves extend to the edge of the screen\n\tdist = maxDistance > 0.0 ? dist / maxDistance : dist;\n\n\tvec3 color = vec3(smoothstep(border - blur, border, dist) -\n smoothstep(progress, progress + blur, dist));\n\t\n\t// Ensure color is 0 when progress is 0,1\n\tcolor *= progressFactor;\n\n\tgl_FragColor = vec4(color, 1.0);\n}\n\n","import * as THREE from \"three\";\nimport { useEffect, useMemo } from \"react\";\nimport vertexShader from \"./shader/main.vert\";\nimport fragmentShader from \"./shader/main.frag\";\nimport { useAddMesh } from \"../../utils/useAddMesh\";\nimport { useResolution } from \"../..\";\nimport { Size } from \"@react-three/fiber\";\n\nexport class WaveMaterial extends THREE.ShaderMaterial {\n uniforms!: {\n uEpicenter: { value: THREE.Vector2 };\n uProgress: { value: number };\n uStrength: { value: number };\n uWidth: { value: number };\n uResolution: { value: THREE.Vector2 };\n uMode: { value: number };\n };\n}\n\nexport const useMesh = ({\n scene,\n size,\n dpr,\n}: {\n scene: THREE.Scene;\n size: Size;\n dpr: number;\n}) => {\n const geometry = useMemo(() => new THREE.PlaneGeometry(2, 2), []);\n const material = useMemo(\n () =>\n new THREE.ShaderMaterial({\n uniforms: {\n uEpicenter: { value: new THREE.Vector2(0.0, 0.0) },\n uProgress: { value: 0.0 },\n uStrength: { value: 0.0 },\n uWidth: { value: 0.0 },\n uResolution: { value: new THREE.Vector2() },\n uMode: { value: 0 },\n },\n vertexShader: vertexShader,\n fragmentShader: fragmentShader,\n }),\n []\n );\n\n const resolution = useResolution(size, dpr);\n useEffect(() => {\n material.uniforms.uResolution.value = resolution.clone();\n }, [resolution, material]);\n\n useAddMesh(scene, geometry, material);\n\n return material as WaveMaterial;\n};\n","import * as THREE from \"three\";\nimport { useCallback, useMemo } from \"react\";\nimport { useMesh } from \"./useMesh\";\nimport { RootState, Size } from \"@react-three/fiber\";\nimport { useCamera } from \"../../utils/useCamera\";\nimport { useSingleFBO } from \"../../utils/useSingleFBO\";\nimport { setUniform } from \"../../utils/setUniforms\";\nimport { useParams } from \"../../utils/useParams\";\nimport { HooksReturn } from \"../types\";\n\nexport type WaveParams = {\n /** -1.0 ~ 1.0 , default:vec2(0.0,0.0) */\n epicenter?: THREE.Vector2;\n /** 0.0 ~ 1.0 , default:0.0 */\n progress?: number;\n /** default:0.0 */\n width?: number;\n /** default:0.0 */\n strength?: number;\n /** default:center */\n mode?: \"center\" | \"horizontal\" | \"vertical\";\n};\n\nexport type WaveObject = {\n scene: THREE.Scene;\n material: THREE.Material;\n camera: THREE.Camera;\n renderTarget: THREE.WebGLRenderTarget;\n};\n\nexport const WAVE_PARAMS: WaveParams = {\n epicenter: new THREE.Vector2(0.0, 0.0),\n progress: 0.0,\n width: 0.0,\n strength: 0.0,\n mode: \"center\",\n};\n\n/**\n * @link https://github.com/takuma-hmng8/use-shader-fx#usage\n */\nexport const useWave = ({\n size,\n dpr,\n}: {\n size: Size;\n dpr: number;\n}): HooksReturn => {\n const scene = useMemo(() => new THREE.Scene(), []);\n const material = useMesh({ scene, size, dpr });\n const camera = useCamera(size);\n const [renderTarget, updateRenderTarget] = useSingleFBO({\n scene,\n camera,\n size,\n dpr,\n isSizeUpdate: true,\n });\n\n const [params, setParams] = useParams(WAVE_PARAMS);\n\n const updateFx = useCallback(\n (props: RootState, updateParams?: WaveParams) => {\n const { gl } = props;\n\n updateParams && setParams(updateParams);\n\n setUniform(material, \"uEpicenter\", params.epicenter!);\n setUniform(material, \"uProgress\", params.progress!);\n setUniform(material, \"uWidth\", params.width!);\n setUniform(material, \"uStrength\", params.strength!);\n setUniform(\n material,\n \"uMode\",\n params.mode! === \"center\"\n ? 0\n : params.mode! === \"horizontal\"\n ? 1\n : 2\n );\n\n return updateRenderTarget(gl);\n },\n [updateRenderTarget, material, setParams, params]\n );\n\n return [\n updateFx,\n setParams,\n {\n scene: scene,\n material: material,\n camera: camera,\n renderTarget: renderTarget,\n },\n ];\n};\n","import * as THREE from \"three\";\nimport {\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useResolution } from \"./useResolution\";\nimport { UseFboProps } from \"./types\";\nimport { FBO_OPTION } from \"./useSingleFBO\";\n\ntype UpdateCopyFunction = (\n gl: THREE.WebGLRenderer,\n index: number,\n /** call before FBO is rendered */\n onBeforeRender?: ({ read }: { read: THREE.Texture }) => void\n) => THREE.Texture;\n\ntype UseCopyTextureReturn = [THREE.WebGLRenderTarget[], UpdateCopyFunction];\n\n/**\n * Generate an FBO array to copy the texture.\n * @param dpr If dpr is set, dpr will be multiplied, default:false\n * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false\n * @param length The number of FBOs to create\n * @returns [THREE.WebGLRenderTarget[] , updateCopyTexture] -Receives the RenderTarget array as the first argument and the update function as the second argument. updateCopyTexture() receives gl as the first argument and the index of the texture you want to copy as the second argument.\n */\nexport const useCopyTexture = (\n { scene, camera, size, dpr = false, isSizeUpdate = false }: UseFboProps,\n length: number\n): UseCopyTextureReturn => {\n const renderTarget = useRef([]);\n const resolution = useResolution(size, dpr);\n\n renderTarget.current = useMemo(() => {\n return Array.from(\n { length },\n () =>\n new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION)\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [length]);\n\n useLayoutEffect(() => {\n if (isSizeUpdate) {\n renderTarget.current.forEach((fbo) =>\n fbo.setSize(resolution.x, resolution.y)\n );\n }\n }, [resolution, isSizeUpdate]);\n\n useEffect(() => {\n const currentRenderTarget = renderTarget.current;\n return () => {\n currentRenderTarget.forEach((fbo) => fbo.dispose());\n };\n }, [length]);\n\n const updateCopyTexture: UpdateCopyFunction = useCallback(\n (gl, index, onBeforeRender) => {\n const fbo = renderTarget.current[index];\n gl.setRenderTarget(fbo);\n onBeforeRender && onBeforeRender({ read: fbo.texture });\n gl.render(scene, camera);\n gl.setRenderTarget(null);\n gl.clear();\n return fbo.texture;\n },\n [scene, camera]\n );\n\n return [renderTarget.current, updateCopyTexture];\n};\n"],"names":["main_default","useResolution","size","dpr","_width","_height","useMemo","THREE","useAddMesh","scene","geometry","material","mesh","useEffect","setUniform","key","value","useMesh","vertexShader","fragmentShader","resolution","getCameraProps","width","height","frustumSize","aspect","w","h","useCamera","near","far","FBO_OPTION","useSingleFBO","camera","isSizeUpdate","renderTarget","useRef","useLayoutEffect","_a","currentRenderTarget","updateRenderTarget","useCallback","gl","onBeforeRender","fbo","useDoubleFBO","temp","initRenderTargets","read","write","_b","usePointer","prevPointer","diffPointer","lastUpdateTime","velocity","isMoved","currentPointer","now","current","deltaTime","isUpdate","prevTemp","useParams","params","isContainsFunctions","obj","paramsRef","setParams","updateParams","paramKey","BRUSH_PARAMS","useBrush","updatePointer","props","pointer","DUOTONE_PARAMS","useDuoTone","FOGPROJECTION_PARAMS","useFogProjection","clock","init_default","useInitialMaterial","advection_default","useAdvectionMaterial","divergence_default","useDivergenceMaterial","pressure_default","usePressureMaterial","curl_default","useCurlMaterial","vorticity_default","useVorticityMaterial","clear_default","useClearMaterial","gradientSubtract_default","useGradientSubtractMaterial","splat_default","useSplateMaterial","initialMaterial","updateMaterial","curlMaterial","vorticityMaterial","advectionMaterial","divergenceMaterial","pressureMaterial","clearMaterial","gradientSubtractMaterial","splatMaterial","materials","setMeshMaterial","FLUID_PARAMS","useFluid","fboProps","velocityFBO","updateVelocityFBO","densityFBO","updateDensityFBO","curlFBO","updateCurlFBO","divergenceFBO","updateDivergenceFBO","pressureFBO","updatePressureFBO","lastTime","scaledDiffVec","spaltVec","dt","velocityTex","densityTex","isVelocityUpdate","scaledDiff","color","curlTex","divergenceTex","pressureTexTemp","i","scale","max","texture","meshArr","RIPPLE_PARAMS","useRipple","currentWave","FXTEXTURE_PARAMS","useFxTexture","NOISE_PARAMS","useNoise","errorHandler","domLength","textureLength","resolutionLength","_c","createMesh","child","useIntersectionHandler","intersectionObserverRef","intersectionDomRef","isIntersectingRef","isIntersectingOnceRef","observer","newArr","dom","callback","entries","entry","updateRect","resolutionRef","domElement","rect","useIsIntersecting","isIntersecting","index","once","DOMSYNCER_PARAMS","useDomSyncer","dependencies","refreshTrigger","setRefreshTrigger","useState","intersectionHandler","SIMPLEBLUR_PARAMS","useSimpleBlur","tempTexture","updateTempTexture","_tempTexture","iterations","WAVE_PARAMS","useWave","useCopyTexture","length","updateCopyTexture"],"mappings":"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"} \ No newline at end of file diff --git a/packages/use-shader-fx/package-lock.json b/packages/use-shader-fx/package-lock.json index c05c9ba8..705bced4 100644 --- a/packages/use-shader-fx/package-lock.json +++ b/packages/use-shader-fx/package-lock.json @@ -1,12 +1,12 @@ { "name": "@hmng8/use-shader-fx", - "version": "1.0.15", + "version": "1.0.17", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@hmng8/use-shader-fx", - "version": "1.0.15", + "version": "1.0.17", "license": "MIT", "devDependencies": { "@types/node": "20.5.6", diff --git a/packages/use-shader-fx/package.json b/packages/use-shader-fx/package.json index b0c9e521..8e727758 100644 --- a/packages/use-shader-fx/package.json +++ b/packages/use-shader-fx/package.json @@ -1,6 +1,6 @@ { "name": "@hmng8/use-shader-fx", - "version": "1.0.15", + "version": "1.0.17", "description": "wide variety of shader effects for React", "main": "./build/use-shader-fx.umd.cjs", "module": "./build/use-shader-fx.js", diff --git a/packages/use-shader-fx/src/hooks/useSimpleBlur/index.ts b/packages/use-shader-fx/src/hooks/useSimpleBlur/index.ts index 1b87275d..997a12a0 100755 --- a/packages/use-shader-fx/src/hooks/useSimpleBlur/index.ts +++ b/packages/use-shader-fx/src/hooks/useSimpleBlur/index.ts @@ -11,24 +11,24 @@ import { useParams } from "../../utils/useParams"; import type { HooksReturn } from "../types"; -export type SimpleBlurParams = { +export type SimpleBlurParams = { /** Make this texture blur , Default:new THREE.Texture() */ - texture: THREE.Texture; + texture: THREE.Texture; /** blurSize, default:3 */ - blurSize: number, + blurSize: number; /** blurPower, affects performance default:5 */ - blurPower: number, + blurPower: number; }; export type SimpleBlurObject = { scene: THREE.Scene; material: THREE.Material; camera: THREE.Camera; - renderTarget: THREE.WebGLRenderTarget + renderTarget: THREE.WebGLRenderTarget; }; export const SIMPLEBLUR_PARAMS: SimpleBlurParams = { - texture: new THREE.Texture, + texture: new THREE.Texture(), blurSize: 3, blurPower: 5, }; @@ -52,31 +52,34 @@ export const useSimpleBlur = ({ dpr, }), [scene, camera, size, dpr] - ); + ); const [renderTarget, updateRenderTarget] = useSingleFBO(fboProps); - const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps); + const [tempTexture, updateTempTexture] = useDoubleFBO(fboProps); const [params, setParams] = useParams(SIMPLEBLUR_PARAMS); const updateFx = useCallback( (props: RootState, updateParams?: SimpleBlurParams) => { - const {gl} = props; + const { gl } = props; + + updateParams && setParams(updateParams); - updateParams && setParams(updateParams); + setUniform(material, "uTexture", params.texture); + setUniform(material, "uResolution", [ + params.texture.source.data.width, + params.texture.source.data.height, + ]); + setUniform(material, "uBlurSize", params.blurSize); - setUniform(material, "uTexture", params.texture) - setUniform(material, "uResolution", [params.texture.source.data.width,params.texture.source.data.height]); - setUniform(material, "uBlurSize", params.blurSize) - - let _tempTexture: THREE.Texture = updateTempTexture(gl); + let _tempTexture: THREE.Texture = updateTempTexture(gl); const iterations = params.blurPower; - for(let i = 0; i < iterations; i++) { - setUniform(material,"uTexture",_tempTexture); + for (let i = 0; i < iterations; i++) { + setUniform(material, "uTexture", _tempTexture); _tempTexture = updateTempTexture(gl); } const outPutTexture = updateRenderTarget(gl); - + return outPutTexture; }, [updateRenderTarget, updateTempTexture, material, setParams, params] @@ -89,7 +92,7 @@ export const useSimpleBlur = ({ scene: scene, material: material, camera: camera, - renderTarget: renderTarget + renderTarget: renderTarget, }, ]; }; diff --git a/packages/use-shader-fx/src/index.js b/packages/use-shader-fx/src/index.js index c125239e..965a37fa 100644 --- a/packages/use-shader-fx/src/index.js +++ b/packages/use-shader-fx/src/index.js @@ -22,3 +22,4 @@ export { useParams } from "./utils/useParams"; export { usePointer } from "./utils/usePointer"; export { useResolution } from "./utils/useResolution"; export { useSingleFBO } from "./utils/useSingleFBO"; +export { useCopyTexture } from "./utils/useCopyTexture"; diff --git a/packages/use-shader-fx/src/utils/useCopyTexture.ts b/packages/use-shader-fx/src/utils/useCopyTexture.ts new file mode 100644 index 00000000..8eaf2084 --- /dev/null +++ b/packages/use-shader-fx/src/utils/useCopyTexture.ts @@ -0,0 +1,74 @@ +import * as THREE from "three"; +import { + useCallback, + useEffect, + useLayoutEffect, + useMemo, + useRef, +} from "react"; +import { useResolution } from "./useResolution"; +import { UseFboProps } from "./types"; +import { FBO_OPTION } from "./useSingleFBO"; + +type UpdateCopyFunction = ( + gl: THREE.WebGLRenderer, + index: number, + /** call before FBO is rendered */ + onBeforeRender?: ({ read }: { read: THREE.Texture }) => void +) => THREE.Texture; + +type UseCopyTextureReturn = [THREE.WebGLRenderTarget[], UpdateCopyFunction]; + +/** + * Generate an FBO array to copy the texture. + * @param dpr If dpr is set, dpr will be multiplied, default:false + * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false + * @param length The number of FBOs to create + * @returns [THREE.WebGLRenderTarget[] , updateCopyTexture] -Receives the RenderTarget array as the first argument and the update function as the second argument. updateCopyTexture() receives gl as the first argument and the index of the texture you want to copy as the second argument. + */ +export const useCopyTexture = ( + { scene, camera, size, dpr = false, isSizeUpdate = false }: UseFboProps, + length: number +): UseCopyTextureReturn => { + const renderTarget = useRef([]); + const resolution = useResolution(size, dpr); + + renderTarget.current = useMemo(() => { + return Array.from( + { length }, + () => + new THREE.WebGLRenderTarget(resolution.x, resolution.y, FBO_OPTION) + ); + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [length]); + + useLayoutEffect(() => { + if (isSizeUpdate) { + renderTarget.current.forEach((fbo) => + fbo.setSize(resolution.x, resolution.y) + ); + } + }, [resolution, isSizeUpdate]); + + useEffect(() => { + const currentRenderTarget = renderTarget.current; + return () => { + currentRenderTarget.forEach((fbo) => fbo.dispose()); + }; + }, [length]); + + const updateCopyTexture: UpdateCopyFunction = useCallback( + (gl, index, onBeforeRender) => { + const fbo = renderTarget.current[index]; + gl.setRenderTarget(fbo); + onBeforeRender && onBeforeRender({ read: fbo.texture }); + gl.render(scene, camera); + gl.setRenderTarget(null); + gl.clear(); + return fbo.texture; + }, + [scene, camera] + ); + + return [renderTarget.current, updateCopyTexture]; +}; diff --git a/packages/use-shader-fx/types/index.d.ts b/packages/use-shader-fx/types/index.d.ts index fd3917dc..46d370c2 100644 --- a/packages/use-shader-fx/types/index.d.ts +++ b/packages/use-shader-fx/types/index.d.ts @@ -6,6 +6,7 @@ export { useParams } from "./utils/useParams"; export { usePointer } from "./utils/usePointer"; export { useResolution } from "./utils/useResolution"; export { useSingleFBO } from "./utils/useSingleFBO"; +export { useCopyTexture } from "./utils/useCopyTexture"; export { useBrush, BRUSH_PARAMS } from "./hooks/useBrush"; export { useDuoTone, DUOTONE_PARAMS } from "./hooks/useDuoTone"; export { useFogProjection, FOGPROJECTION_PARAMS } from "./hooks/useFogProjection"; diff --git a/packages/use-shader-fx/types/utils/useCopyTexture.d.ts b/packages/use-shader-fx/types/utils/useCopyTexture.d.ts new file mode 100644 index 00000000..550225a7 --- /dev/null +++ b/packages/use-shader-fx/types/utils/useCopyTexture.d.ts @@ -0,0 +1,17 @@ +import * as THREE from "three"; +import { UseFboProps } from "./types"; +type UpdateCopyFunction = (gl: THREE.WebGLRenderer, index: number, +/** call before FBO is rendered */ +onBeforeRender?: ({ read }: { + read: THREE.Texture; +}) => void) => THREE.Texture; +type UseCopyTextureReturn = [THREE.WebGLRenderTarget[], UpdateCopyFunction]; +/** + * Generate an FBO array to copy the texture. + * @param dpr If dpr is set, dpr will be multiplied, default:false + * @param isSizeUpdate Whether to resize when resizing occurs. If isDpr is true, set FBO to setSize even if dpr is changed, default:false + * @param length The number of FBOs to create + * @returns [THREE.WebGLRenderTarget[] , updateCopyTexture] -Receives the RenderTarget array as the first argument and the update function as the second argument. updateCopyTexture() receives gl as the first argument and the index of the texture you want to copy as the second argument. + */ +export declare const useCopyTexture: ({ scene, camera, size, dpr, isSizeUpdate }: UseFboProps, length: number) => UseCopyTextureReturn; +export {};