@react-three/postprocessing 2.15.0 → 2.15.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/EffectComposer.cjs +126 -0
- package/dist/EffectComposer.cjs.map +1 -0
- package/dist/EffectComposer.js +126 -0
- package/dist/EffectComposer.js.map +1 -0
- package/dist/Selection.cjs +36 -0
- package/dist/Selection.cjs.map +1 -0
- package/dist/Selection.js +36 -0
- package/dist/Selection.js.map +1 -0
- package/dist/effects/ASCII.cjs +105 -0
- package/dist/effects/ASCII.cjs.map +1 -0
- package/dist/effects/ASCII.js +105 -0
- package/dist/effects/ASCII.js.map +1 -0
- package/dist/effects/Autofocus.cjs +126 -0
- package/dist/effects/Autofocus.cjs.map +1 -0
- package/dist/effects/Autofocus.js +109 -0
- package/dist/effects/Autofocus.js.map +1 -0
- package/dist/effects/Bloom.cjs +9 -0
- package/dist/effects/Bloom.cjs.map +1 -0
- package/dist/effects/Bloom.js +9 -0
- package/dist/effects/Bloom.js.map +1 -0
- package/dist/effects/BrightnessContrast.cjs +7 -0
- package/dist/effects/BrightnessContrast.cjs.map +1 -0
- package/dist/effects/BrightnessContrast.js +7 -0
- package/dist/effects/BrightnessContrast.js.map +1 -0
- package/dist/effects/ChromaticAberration.cjs +7 -0
- package/dist/effects/ChromaticAberration.cjs.map +1 -0
- package/dist/effects/ChromaticAberration.js +7 -0
- package/dist/effects/ChromaticAberration.js.map +1 -0
- package/dist/effects/ColorAverage.cjs +11 -0
- package/dist/effects/ColorAverage.cjs.map +1 -0
- package/dist/effects/ColorAverage.js +11 -0
- package/dist/effects/ColorAverage.js.map +1 -0
- package/dist/effects/ColorDepth.cjs +7 -0
- package/dist/effects/ColorDepth.cjs.map +1 -0
- package/dist/effects/ColorDepth.js +7 -0
- package/dist/effects/ColorDepth.js.map +1 -0
- package/dist/effects/Depth.cjs +7 -0
- package/dist/effects/Depth.cjs.map +1 -0
- package/dist/effects/Depth.js +7 -0
- package/dist/effects/Depth.js.map +1 -0
- package/dist/effects/DepthOfField.cjs +74 -0
- package/dist/effects/DepthOfField.cjs.map +1 -0
- package/dist/effects/DepthOfField.js +74 -0
- package/dist/effects/DepthOfField.js.map +1 -0
- package/dist/effects/DotScreen.cjs +7 -0
- package/dist/effects/DotScreen.cjs.map +1 -0
- package/dist/effects/DotScreen.js +7 -0
- package/dist/effects/DotScreen.js.map +1 -0
- package/dist/effects/FXAA.cjs +7 -0
- package/dist/effects/FXAA.cjs.map +1 -0
- package/dist/effects/FXAA.js +7 -0
- package/dist/effects/FXAA.js.map +1 -0
- package/dist/effects/Glitch.cjs +30 -0
- package/dist/effects/Glitch.cjs.map +1 -0
- package/dist/effects/Glitch.js +30 -0
- package/dist/effects/Glitch.js.map +1 -0
- package/dist/effects/GodRays.cjs +15 -0
- package/dist/effects/GodRays.cjs.map +1 -0
- package/dist/effects/GodRays.js +15 -0
- package/dist/effects/GodRays.js.map +1 -0
- package/dist/effects/Grid.cjs +18 -0
- package/dist/effects/Grid.cjs.map +1 -0
- package/dist/effects/Grid.js +18 -0
- package/dist/effects/Grid.js.map +1 -0
- package/dist/effects/HueSaturation.cjs +7 -0
- package/dist/effects/HueSaturation.cjs.map +1 -0
- package/dist/effects/HueSaturation.js +7 -0
- package/dist/effects/HueSaturation.js.map +1 -0
- package/dist/effects/LUT.cjs +20 -0
- package/dist/effects/LUT.cjs.map +1 -0
- package/dist/effects/LUT.js +20 -0
- package/dist/effects/LUT.js.map +1 -0
- package/dist/effects/LensFlare.cjs +189 -0
- package/dist/effects/LensFlare.cjs.map +1 -0
- package/dist/effects/LensFlare.js +172 -0
- package/dist/effects/LensFlare.js.map +1 -0
- package/dist/effects/N8AO.cjs +59 -0
- package/dist/effects/N8AO.cjs.map +1 -0
- package/dist/effects/N8AO.js +59 -0
- package/dist/effects/N8AO.js.map +1 -0
- package/dist/effects/Noise.cjs +7 -0
- package/dist/effects/Noise.cjs.map +1 -0
- package/dist/effects/Noise.js +7 -0
- package/dist/effects/Noise.js.map +1 -0
- package/dist/effects/Outline.cjs +93 -0
- package/dist/effects/Outline.cjs.map +1 -0
- package/dist/effects/Outline.js +93 -0
- package/dist/effects/Outline.js.map +1 -0
- package/dist/effects/Pixelation.cjs +11 -0
- package/dist/effects/Pixelation.cjs.map +1 -0
- package/dist/effects/Pixelation.js +11 -0
- package/dist/effects/Pixelation.js.map +1 -0
- package/dist/effects/SMAA.cjs +7 -0
- package/dist/effects/SMAA.cjs.map +1 -0
- package/dist/effects/SMAA.js +7 -0
- package/dist/effects/SMAA.js.map +1 -0
- package/dist/effects/SSAO.cjs +37 -0
- package/dist/effects/SSAO.cjs.map +1 -0
- package/dist/effects/SSAO.js +37 -0
- package/dist/effects/SSAO.js.map +1 -0
- package/dist/effects/SSR/index.cjs +33 -0
- package/dist/effects/SSR/index.cjs.map +1 -0
- package/dist/effects/SSR/index.js +33 -0
- package/dist/effects/SSR/index.js.map +1 -0
- package/dist/effects/SSR/screen-space-reflections.cjs +1133 -0
- package/dist/effects/SSR/screen-space-reflections.cjs.map +1 -0
- package/dist/effects/SSR/screen-space-reflections.js +1133 -0
- package/dist/effects/SSR/screen-space-reflections.js.map +1 -0
- package/dist/effects/ScanlineEffect.cjs +7 -0
- package/dist/effects/ScanlineEffect.cjs.map +1 -0
- package/dist/effects/ScanlineEffect.js +7 -0
- package/dist/effects/ScanlineEffect.js.map +1 -0
- package/dist/effects/SelectiveBloom.cjs +87 -0
- package/dist/effects/SelectiveBloom.cjs.map +1 -0
- package/dist/effects/SelectiveBloom.js +87 -0
- package/dist/effects/SelectiveBloom.js.map +1 -0
- package/dist/effects/Sepia.cjs +7 -0
- package/dist/effects/Sepia.cjs.map +1 -0
- package/dist/effects/Sepia.js +7 -0
- package/dist/effects/Sepia.js.map +1 -0
- package/dist/effects/ShockWave.cjs +7 -0
- package/dist/effects/ShockWave.cjs.map +1 -0
- package/dist/effects/ShockWave.js +7 -0
- package/dist/effects/ShockWave.js.map +1 -0
- package/dist/effects/Texture.cjs +18 -0
- package/dist/effects/Texture.cjs.map +1 -0
- package/dist/effects/Texture.js +18 -0
- package/dist/effects/Texture.js.map +1 -0
- package/dist/effects/TiltShift.cjs +7 -0
- package/dist/effects/TiltShift.cjs.map +1 -0
- package/dist/effects/TiltShift.js +7 -0
- package/dist/effects/TiltShift.js.map +1 -0
- package/dist/effects/TiltShift2.cjs +98 -0
- package/dist/effects/TiltShift2.cjs.map +1 -0
- package/dist/effects/TiltShift2.js +98 -0
- package/dist/effects/TiltShift2.js.map +1 -0
- package/dist/effects/ToneMapping.cjs +7 -0
- package/dist/effects/ToneMapping.cjs.map +1 -0
- package/dist/effects/ToneMapping.js +7 -0
- package/dist/effects/ToneMapping.js.map +1 -0
- package/dist/effects/Vignette.cjs +7 -0
- package/dist/effects/Vignette.cjs.map +1 -0
- package/dist/effects/Vignette.js +7 -0
- package/dist/effects/Vignette.js.map +1 -0
- package/dist/index.cjs +79 -3616
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +36 -3557
- package/dist/index.js.map +1 -1
- package/dist/node_modules/n8ao/dist/N8AO.cjs +1439 -0
- package/dist/node_modules/n8ao/dist/N8AO.cjs.map +1 -0
- package/dist/node_modules/n8ao/dist/N8AO.js +1439 -0
- package/dist/node_modules/n8ao/dist/N8AO.js.map +1 -0
- package/dist/util.cjs +69 -0
- package/dist/util.cjs.map +1 -0
- package/dist/util.js +52 -0
- package/dist/util.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as THREE from "three";
|
|
3
|
+
import { forwardRef, useContext, useState, useMemo, useEffect } from "react";
|
|
4
|
+
import { useThree, useFrame } from "@react-three/fiber";
|
|
5
|
+
import { Effect, BlendFunction } from "postprocessing";
|
|
6
|
+
import { easing } from "maath";
|
|
7
|
+
import { EffectComposerContext } from "../EffectComposer.js";
|
|
8
|
+
const LensFlareShader = {
|
|
9
|
+
fragmentShader: (
|
|
10
|
+
/* glsl */
|
|
11
|
+
`
|
|
12
|
+
|
|
13
|
+
uniform float iTime;
|
|
14
|
+
uniform vec2 lensPosition;
|
|
15
|
+
uniform vec2 iResolution;
|
|
16
|
+
uniform vec3 colorGain;
|
|
17
|
+
uniform float starPoints;
|
|
18
|
+
uniform float glareSize;
|
|
19
|
+
uniform float flareSize;
|
|
20
|
+
uniform float flareSpeed;
|
|
21
|
+
uniform float flareShape;
|
|
22
|
+
uniform float haloScale;
|
|
23
|
+
uniform float opacity;
|
|
24
|
+
uniform bool animated;
|
|
25
|
+
uniform bool anamorphic;
|
|
26
|
+
uniform bool enabled;
|
|
27
|
+
uniform bool secondaryGhosts;
|
|
28
|
+
uniform bool starBurst;
|
|
29
|
+
uniform float ghostScale;
|
|
30
|
+
uniform bool aditionalStreaks;
|
|
31
|
+
uniform sampler2D lensDirtTexture;
|
|
32
|
+
vec2 vxtC;
|
|
33
|
+
|
|
34
|
+
float rndf(float n){return fract(sin(n) * 43758.5453123);}float niz(float p){float fl = floor(p);float fc = fract(p);return mix(rndf(fl),rndf(fl + 1.0), fc);}
|
|
35
|
+
vec3 hsv2rgb(vec3 c){vec4 k = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);vec3 p = abs(fract(c.xxx + k.xyz) * 6.0 - k.www);return c.z * mix(k.xxx, clamp(p - k.xxx, 0.0, 1.0), c.y);}
|
|
36
|
+
float satU(float x){return clamp(x, 0.,1.);}vec2 rtU(vec2 naz, float rtn){return vec2(cos(rtn) * naz.x + sin(rtn) * naz.y,cos(rtn) * naz.y - sin(rtn) * naz.x);}
|
|
37
|
+
vec3 drwF(vec2 p, float intensity, float rnd, float speed, int id){float flhos = (1. / 32.) * float(id) * 0.1;float lingrad = distance(vec2(0.), p);float expg = 1. / exp(lingrad * (fract(rnd) * 0.66 + 0.33));vec3 qzTg = hsv2rgb(vec3( fract( (expg * 8.) + speed * flareSpeed + flhos), pow(1.-abs(expg*2.-1.), 0.45), 20.0 * expg * intensity));float internalStarPoints;if(anamorphic){internalStarPoints = 1.0;} else{internalStarPoints = starPoints;}float ams = length(p * flareShape * sin(internalStarPoints * atan(p.x, p.y)));float kJhg = pow(1.-satU(ams), ( anamorphic ? 100. : 12.));kJhg += satU(expg-0.9) * 3.;kJhg = pow(kJhg * expg, 8. + (1.-intensity) * 5.);if(flareSpeed > 0.0){return vec3(kJhg) * qzTg;} else{return vec3(kJhg) * flareSize * 15.;}}
|
|
38
|
+
float ams2(vec3 a, vec3 b) { return abs(a.x - b.x) + abs(a.y - b.y) + abs(a.z - b.z);}vec3 satU(vec3 x){return clamp(x, vec3(0.0), vec3(1.0));}
|
|
39
|
+
float glR(vec2 naz, vec2 pos, float zsi){vec2 mni;if(animated){mni = rtU(naz-pos, iTime * 0.1);} else{mni = naz-pos;}float ang = atan(mni.y, mni.x) * (anamorphic ? 1.0 : starPoints);float ams2 = length(mni);ams2 = pow(ams2, .9);float f0 = 1.0/(length(naz-pos)*(1.0/zsi*16.0)+.2);return f0+f0*(sin((ang))*.2 +.3);}
|
|
40
|
+
float sdHex(vec2 p){p = abs(p);vec2 q = vec2(p.x*2.0*0.5773503, p.y + p.x*0.5773503);return dot(step(q.xy,q.yx), 1.0-q.yx);}float fpow(float x, float k){return x > k ? pow((x-k)/(1.0-k),2.0) : 0.0;}
|
|
41
|
+
vec3 rHx(vec2 naz, vec2 p, float s, vec3 col){naz -= p;if (abs(naz.x) < 0.2*s && abs(naz.y) < 0.2*s){return mix(vec3(0),mix(vec3(0),col,0.1 + fpow(length(naz/s),0.1)*10.0),smoothstep(0.0,0.1,sdHex(naz*20.0/s)));}return vec3(0);}
|
|
42
|
+
vec3 mLs(vec2 naz, vec2 pos){vec2 mni = naz-pos;vec2 zxMp = naz*(length(naz));float ang = atan(mni.x,mni.y);float f0 = .3/(length(naz-pos)*16.0+1.0);f0 = f0*(sin(niz(sin(ang*3.9-(animated ? iTime : 0.0) * 0.3) * starPoints))*.2 );float f1 = max(0.01-pow(length(naz+1.2*pos),1.9),.0)*7.0;float f2 = max(.9/(10.0+32.0*pow(length(zxMp+0.99*pos),2.0)),.0)*0.35;float f22 = max(.9/(11.0+32.0*pow(length(zxMp+0.85*pos),2.0)),.0)*0.23;float f23 = max(.9/(12.0+32.0*pow(length(zxMp+0.95*pos),2.0)),.0)*0.6;vec2 ztX = mix(naz,zxMp, 0.1);float f4 = max(0.01-pow(length(ztX+0.4*pos),2.9),.0)*4.02;float f42 = max(0.0-pow(length(ztX+0.45*pos),2.9),.0)*4.1;float f43 = max(0.01-pow(length(ztX+0.5*pos),2.9),.0)*4.6;ztX = mix(naz,zxMp,-.4);float f5 = max(0.01-pow(length(ztX+0.1*pos),5.5),.0)*2.0;float f52 = max(0.01-pow(length(ztX+0.2*pos),5.5),.0)*2.0;float f53 = max(0.01-pow(length(ztX+0.1*pos),5.5),.0)*2.0;ztX = mix(naz,zxMp, 2.1);float f6 = max(0.01-pow(length(ztX-0.3*pos),1.61),.0)*3.159;float f62 = max(0.01-pow(length(ztX-0.325*pos),1.614),.0)*3.14;float f63 = max(0.01-pow(length(ztX-0.389*pos),1.623),.0)*3.12;vec3 c = vec3(glR(naz,pos, glareSize));vec2 prot;if(animated){prot = rtU(naz - pos, (iTime * 0.1));} else if(anamorphic){prot = rtU(naz - pos, 1.570796);} else {prot = naz - pos;}c += drwF(prot, (anamorphic ? flareSize * 10. : flareSize), 0.1, iTime, 1);c.r+=f1+f2+f4+f5+f6; c.g+=f1+f22+f42+f52+f62; c.b+=f1+f23+f43+f53+f63;c = c*1.3 * vec3(length(zxMp)+.09);c+=vec3(f0);return c;}
|
|
43
|
+
vec3 cc(vec3 clr, float fct,float fct2){float w = clr.x+clr.y+clr.z;return mix(clr,vec3(w)*fct,w*fct2);}float rnd(vec2 p){float f = fract(sin(dot(p, vec2(12.1234, 72.8392) )*45123.2));return f;}float rnd(float w){float f = fract(sin(w)*1000.);return f;}
|
|
44
|
+
float rShp(vec2 p, int N){float f;float a=atan(p.x,p.y)+.2;float b=6.28319/float(N);f=smoothstep(.5,.51, cos(floor(.5+a/b)*b-a)*length(p.xy)* 2.0 -ghostScale);return f;}
|
|
45
|
+
vec3 drC(vec2 p, float zsi, float dCy, vec3 clr, vec3 clr2, float ams2, vec2 esom){float l = length(p + esom*(ams2*2.))+zsi/2.;float l2 = length(p + esom*(ams2*4.))+zsi/3.;float c = max(0.01-pow(length(p + esom*ams2), zsi*ghostScale), 0.0)*10.;float c1 = max(0.001-pow(l-0.3, 1./40.)+sin(l*20.), 0.0)*3.;float c2 = max(0.09/pow(length(p-esom*ams2/.5)*1., .95), 0.0)/20.;float s = max(0.02-pow(rShp(p*5. + esom*ams2*5. + dCy, 6) , 1.), 0.0)*1.5;clr = cos(vec3(0.44, .24, .2)*8. + ams2*4.)*0.5+.5;vec3 f = c*clr;f += c1*clr;f += c2*clr;f += s*clr;return f-0.01;}
|
|
46
|
+
vec4 geLC(float x){return vec4(vec3(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(vec3(0., 0., 0.),vec3(0., 0., 0.), smoothstep(0.0, 0.063, x)),vec3(0., 0., 0.), smoothstep(0.063, 0.125, x)),vec3(0.0, 0., 0.), smoothstep(0.125, 0.188, x)),vec3(0.188, 0.131, 0.116), smoothstep(0.188, 0.227, x)),vec3(0.31, 0.204, 0.537), smoothstep(0.227, 0.251, x)),vec3(0.192, 0.106, 0.286), smoothstep(0.251, 0.314, x)),vec3(0.102, 0.008, 0.341), smoothstep(0.314, 0.392, x)),vec3(0.086, 0.0, 0.141), smoothstep(0.392, 0.502, x)),vec3(1.0, 0.31, 0.0), smoothstep(0.502, 0.604, x)),vec3(.1, 0.1, 0.1), smoothstep(0.604, 0.643, x)),vec3(1.0, 0.929, 0.0), smoothstep(0.643, 0.761, x)),vec3(1.0, 0.086, 0.424), smoothstep(0.761, 0.847, x)),vec3(1.0, 0.49, 0.0), smoothstep(0.847, 0.89, x)),vec3(0.945, 0.275, 0.475), smoothstep(0.89, 0.941, x)),vec3(0.251, 0.275, 0.796), smoothstep(0.941, 1.0, x))),1.0);}
|
|
47
|
+
float diTN(vec2 p){vec2 f = fract(p);f = (f * f) * (3.0 - (2.0 * f));float n = dot(floor(p), vec2(1.0, 157.0));vec4 a = fract(sin(vec4(n + 0.0, n + 1.0, n + 157.0, n + 158.0)) * 43758.5453123);return mix(mix(a.x, a.y, f.x), mix(a.z, a.w, f.x), f.y);}
|
|
48
|
+
float fbm(vec2 p){const mat2 m = mat2(0.80, -0.60, 0.60, 0.80);float f = 0.0;f += 0.5000*diTN(p); p = m*p*2.02;f += 0.2500*diTN(p); p = m*p*2.03;f += 0.1250*diTN(p); p = m*p*2.01;f += 0.0625*diTN(p);return f/0.9375;}
|
|
49
|
+
vec4 geLS(vec2 p){vec2 pp = (p - vec2(0.5)) * 2.0;float a = atan(pp.y, pp.x);vec4 cp = vec4(sin(a * 1.0), length(pp), sin(a * 13.0), sin(a * 53.0));float d = sin(clamp(pow(length(vec2(0.5) - p) * 0.5 + haloScale /2., 5.0), 0.0, 1.0) * 3.14159);vec3 c = vec3(d) * vec3(fbm(cp.xy * 16.0) * fbm(cp.zw * 9.0) * max(max(max(max(0.5, sin(a * 1.0)), sin(a * 3.0) * 0.8), sin(a * 7.0) * 0.8), sin(a * 9.0) * 10.6));c *= vec3(mix(2.0, (sin(length(pp.xy) * 256.0) * 0.5) + 0.5, sin((clamp((length(pp.xy) - 0.875) / 0.1, 0.0, 1.0) + 0.0) * 2.0 * 3.14159) * 1.5) + 0.5) * 0.3275;return vec4(vec3(c * 1.0), d);}
|
|
50
|
+
vec4 geLD(vec2 p){p.xy += vec2(fbm(p.yx * 3.0), fbm(p.yx * 2.0)) * 0.0825;vec3 o = vec3(mix(0.125, 0.25, max(max(smoothstep(0.1, 0.0, length(p - vec2(0.25))),smoothstep(0.4, 0.0, length(p - vec2(0.75)))),smoothstep(0.8, 0.0, length(p - vec2(0.875, 0.125))))));o += vec3(max(fbm(p * 1.0) - 0.5, 0.0)) * 0.5;o += vec3(max(fbm(p * 2.0) - 0.5, 0.0)) * 0.5;o += vec3(max(fbm(p * 4.0) - 0.5, 0.0)) * 0.25;o += vec3(max(fbm(p * 8.0) - 0.75, 0.0)) * 1.0;o += vec3(max(fbm(p * 16.0) - 0.75, 0.0)) * 0.75;o += vec3(max(fbm(p * 64.0) - 0.75, 0.0)) * 0.5;return vec4(clamp(o, vec3(0.15), vec3(1.0)), 1.0);}
|
|
51
|
+
vec4 txL(sampler2D tex, vec2 xtC){if(((xtC.x < 0.) || (xtC.y < 0.)) || ((xtC.x > 1.) || (xtC.y > 1.))){return vec4(0.0);}else{return texture(tex, xtC); }}
|
|
52
|
+
vec4 txD(sampler2D tex, vec2 xtC, vec2 dir, vec3 ditn) {return vec4(txL(tex, (xtC + (dir * ditn.r))).r,txL(tex, (xtC + (dir * ditn.g))).g,txL(tex, (xtC + (dir * ditn.b))).b,1.0);}
|
|
53
|
+
vec4 strB(){vec2 aspXtc = vec2(1.0) - (((vxtC - vec2(0.5)) * vec2(1.0)) + vec2(0.5)); vec2 xtC = vec2(1.0) - vxtC; vec2 ghvc = (vec2(0.5) - xtC) * 0.3 - lensPosition; vec2 ghNm = normalize(ghvc * vec2(1.0)) * vec2(1.0);vec2 haloVec = normalize(ghvc) * 0.6;vec2 hlNm = ghNm * 0.6;vec2 texelSize = vec2(1.0) / vec2(iResolution.xy);vec3 ditn = vec3(-(texelSize.x * 1.5), 0.2, texelSize.x * 1.5);vec4 c = vec4(0.0);for (int i = 0; i < 8; i++) {vec2 offset = xtC + (ghvc * float(i));c += txD(lensDirtTexture, offset, ghNm, ditn) * pow(max(0.0, 1.0 - (length(vec2(0.5) - offset) / length(vec2(0.5)))), 10.0);}vec2 uyTrz = xtC + hlNm; return (c * geLC((length(vec2(0.5) - aspXtc) / length(vec2(haloScale))))) +(txD(lensDirtTexture, uyTrz, ghNm, ditn) * pow(max(0.0, 1.0 - (length(vec2(0.5) - uyTrz) / length(vec2(0.5)))), 10.0));}
|
|
54
|
+
void mainImage(vec4 v,vec2 r,out vec4 i){vec2 g=r-.5;g.y*=iResolution.y/iResolution.x;vec2 l=lensPosition*.5;l.y*=iResolution.y/iResolution.x;vec3 f=mLs(g,l)*20.*colorGain/256.;if(aditionalStreaks){vec3 o=vec3(.9,.2,.1),p=vec3(.3,.1,.9);for(float n=0.;n<10.;n++)f+=drC(g,pow(rnd(n*2e3)*2.8,.1)+1.41,0.,o+n,p+n,rnd(n*20.)*3.+.2-.5,lensPosition);}if(secondaryGhosts){vec3 n=vec3(0);n+=rHx(g,-lensPosition*.25,ghostScale*1.4,vec3(.25,.35,0));n+=rHx(g,lensPosition*.25,ghostScale*.5,vec3(1,.5,.5));n+=rHx(g,lensPosition*.1,ghostScale*1.6,vec3(1));n+=rHx(g,lensPosition*1.8,ghostScale*2.,vec3(0,.5,.75));n+=rHx(g,lensPosition*1.25,ghostScale*.8,vec3(1,1,.5));n+=rHx(g,-lensPosition*1.25,ghostScale*5.,vec3(.5,.5,.25));n+=fpow(1.-abs(distance(lensPosition*.8,g)-.7),.985)*colorGain/2100.;f+=n;}if(starBurst){vxtC=g+.5;vec4 n=geLD(g);float o=1.-clamp(0.5,0.,.5)*2.;n+=mix(n,pow(n*2.,vec4(2))*.5,o);float s=(g.x+g.y)*(1./6.);vec2 d=mat2(cos(s),-sin(s),sin(s),cos(s))*vxtC;n+=geLS(d)*2.;f+=clamp(n.xyz*strB().xyz,.01,1.);}i=enabled?vec4(mix(f,vec3(0),opacity)+v.xyz,v.w):vec4(v);}
|
|
55
|
+
`
|
|
56
|
+
)
|
|
57
|
+
};
|
|
58
|
+
class LensFlareEffect extends Effect {
|
|
59
|
+
constructor({
|
|
60
|
+
blendFunction = BlendFunction.NORMAL,
|
|
61
|
+
enabled = true,
|
|
62
|
+
glareSize = 0.2,
|
|
63
|
+
lensPosition = [0.01, 0.01],
|
|
64
|
+
iResolution = [0, 0],
|
|
65
|
+
starPoints = 6,
|
|
66
|
+
flareSize = 0.01,
|
|
67
|
+
flareSpeed = 0.01,
|
|
68
|
+
flareShape = 0.01,
|
|
69
|
+
animated = true,
|
|
70
|
+
anamorphic = false,
|
|
71
|
+
colorGain = new THREE.Color(20, 20, 20),
|
|
72
|
+
lensDirtTexture = null,
|
|
73
|
+
haloScale = 0.5,
|
|
74
|
+
secondaryGhosts = true,
|
|
75
|
+
aditionalStreaks = true,
|
|
76
|
+
ghostScale = 0,
|
|
77
|
+
opacity = 1,
|
|
78
|
+
starBurst = false
|
|
79
|
+
} = {}) {
|
|
80
|
+
super("LensFlareEffect", LensFlareShader.fragmentShader, {
|
|
81
|
+
blendFunction,
|
|
82
|
+
uniforms: /* @__PURE__ */ new Map([
|
|
83
|
+
["enabled", new THREE.Uniform(enabled)],
|
|
84
|
+
["glareSize", new THREE.Uniform(glareSize)],
|
|
85
|
+
["lensPosition", new THREE.Uniform(lensPosition)],
|
|
86
|
+
["iTime", new THREE.Uniform(0)],
|
|
87
|
+
["iResolution", new THREE.Uniform(iResolution)],
|
|
88
|
+
["starPoints", new THREE.Uniform(starPoints)],
|
|
89
|
+
["flareSize", new THREE.Uniform(flareSize)],
|
|
90
|
+
["flareSpeed", new THREE.Uniform(flareSpeed)],
|
|
91
|
+
["flareShape", new THREE.Uniform(flareShape)],
|
|
92
|
+
["animated", new THREE.Uniform(animated)],
|
|
93
|
+
["anamorphic", new THREE.Uniform(anamorphic)],
|
|
94
|
+
["colorGain", new THREE.Uniform(colorGain)],
|
|
95
|
+
["lensDirtTexture", new THREE.Uniform(lensDirtTexture)],
|
|
96
|
+
["haloScale", new THREE.Uniform(haloScale)],
|
|
97
|
+
["secondaryGhosts", new THREE.Uniform(secondaryGhosts)],
|
|
98
|
+
["aditionalStreaks", new THREE.Uniform(aditionalStreaks)],
|
|
99
|
+
["ghostScale", new THREE.Uniform(ghostScale)],
|
|
100
|
+
["starBurst", new THREE.Uniform(starBurst)],
|
|
101
|
+
["opacity", new THREE.Uniform(opacity)]
|
|
102
|
+
])
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
update(_renderer, _inputBuffer, deltaTime) {
|
|
106
|
+
const iTime = this.uniforms.get("iTime");
|
|
107
|
+
if (iTime) {
|
|
108
|
+
iTime.value += deltaTime;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
const LensFlare = forwardRef(
|
|
113
|
+
({ position = new THREE.Vector3(-25, 6, -60), followMouse = false, smoothTime = 0.07, ...props }, ref) => {
|
|
114
|
+
const viewport = useThree(({ viewport: viewport2 }) => viewport2);
|
|
115
|
+
const raycaster = useThree(({ raycaster: raycaster2 }) => raycaster2);
|
|
116
|
+
const pointer = useThree(({ pointer: pointer2 }) => pointer2);
|
|
117
|
+
const { scene, camera } = useContext(EffectComposerContext);
|
|
118
|
+
const [projectedPosition] = useState(() => new THREE.Vector3());
|
|
119
|
+
const [mouse2d] = useState(() => new THREE.Vector2());
|
|
120
|
+
const effect = useMemo(() => new LensFlareEffect(props), [props]);
|
|
121
|
+
useFrame((_, delta) => {
|
|
122
|
+
var _a, _b, _c;
|
|
123
|
+
const uLensPosition = effect.uniforms.get("lensPosition");
|
|
124
|
+
const uOpacity = effect.uniforms.get("opacity");
|
|
125
|
+
if (!uLensPosition || !uOpacity)
|
|
126
|
+
return;
|
|
127
|
+
let target = 1;
|
|
128
|
+
if (followMouse) {
|
|
129
|
+
uLensPosition.value.x = pointer.x;
|
|
130
|
+
uLensPosition.value.y = pointer.y;
|
|
131
|
+
target = 0;
|
|
132
|
+
} else {
|
|
133
|
+
projectedPosition.copy(position).project(camera);
|
|
134
|
+
if (projectedPosition.z > 1)
|
|
135
|
+
return;
|
|
136
|
+
uLensPosition.value.x = projectedPosition.x;
|
|
137
|
+
uLensPosition.value.y = projectedPosition.y;
|
|
138
|
+
mouse2d.set(projectedPosition.x, projectedPosition.y);
|
|
139
|
+
raycaster.setFromCamera(mouse2d, camera);
|
|
140
|
+
const intersects = raycaster.intersectObjects(scene.children, true);
|
|
141
|
+
const { object } = intersects[0];
|
|
142
|
+
if (object) {
|
|
143
|
+
if (((_a = object.userData) == null ? void 0 : _a.lensflare) === "no-occlusion") {
|
|
144
|
+
target = 0;
|
|
145
|
+
} else if (object instanceof THREE.Mesh) {
|
|
146
|
+
if (((_c = (_b = object.material.uniforms) == null ? void 0 : _b._transmission) == null ? void 0 : _c.value) > 0.2) {
|
|
147
|
+
target = 0.2;
|
|
148
|
+
} else if (object.material._transmission && object.material._transmission > 0.2) {
|
|
149
|
+
target = 0.2;
|
|
150
|
+
} else if (object.material.transparent) {
|
|
151
|
+
target = object.material.opacity;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
easing.damp(uOpacity, "value", target, smoothTime, delta);
|
|
157
|
+
});
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
const iResolution = effect.uniforms.get("iResolution");
|
|
160
|
+
if (iResolution) {
|
|
161
|
+
iResolution.value.x = viewport.width;
|
|
162
|
+
iResolution.value.y = viewport.height;
|
|
163
|
+
}
|
|
164
|
+
}, [effect, viewport]);
|
|
165
|
+
return /* @__PURE__ */ jsx("primitive", { ref, object: effect, dispose: null });
|
|
166
|
+
}
|
|
167
|
+
);
|
|
168
|
+
export {
|
|
169
|
+
LensFlare,
|
|
170
|
+
LensFlareEffect
|
|
171
|
+
};
|
|
172
|
+
//# sourceMappingURL=LensFlare.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LensFlare.js","sources":["../../src/effects/LensFlare.tsx"],"sourcesContent":["// Created by Anderson Mancini 2023\n// React Three Fiber Ultimate LensFlare\n// To be used Effect together with react-three/postprocessing\n\nimport * as THREE from 'three'\nimport { useMemo, useEffect, forwardRef, useState, useContext } from 'react'\nimport { useFrame, useThree } from '@react-three/fiber'\nimport { BlendFunction, Effect } from 'postprocessing'\nimport { easing } from 'maath'\n\nimport { EffectComposerContext } from '../EffectComposer'\n\nconst LensFlareShader = {\n fragmentShader: /* glsl */ `\n\n uniform float iTime;\n uniform vec2 lensPosition;\n uniform vec2 iResolution;\n uniform vec3 colorGain;\n uniform float starPoints;\n uniform float glareSize;\n uniform float flareSize;\n uniform float flareSpeed;\n uniform float flareShape;\n uniform float haloScale;\n uniform float opacity;\n uniform bool animated;\n uniform bool anamorphic;\n uniform bool enabled;\n uniform bool secondaryGhosts;\n uniform bool starBurst;\n uniform float ghostScale;\n uniform bool aditionalStreaks;\n uniform sampler2D lensDirtTexture;\n vec2 vxtC;\n\n float rndf(float n){return fract(sin(n) * 43758.5453123);}float niz(float p){float fl = floor(p);float fc = fract(p);return mix(rndf(fl),rndf(fl + 1.0), fc);}\n vec3 hsv2rgb(vec3 c){vec4 k = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);vec3 p = abs(fract(c.xxx + k.xyz) * 6.0 - k.www);return c.z * mix(k.xxx, clamp(p - k.xxx, 0.0, 1.0), c.y);}\n float satU(float x){return clamp(x, 0.,1.);}vec2 rtU(vec2 naz, float rtn){return vec2(cos(rtn) * naz.x + sin(rtn) * naz.y,cos(rtn) * naz.y - sin(rtn) * naz.x);}\n vec3 drwF(vec2 p, float intensity, float rnd, float speed, int id){float flhos = (1. / 32.) * float(id) * 0.1;float lingrad = distance(vec2(0.), p);float expg = 1. / exp(lingrad * (fract(rnd) * 0.66 + 0.33));vec3 qzTg = hsv2rgb(vec3( fract( (expg * 8.) + speed * flareSpeed + flhos), pow(1.-abs(expg*2.-1.), 0.45), 20.0 * expg * intensity));float internalStarPoints;if(anamorphic){internalStarPoints = 1.0;} else{internalStarPoints = starPoints;}float ams = length(p * flareShape * sin(internalStarPoints * atan(p.x, p.y)));float kJhg = pow(1.-satU(ams), ( anamorphic ? 100. : 12.));kJhg += satU(expg-0.9) * 3.;kJhg = pow(kJhg * expg, 8. + (1.-intensity) * 5.);if(flareSpeed > 0.0){return vec3(kJhg) * qzTg;} else{return vec3(kJhg) * flareSize * 15.;}}\n float ams2(vec3 a, vec3 b) { return abs(a.x - b.x) + abs(a.y - b.y) + abs(a.z - b.z);}vec3 satU(vec3 x){return clamp(x, vec3(0.0), vec3(1.0));}\n float glR(vec2 naz, vec2 pos, float zsi){vec2 mni;if(animated){mni = rtU(naz-pos, iTime * 0.1);} else{mni = naz-pos;}float ang = atan(mni.y, mni.x) * (anamorphic ? 1.0 : starPoints);float ams2 = length(mni);ams2 = pow(ams2, .9);float f0 = 1.0/(length(naz-pos)*(1.0/zsi*16.0)+.2);return f0+f0*(sin((ang))*.2 +.3);}\n float sdHex(vec2 p){p = abs(p);vec2 q = vec2(p.x*2.0*0.5773503, p.y + p.x*0.5773503);return dot(step(q.xy,q.yx), 1.0-q.yx);}float fpow(float x, float k){return x > k ? pow((x-k)/(1.0-k),2.0) : 0.0;}\n vec3 rHx(vec2 naz, vec2 p, float s, vec3 col){naz -= p;if (abs(naz.x) < 0.2*s && abs(naz.y) < 0.2*s){return mix(vec3(0),mix(vec3(0),col,0.1 + fpow(length(naz/s),0.1)*10.0),smoothstep(0.0,0.1,sdHex(naz*20.0/s)));}return vec3(0);}\n vec3 mLs(vec2 naz, vec2 pos){vec2 mni = naz-pos;vec2 zxMp = naz*(length(naz));float ang = atan(mni.x,mni.y);float f0 = .3/(length(naz-pos)*16.0+1.0);f0 = f0*(sin(niz(sin(ang*3.9-(animated ? iTime : 0.0) * 0.3) * starPoints))*.2 );float f1 = max(0.01-pow(length(naz+1.2*pos),1.9),.0)*7.0;float f2 = max(.9/(10.0+32.0*pow(length(zxMp+0.99*pos),2.0)),.0)*0.35;float f22 = max(.9/(11.0+32.0*pow(length(zxMp+0.85*pos),2.0)),.0)*0.23;float f23 = max(.9/(12.0+32.0*pow(length(zxMp+0.95*pos),2.0)),.0)*0.6;vec2 ztX = mix(naz,zxMp, 0.1);float f4 = max(0.01-pow(length(ztX+0.4*pos),2.9),.0)*4.02;float f42 = max(0.0-pow(length(ztX+0.45*pos),2.9),.0)*4.1;float f43 = max(0.01-pow(length(ztX+0.5*pos),2.9),.0)*4.6;ztX = mix(naz,zxMp,-.4);float f5 = max(0.01-pow(length(ztX+0.1*pos),5.5),.0)*2.0;float f52 = max(0.01-pow(length(ztX+0.2*pos),5.5),.0)*2.0;float f53 = max(0.01-pow(length(ztX+0.1*pos),5.5),.0)*2.0;ztX = mix(naz,zxMp, 2.1);float f6 = max(0.01-pow(length(ztX-0.3*pos),1.61),.0)*3.159;float f62 = max(0.01-pow(length(ztX-0.325*pos),1.614),.0)*3.14;float f63 = max(0.01-pow(length(ztX-0.389*pos),1.623),.0)*3.12;vec3 c = vec3(glR(naz,pos, glareSize));vec2 prot;if(animated){prot = rtU(naz - pos, (iTime * 0.1));} else if(anamorphic){prot = rtU(naz - pos, 1.570796);} else {prot = naz - pos;}c += drwF(prot, (anamorphic ? flareSize * 10. : flareSize), 0.1, iTime, 1);c.r+=f1+f2+f4+f5+f6; c.g+=f1+f22+f42+f52+f62; c.b+=f1+f23+f43+f53+f63;c = c*1.3 * vec3(length(zxMp)+.09);c+=vec3(f0);return c;}\n vec3 cc(vec3 clr, float fct,float fct2){float w = clr.x+clr.y+clr.z;return mix(clr,vec3(w)*fct,w*fct2);}float rnd(vec2 p){float f = fract(sin(dot(p, vec2(12.1234, 72.8392) )*45123.2));return f;}float rnd(float w){float f = fract(sin(w)*1000.);return f;}\n float rShp(vec2 p, int N){float f;float a=atan(p.x,p.y)+.2;float b=6.28319/float(N);f=smoothstep(.5,.51, cos(floor(.5+a/b)*b-a)*length(p.xy)* 2.0 -ghostScale);return f;}\n vec3 drC(vec2 p, float zsi, float dCy, vec3 clr, vec3 clr2, float ams2, vec2 esom){float l = length(p + esom*(ams2*2.))+zsi/2.;float l2 = length(p + esom*(ams2*4.))+zsi/3.;float c = max(0.01-pow(length(p + esom*ams2), zsi*ghostScale), 0.0)*10.;float c1 = max(0.001-pow(l-0.3, 1./40.)+sin(l*20.), 0.0)*3.;float c2 = max(0.09/pow(length(p-esom*ams2/.5)*1., .95), 0.0)/20.;float s = max(0.02-pow(rShp(p*5. + esom*ams2*5. + dCy, 6) , 1.), 0.0)*1.5;clr = cos(vec3(0.44, .24, .2)*8. + ams2*4.)*0.5+.5;vec3 f = c*clr;f += c1*clr;f += c2*clr;f += s*clr;return f-0.01;}\n vec4 geLC(float x){return vec4(vec3(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(mix(vec3(0., 0., 0.),vec3(0., 0., 0.), smoothstep(0.0, 0.063, x)),vec3(0., 0., 0.), smoothstep(0.063, 0.125, x)),vec3(0.0, 0., 0.), smoothstep(0.125, 0.188, x)),vec3(0.188, 0.131, 0.116), smoothstep(0.188, 0.227, x)),vec3(0.31, 0.204, 0.537), smoothstep(0.227, 0.251, x)),vec3(0.192, 0.106, 0.286), smoothstep(0.251, 0.314, x)),vec3(0.102, 0.008, 0.341), smoothstep(0.314, 0.392, x)),vec3(0.086, 0.0, 0.141), smoothstep(0.392, 0.502, x)),vec3(1.0, 0.31, 0.0), smoothstep(0.502, 0.604, x)),vec3(.1, 0.1, 0.1), smoothstep(0.604, 0.643, x)),vec3(1.0, 0.929, 0.0), smoothstep(0.643, 0.761, x)),vec3(1.0, 0.086, 0.424), smoothstep(0.761, 0.847, x)),vec3(1.0, 0.49, 0.0), smoothstep(0.847, 0.89, x)),vec3(0.945, 0.275, 0.475), smoothstep(0.89, 0.941, x)),vec3(0.251, 0.275, 0.796), smoothstep(0.941, 1.0, x))),1.0);}\n float diTN(vec2 p){vec2 f = fract(p);f = (f * f) * (3.0 - (2.0 * f));float n = dot(floor(p), vec2(1.0, 157.0));vec4 a = fract(sin(vec4(n + 0.0, n + 1.0, n + 157.0, n + 158.0)) * 43758.5453123);return mix(mix(a.x, a.y, f.x), mix(a.z, a.w, f.x), f.y);} \n float fbm(vec2 p){const mat2 m = mat2(0.80, -0.60, 0.60, 0.80);float f = 0.0;f += 0.5000*diTN(p); p = m*p*2.02;f += 0.2500*diTN(p); p = m*p*2.03;f += 0.1250*diTN(p); p = m*p*2.01;f += 0.0625*diTN(p);return f/0.9375;} \n vec4 geLS(vec2 p){vec2 pp = (p - vec2(0.5)) * 2.0;float a = atan(pp.y, pp.x);vec4 cp = vec4(sin(a * 1.0), length(pp), sin(a * 13.0), sin(a * 53.0));float d = sin(clamp(pow(length(vec2(0.5) - p) * 0.5 + haloScale /2., 5.0), 0.0, 1.0) * 3.14159);vec3 c = vec3(d) * vec3(fbm(cp.xy * 16.0) * fbm(cp.zw * 9.0) * max(max(max(max(0.5, sin(a * 1.0)), sin(a * 3.0) * 0.8), sin(a * 7.0) * 0.8), sin(a * 9.0) * 10.6));c *= vec3(mix(2.0, (sin(length(pp.xy) * 256.0) * 0.5) + 0.5, sin((clamp((length(pp.xy) - 0.875) / 0.1, 0.0, 1.0) + 0.0) * 2.0 * 3.14159) * 1.5) + 0.5) * 0.3275;return vec4(vec3(c * 1.0), d);}\n vec4 geLD(vec2 p){p.xy += vec2(fbm(p.yx * 3.0), fbm(p.yx * 2.0)) * 0.0825;vec3 o = vec3(mix(0.125, 0.25, max(max(smoothstep(0.1, 0.0, length(p - vec2(0.25))),smoothstep(0.4, 0.0, length(p - vec2(0.75)))),smoothstep(0.8, 0.0, length(p - vec2(0.875, 0.125))))));o += vec3(max(fbm(p * 1.0) - 0.5, 0.0)) * 0.5;o += vec3(max(fbm(p * 2.0) - 0.5, 0.0)) * 0.5;o += vec3(max(fbm(p * 4.0) - 0.5, 0.0)) * 0.25;o += vec3(max(fbm(p * 8.0) - 0.75, 0.0)) * 1.0;o += vec3(max(fbm(p * 16.0) - 0.75, 0.0)) * 0.75;o += vec3(max(fbm(p * 64.0) - 0.75, 0.0)) * 0.5;return vec4(clamp(o, vec3(0.15), vec3(1.0)), 1.0);}\n vec4 txL(sampler2D tex, vec2 xtC){if(((xtC.x < 0.) || (xtC.y < 0.)) || ((xtC.x > 1.) || (xtC.y > 1.))){return vec4(0.0);}else{return texture(tex, xtC); }}\n vec4 txD(sampler2D tex, vec2 xtC, vec2 dir, vec3 ditn) {return vec4(txL(tex, (xtC + (dir * ditn.r))).r,txL(tex, (xtC + (dir * ditn.g))).g,txL(tex, (xtC + (dir * ditn.b))).b,1.0);}\n vec4 strB(){vec2 aspXtc = vec2(1.0) - (((vxtC - vec2(0.5)) * vec2(1.0)) + vec2(0.5)); vec2 xtC = vec2(1.0) - vxtC; vec2 ghvc = (vec2(0.5) - xtC) * 0.3 - lensPosition; vec2 ghNm = normalize(ghvc * vec2(1.0)) * vec2(1.0);vec2 haloVec = normalize(ghvc) * 0.6;vec2 hlNm = ghNm * 0.6;vec2 texelSize = vec2(1.0) / vec2(iResolution.xy);vec3 ditn = vec3(-(texelSize.x * 1.5), 0.2, texelSize.x * 1.5);vec4 c = vec4(0.0);for (int i = 0; i < 8; i++) {vec2 offset = xtC + (ghvc * float(i));c += txD(lensDirtTexture, offset, ghNm, ditn) * pow(max(0.0, 1.0 - (length(vec2(0.5) - offset) / length(vec2(0.5)))), 10.0);}vec2 uyTrz = xtC + hlNm; return (c * geLC((length(vec2(0.5) - aspXtc) / length(vec2(haloScale))))) +(txD(lensDirtTexture, uyTrz, ghNm, ditn) * pow(max(0.0, 1.0 - (length(vec2(0.5) - uyTrz) / length(vec2(0.5)))), 10.0));} \n void mainImage(vec4 v,vec2 r,out vec4 i){vec2 g=r-.5;g.y*=iResolution.y/iResolution.x;vec2 l=lensPosition*.5;l.y*=iResolution.y/iResolution.x;vec3 f=mLs(g,l)*20.*colorGain/256.;if(aditionalStreaks){vec3 o=vec3(.9,.2,.1),p=vec3(.3,.1,.9);for(float n=0.;n<10.;n++)f+=drC(g,pow(rnd(n*2e3)*2.8,.1)+1.41,0.,o+n,p+n,rnd(n*20.)*3.+.2-.5,lensPosition);}if(secondaryGhosts){vec3 n=vec3(0);n+=rHx(g,-lensPosition*.25,ghostScale*1.4,vec3(.25,.35,0));n+=rHx(g,lensPosition*.25,ghostScale*.5,vec3(1,.5,.5));n+=rHx(g,lensPosition*.1,ghostScale*1.6,vec3(1));n+=rHx(g,lensPosition*1.8,ghostScale*2.,vec3(0,.5,.75));n+=rHx(g,lensPosition*1.25,ghostScale*.8,vec3(1,1,.5));n+=rHx(g,-lensPosition*1.25,ghostScale*5.,vec3(.5,.5,.25));n+=fpow(1.-abs(distance(lensPosition*.8,g)-.7),.985)*colorGain/2100.;f+=n;}if(starBurst){vxtC=g+.5;vec4 n=geLD(g);float o=1.-clamp(0.5,0.,.5)*2.;n+=mix(n,pow(n*2.,vec4(2))*.5,o);float s=(g.x+g.y)*(1./6.);vec2 d=mat2(cos(s),-sin(s),sin(s),cos(s))*vxtC;n+=geLS(d)*2.;f+=clamp(n.xyz*strB().xyz,.01,1.);}i=enabled?vec4(mix(f,vec3(0),opacity)+v.xyz,v.w):vec4(v);}\n`,\n}\n\nexport class LensFlareEffect extends Effect {\n constructor({\n blendFunction = BlendFunction.NORMAL,\n enabled = true,\n glareSize = 0.2,\n lensPosition = [0.01, 0.01],\n iResolution = [0, 0],\n starPoints = 6,\n flareSize = 0.01,\n flareSpeed = 0.01,\n flareShape = 0.01,\n animated = true,\n anamorphic = false,\n colorGain = new THREE.Color(20, 20, 20),\n lensDirtTexture = null as THREE.Texture | null,\n haloScale = 0.5,\n secondaryGhosts = true,\n aditionalStreaks = true,\n ghostScale = 0.0,\n opacity = 1.0,\n starBurst = false,\n } = {}) {\n super('LensFlareEffect', LensFlareShader.fragmentShader, {\n blendFunction,\n uniforms: new Map<string, THREE.Uniform>([\n ['enabled', new THREE.Uniform(enabled)],\n ['glareSize', new THREE.Uniform(glareSize)],\n ['lensPosition', new THREE.Uniform(lensPosition)],\n ['iTime', new THREE.Uniform(0)],\n ['iResolution', new THREE.Uniform(iResolution)],\n ['starPoints', new THREE.Uniform(starPoints)],\n ['flareSize', new THREE.Uniform(flareSize)],\n ['flareSpeed', new THREE.Uniform(flareSpeed)],\n ['flareShape', new THREE.Uniform(flareShape)],\n ['animated', new THREE.Uniform(animated)],\n ['anamorphic', new THREE.Uniform(anamorphic)],\n ['colorGain', new THREE.Uniform(colorGain)],\n ['lensDirtTexture', new THREE.Uniform(lensDirtTexture)],\n ['haloScale', new THREE.Uniform(haloScale)],\n ['secondaryGhosts', new THREE.Uniform(secondaryGhosts)],\n ['aditionalStreaks', new THREE.Uniform(aditionalStreaks)],\n ['ghostScale', new THREE.Uniform(ghostScale)],\n ['starBurst', new THREE.Uniform(starBurst)],\n ['opacity', new THREE.Uniform(opacity)],\n ]),\n })\n }\n\n update(_renderer: any, _inputBuffer: any, deltaTime: number) {\n const iTime = this.uniforms.get('iTime')\n if (iTime) {\n iTime.value += deltaTime\n }\n }\n}\n\ntype LensFlareProps = ConstructorParameters<typeof LensFlareEffect>[0] & {\n position?: THREE.Vector3\n followMouse?: boolean\n smoothTime?: number\n}\n\nexport const LensFlare = forwardRef<LensFlareEffect, LensFlareProps>(\n ({ position = new THREE.Vector3(-25, 6, -60), followMouse = false, smoothTime = 0.07, ...props }, ref) => {\n const viewport = useThree(({ viewport }) => viewport)\n const raycaster = useThree(({ raycaster }) => raycaster)\n const pointer = useThree(({ pointer }) => pointer)\n const { scene, camera } = useContext(EffectComposerContext)\n\n const [projectedPosition] = useState(() => new THREE.Vector3())\n const [mouse2d] = useState(() => new THREE.Vector2())\n\n const effect = useMemo(() => new LensFlareEffect(props), [props])\n\n useFrame((_, delta) => {\n const uLensPosition = effect.uniforms.get('lensPosition')\n const uOpacity = effect.uniforms.get('opacity')\n if (!uLensPosition || !uOpacity) return\n\n let target = 1\n\n if (followMouse) {\n uLensPosition.value.x = pointer.x\n uLensPosition.value.y = pointer.y\n target = 0\n } else {\n projectedPosition.copy(position).project(camera)\n if (projectedPosition.z > 1) return\n\n uLensPosition.value.x = projectedPosition.x\n uLensPosition.value.y = projectedPosition.y\n\n mouse2d.set(projectedPosition.x, projectedPosition.y)\n raycaster.setFromCamera(mouse2d, camera)\n const intersects = raycaster.intersectObjects(scene.children, true)\n const { object } = intersects[0]\n if (object) {\n if (object.userData?.lensflare === 'no-occlusion') {\n target = 0\n } else if (object instanceof THREE.Mesh) {\n if (object.material.uniforms?._transmission?.value > 0.2) {\n //Check for MeshTransmissionMaterial\n target = 0.2\n } else if (object.material._transmission && object.material._transmission > 0.2) {\n //Check for MeshPhysicalMaterial with transmission setting\n target = 0.2\n } else if (object.material.transparent) {\n // Check for OtherMaterials with transparent parameter\n target = object.material.opacity\n }\n }\n }\n }\n\n easing.damp(uOpacity, 'value', target, smoothTime, delta)\n })\n\n useEffect(() => {\n const iResolution = effect.uniforms.get('iResolution')\n if (iResolution) {\n iResolution.value.x = viewport.width\n iResolution.value.y = viewport.height\n }\n }, [effect, viewport])\n\n return <primitive ref={ref} object={effect} dispose={null} />\n }\n)\n"],"names":["viewport","raycaster","pointer"],"mappings":"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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const N8AO$1 = require("../node_modules/n8ao/dist/N8AO.cjs");
|
|
6
|
+
const fiber = require("@react-three/fiber");
|
|
7
|
+
const N8AO = React.forwardRef(
|
|
8
|
+
({
|
|
9
|
+
halfRes,
|
|
10
|
+
screenSpaceRadius,
|
|
11
|
+
quality,
|
|
12
|
+
depthAwareUpsampling = true,
|
|
13
|
+
aoRadius = 5,
|
|
14
|
+
aoSamples = 16,
|
|
15
|
+
denoiseSamples = 4,
|
|
16
|
+
denoiseRadius = 12,
|
|
17
|
+
distanceFalloff = 1,
|
|
18
|
+
intensity = 1,
|
|
19
|
+
color,
|
|
20
|
+
renderMode = 0
|
|
21
|
+
}, ref) => {
|
|
22
|
+
const { camera, scene } = fiber.useThree();
|
|
23
|
+
const effect = React.useMemo(() => new N8AO$1.N8AOPostPass(scene, camera), []);
|
|
24
|
+
React.useLayoutEffect(() => {
|
|
25
|
+
fiber.applyProps(effect.configuration, {
|
|
26
|
+
color,
|
|
27
|
+
aoRadius,
|
|
28
|
+
distanceFalloff,
|
|
29
|
+
intensity,
|
|
30
|
+
aoSamples,
|
|
31
|
+
denoiseSamples,
|
|
32
|
+
denoiseRadius,
|
|
33
|
+
screenSpaceRadius,
|
|
34
|
+
renderMode,
|
|
35
|
+
halfRes,
|
|
36
|
+
depthAwareUpsampling
|
|
37
|
+
});
|
|
38
|
+
}, [
|
|
39
|
+
screenSpaceRadius,
|
|
40
|
+
color,
|
|
41
|
+
aoRadius,
|
|
42
|
+
distanceFalloff,
|
|
43
|
+
intensity,
|
|
44
|
+
aoSamples,
|
|
45
|
+
denoiseSamples,
|
|
46
|
+
denoiseRadius,
|
|
47
|
+
renderMode,
|
|
48
|
+
halfRes,
|
|
49
|
+
depthAwareUpsampling
|
|
50
|
+
]);
|
|
51
|
+
React.useLayoutEffect(() => {
|
|
52
|
+
if (quality)
|
|
53
|
+
effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
|
|
54
|
+
}, [quality]);
|
|
55
|
+
return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref, object: effect });
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
exports.N8AO = N8AO;
|
|
59
|
+
//# sourceMappingURL=N8AO.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"N8AO.cjs","sources":["../../src/effects/N8AO.tsx"],"sourcesContent":["// From https://github.com/N8python/n8ao\n// https://twitter.com/N8Programs/status/1660996748485984261\n\nimport { Ref, forwardRef, useLayoutEffect, useMemo } from 'react'\n/* @ts-ignore */\nimport { N8AOPostPass } from 'n8ao'\nimport { useThree, ReactThreeFiber, applyProps } from '@react-three/fiber'\n\ntype N8AOProps = {\n aoRadius?: number\n distanceFalloff?: number\n intensity?: number\n quality?: 'performance' | 'low' | 'medium' | 'high' | 'ultra'\n aoSamples?: number\n denoiseSamples?: number\n denoiseRadius?: number\n color?: ReactThreeFiber.Color\n halfRes?: boolean\n depthAwareUpsampling?: boolean\n screenSpaceRadius?: boolean\n renderMode?: 0 | 1 | 2 | 3 | 4\n}\n\nexport const N8AO = forwardRef<N8AOPostPass, N8AOProps>(\n (\n {\n halfRes,\n screenSpaceRadius,\n quality,\n depthAwareUpsampling = true,\n aoRadius = 5,\n aoSamples = 16,\n denoiseSamples = 4,\n denoiseRadius = 12,\n distanceFalloff = 1,\n intensity = 1,\n color,\n renderMode = 0,\n },\n ref: Ref<N8AOPostPass>\n ) => {\n const { camera, scene } = useThree()\n const effect = useMemo(() => new N8AOPostPass(scene, camera), [])\n useLayoutEffect(() => {\n applyProps(effect.configuration, {\n color,\n aoRadius,\n distanceFalloff,\n intensity,\n aoSamples,\n denoiseSamples,\n denoiseRadius,\n screenSpaceRadius,\n renderMode,\n halfRes,\n depthAwareUpsampling,\n })\n }, [\n screenSpaceRadius,\n color,\n aoRadius,\n distanceFalloff,\n intensity,\n aoSamples,\n denoiseSamples,\n denoiseRadius,\n renderMode,\n halfRes,\n depthAwareUpsampling,\n ])\n useLayoutEffect(() => {\n if (quality) effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1))\n }, [quality])\n return <primitive ref={ref} object={effect} />\n }\n)\n"],"names":["forwardRef","useThree","useMemo","N8AOPostPass","useLayoutEffect","applyProps","jsx"],"mappings":";;;;;;AAuBO,MAAM,OAAOA,MAAA;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ;AAAA,IACA,aAAa;AAAA,KAEf,QACG;AACH,UAAM,EAAE,QAAQ,MAAM,IAAIC,MAAS,SAAA;AAC7B,UAAA,SAASC,cAAQ,MAAM,IAAIC,OAAAA,aAAa,OAAO,MAAM,GAAG,CAAA,CAAE;AAChEC,UAAAA,gBAAgB,MAAM;AACpBC,YAAA,WAAW,OAAO,eAAe;AAAA,QAC/B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,GACA;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AACDD,UAAAA,gBAAgB,MAAM;AAChB,UAAA;AAAgB,eAAA,eAAe,QAAQ,OAAO,CAAC,EAAE,gBAAgB,QAAQ,MAAM,CAAC,CAAC;AAAA,IAAA,GACpF,CAAC,OAAO,CAAC;AACZ,WAAQE,2BAAAA,IAAA,aAAA,EAAU,KAAU,QAAQ,OAAQ,CAAA;AAAA,EAC9C;AACF;;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useMemo, useLayoutEffect } from "react";
|
|
3
|
+
import { N8AOPostPass as $87431ee93b037844$export$2489f9981ab0fa82 } from "../node_modules/n8ao/dist/N8AO.js";
|
|
4
|
+
import { useThree, applyProps } from "@react-three/fiber";
|
|
5
|
+
const N8AO = forwardRef(
|
|
6
|
+
({
|
|
7
|
+
halfRes,
|
|
8
|
+
screenSpaceRadius,
|
|
9
|
+
quality,
|
|
10
|
+
depthAwareUpsampling = true,
|
|
11
|
+
aoRadius = 5,
|
|
12
|
+
aoSamples = 16,
|
|
13
|
+
denoiseSamples = 4,
|
|
14
|
+
denoiseRadius = 12,
|
|
15
|
+
distanceFalloff = 1,
|
|
16
|
+
intensity = 1,
|
|
17
|
+
color,
|
|
18
|
+
renderMode = 0
|
|
19
|
+
}, ref) => {
|
|
20
|
+
const { camera, scene } = useThree();
|
|
21
|
+
const effect = useMemo(() => new $87431ee93b037844$export$2489f9981ab0fa82(scene, camera), []);
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
|
+
applyProps(effect.configuration, {
|
|
24
|
+
color,
|
|
25
|
+
aoRadius,
|
|
26
|
+
distanceFalloff,
|
|
27
|
+
intensity,
|
|
28
|
+
aoSamples,
|
|
29
|
+
denoiseSamples,
|
|
30
|
+
denoiseRadius,
|
|
31
|
+
screenSpaceRadius,
|
|
32
|
+
renderMode,
|
|
33
|
+
halfRes,
|
|
34
|
+
depthAwareUpsampling
|
|
35
|
+
});
|
|
36
|
+
}, [
|
|
37
|
+
screenSpaceRadius,
|
|
38
|
+
color,
|
|
39
|
+
aoRadius,
|
|
40
|
+
distanceFalloff,
|
|
41
|
+
intensity,
|
|
42
|
+
aoSamples,
|
|
43
|
+
denoiseSamples,
|
|
44
|
+
denoiseRadius,
|
|
45
|
+
renderMode,
|
|
46
|
+
halfRes,
|
|
47
|
+
depthAwareUpsampling
|
|
48
|
+
]);
|
|
49
|
+
useLayoutEffect(() => {
|
|
50
|
+
if (quality)
|
|
51
|
+
effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1));
|
|
52
|
+
}, [quality]);
|
|
53
|
+
return /* @__PURE__ */ jsx("primitive", { ref, object: effect });
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
export {
|
|
57
|
+
N8AO
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=N8AO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"N8AO.js","sources":["../../src/effects/N8AO.tsx"],"sourcesContent":["// From https://github.com/N8python/n8ao\n// https://twitter.com/N8Programs/status/1660996748485984261\n\nimport { Ref, forwardRef, useLayoutEffect, useMemo } from 'react'\n/* @ts-ignore */\nimport { N8AOPostPass } from 'n8ao'\nimport { useThree, ReactThreeFiber, applyProps } from '@react-three/fiber'\n\ntype N8AOProps = {\n aoRadius?: number\n distanceFalloff?: number\n intensity?: number\n quality?: 'performance' | 'low' | 'medium' | 'high' | 'ultra'\n aoSamples?: number\n denoiseSamples?: number\n denoiseRadius?: number\n color?: ReactThreeFiber.Color\n halfRes?: boolean\n depthAwareUpsampling?: boolean\n screenSpaceRadius?: boolean\n renderMode?: 0 | 1 | 2 | 3 | 4\n}\n\nexport const N8AO = forwardRef<N8AOPostPass, N8AOProps>(\n (\n {\n halfRes,\n screenSpaceRadius,\n quality,\n depthAwareUpsampling = true,\n aoRadius = 5,\n aoSamples = 16,\n denoiseSamples = 4,\n denoiseRadius = 12,\n distanceFalloff = 1,\n intensity = 1,\n color,\n renderMode = 0,\n },\n ref: Ref<N8AOPostPass>\n ) => {\n const { camera, scene } = useThree()\n const effect = useMemo(() => new N8AOPostPass(scene, camera), [])\n useLayoutEffect(() => {\n applyProps(effect.configuration, {\n color,\n aoRadius,\n distanceFalloff,\n intensity,\n aoSamples,\n denoiseSamples,\n denoiseRadius,\n screenSpaceRadius,\n renderMode,\n halfRes,\n depthAwareUpsampling,\n })\n }, [\n screenSpaceRadius,\n color,\n aoRadius,\n distanceFalloff,\n intensity,\n aoSamples,\n denoiseSamples,\n denoiseRadius,\n renderMode,\n halfRes,\n depthAwareUpsampling,\n ])\n useLayoutEffect(() => {\n if (quality) effect.setQualityMode(quality.charAt(0).toUpperCase() + quality.slice(1))\n }, [quality])\n return <primitive ref={ref} object={effect} />\n }\n)\n"],"names":["N8AOPostPass"],"mappings":";;;;AAuBO,MAAM,OAAO;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ;AAAA,IACA,aAAa;AAAA,KAEf,QACG;AACH,UAAM,EAAE,QAAQ,MAAM,IAAI,SAAS;AAC7B,UAAA,SAAS,QAAQ,MAAM,IAAIA,0CAAa,OAAO,MAAM,GAAG,CAAA,CAAE;AAChE,oBAAgB,MAAM;AACpB,iBAAW,OAAO,eAAe;AAAA,QAC/B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,GACA;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AACD,oBAAgB,MAAM;AAChB,UAAA;AAAgB,eAAA,eAAe,QAAQ,OAAO,CAAC,EAAE,gBAAgB,QAAQ,MAAM,CAAC,CAAC;AAAA,IAAA,GACpF,CAAC,OAAO,CAAC;AACZ,WAAQ,oBAAA,aAAA,EAAU,KAAU,QAAQ,OAAQ,CAAA;AAAA,EAC9C;AACF;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const postprocessing = require("postprocessing");
|
|
4
|
+
const util = require("../util.cjs");
|
|
5
|
+
const Noise = util.wrapEffect(postprocessing.NoiseEffect, { blendFunction: postprocessing.BlendFunction.COLOR_DODGE });
|
|
6
|
+
exports.Noise = Noise;
|
|
7
|
+
//# sourceMappingURL=Noise.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Noise.cjs","sources":["../../src/effects/Noise.tsx"],"sourcesContent":["import { NoiseEffect, BlendFunction } from 'postprocessing'\nimport { wrapEffect } from '../util'\n\nexport const Noise = wrapEffect(NoiseEffect, { blendFunction: BlendFunction.COLOR_DODGE })\n"],"names":["wrapEffect","NoiseEffect","BlendFunction"],"mappings":";;;;AAGO,MAAM,QAAQA,KAAW,WAAAC,eAAA,aAAa,EAAE,eAAeC,eAAAA,cAAc,YAAa,CAAA;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Noise.js","sources":["../../src/effects/Noise.tsx"],"sourcesContent":["import { NoiseEffect, BlendFunction } from 'postprocessing'\nimport { wrapEffect } from '../util'\n\nexport const Noise = wrapEffect(NoiseEffect, { blendFunction: BlendFunction.COLOR_DODGE })\n"],"names":[],"mappings":";;AAGO,MAAM,QAAQ,WAAW,aAAa,EAAE,eAAe,cAAc,YAAa,CAAA;"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const postprocessing = require("postprocessing");
|
|
5
|
+
const React = require("react");
|
|
6
|
+
const fiber = require("@react-three/fiber");
|
|
7
|
+
const EffectComposer = require("../EffectComposer.cjs");
|
|
8
|
+
const Selection = require("../Selection.cjs");
|
|
9
|
+
const util = require("../util.cjs");
|
|
10
|
+
const Outline = React.forwardRef(function Outline2({
|
|
11
|
+
selection = [],
|
|
12
|
+
selectionLayer = 10,
|
|
13
|
+
blendFunction,
|
|
14
|
+
patternTexture,
|
|
15
|
+
edgeStrength,
|
|
16
|
+
pulseSpeed,
|
|
17
|
+
visibleEdgeColor,
|
|
18
|
+
hiddenEdgeColor,
|
|
19
|
+
width,
|
|
20
|
+
height,
|
|
21
|
+
kernelSize,
|
|
22
|
+
blur,
|
|
23
|
+
xRay,
|
|
24
|
+
...props
|
|
25
|
+
}, forwardRef2) {
|
|
26
|
+
const invalidate = fiber.useThree((state) => state.invalidate);
|
|
27
|
+
const { scene, camera } = React.useContext(EffectComposer.EffectComposerContext);
|
|
28
|
+
const effect = React.useMemo(
|
|
29
|
+
() => new postprocessing.OutlineEffect(scene, camera, {
|
|
30
|
+
blendFunction,
|
|
31
|
+
patternTexture,
|
|
32
|
+
edgeStrength,
|
|
33
|
+
pulseSpeed,
|
|
34
|
+
visibleEdgeColor,
|
|
35
|
+
hiddenEdgeColor,
|
|
36
|
+
width,
|
|
37
|
+
height,
|
|
38
|
+
kernelSize,
|
|
39
|
+
blur,
|
|
40
|
+
xRay,
|
|
41
|
+
...props
|
|
42
|
+
}),
|
|
43
|
+
[
|
|
44
|
+
blendFunction,
|
|
45
|
+
blur,
|
|
46
|
+
camera,
|
|
47
|
+
edgeStrength,
|
|
48
|
+
height,
|
|
49
|
+
hiddenEdgeColor,
|
|
50
|
+
kernelSize,
|
|
51
|
+
patternTexture,
|
|
52
|
+
pulseSpeed,
|
|
53
|
+
scene,
|
|
54
|
+
visibleEdgeColor,
|
|
55
|
+
width,
|
|
56
|
+
xRay
|
|
57
|
+
]
|
|
58
|
+
);
|
|
59
|
+
const api = React.useContext(Selection.selectionContext);
|
|
60
|
+
React.useEffect(() => {
|
|
61
|
+
if (!api && selection) {
|
|
62
|
+
effect.selection.set(
|
|
63
|
+
Array.isArray(selection) ? selection.map(util.resolveRef) : [util.resolveRef(selection)]
|
|
64
|
+
);
|
|
65
|
+
invalidate();
|
|
66
|
+
return () => {
|
|
67
|
+
effect.selection.clear();
|
|
68
|
+
invalidate();
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
}, [effect, selection, api, invalidate]);
|
|
72
|
+
React.useEffect(() => {
|
|
73
|
+
effect.selectionLayer = selectionLayer;
|
|
74
|
+
invalidate();
|
|
75
|
+
}, [effect, invalidate, selectionLayer]);
|
|
76
|
+
React.useRef();
|
|
77
|
+
React.useEffect(() => {
|
|
78
|
+
var _a;
|
|
79
|
+
if (api && api.enabled) {
|
|
80
|
+
if ((_a = api.selected) == null ? void 0 : _a.length) {
|
|
81
|
+
effect.selection.set(api.selected);
|
|
82
|
+
invalidate();
|
|
83
|
+
return () => {
|
|
84
|
+
effect.selection.clear();
|
|
85
|
+
invalidate();
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}, [api, effect.selection, invalidate]);
|
|
90
|
+
return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref: forwardRef2, object: effect });
|
|
91
|
+
});
|
|
92
|
+
exports.Outline = Outline;
|
|
93
|
+
//# sourceMappingURL=Outline.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Outline.cjs","sources":["../../src/effects/Outline.tsx"],"sourcesContent":["import { OutlineEffect } from 'postprocessing'\nimport { Ref, MutableRefObject, forwardRef, useMemo, useEffect, useContext, useRef } from 'react'\nimport { Object3D } from 'three'\nimport { useThree } from '@react-three/fiber'\nimport { EffectComposerContext } from '../EffectComposer'\nimport { selectionContext } from '../Selection'\nimport { resolveRef } from '../util'\n\ntype ObjectRef = MutableRefObject<Object3D>\n\nexport type OutlineProps = ConstructorParameters<typeof OutlineEffect>[2] &\n Partial<{\n selection: Object3D | Object3D[] | ObjectRef | ObjectRef[]\n selectionLayer: number\n }>\n\nexport const Outline = forwardRef(function Outline(\n {\n selection = [],\n selectionLayer = 10,\n blendFunction,\n patternTexture,\n edgeStrength,\n pulseSpeed,\n visibleEdgeColor,\n hiddenEdgeColor,\n width,\n height,\n kernelSize,\n blur,\n xRay,\n ...props\n }: OutlineProps,\n forwardRef: Ref<OutlineEffect>\n) {\n const invalidate = useThree((state) => state.invalidate)\n const { scene, camera } = useContext(EffectComposerContext)\n\n const effect = useMemo(\n () =>\n new OutlineEffect(scene, camera, {\n blendFunction,\n patternTexture,\n edgeStrength,\n pulseSpeed,\n visibleEdgeColor,\n hiddenEdgeColor,\n width,\n height,\n kernelSize,\n blur,\n xRay,\n ...props,\n }),\n [\n blendFunction,\n blur,\n camera,\n edgeStrength,\n height,\n hiddenEdgeColor,\n kernelSize,\n patternTexture,\n pulseSpeed,\n scene,\n visibleEdgeColor,\n width,\n xRay,\n ]\n )\n\n const api = useContext(selectionContext)\n\n useEffect(() => {\n // Do not allow array selection if declarative selection is active\n // TODO: array selection should probably be deprecated altogether\n if (!api && selection) {\n effect.selection.set(\n Array.isArray(selection) ? (selection as Object3D[]).map(resolveRef) : [resolveRef(selection) as Object3D]\n )\n invalidate()\n return () => {\n effect.selection.clear()\n invalidate()\n }\n }\n }, [effect, selection, api, invalidate])\n\n useEffect(() => {\n effect.selectionLayer = selectionLayer\n invalidate()\n }, [effect, invalidate, selectionLayer])\n\n const ref = useRef<OutlineEffect>()\n useEffect(() => {\n if (api && api.enabled) {\n if (api.selected?.length) {\n effect.selection.set(api.selected)\n invalidate()\n return () => {\n effect.selection.clear()\n invalidate()\n }\n }\n }\n }, [api, effect.selection, invalidate])\n\n return <primitive ref={forwardRef} object={effect} />\n})\n"],"names":["forwardRef","Outline","useThree","useContext","EffectComposerContext","useMemo","OutlineEffect","selectionContext","useEffect","resolveRef","useRef","jsx"],"mappings":";;;;;;;;;AAgBa,MAAA,UAAUA,MAAAA,WAAW,SAASC,SACzC;AAAA,EACE,YAAY,CAAC;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACAD,aACA;AACA,QAAM,aAAaE,MAAAA,SAAS,CAAC,UAAU,MAAM,UAAU;AACvD,QAAM,EAAE,OAAO,OAAO,IAAIC,iBAAWC,eAAqB,qBAAA;AAE1D,QAAM,SAASC,MAAA;AAAA,IACb,MACE,IAAIC,eAAAA,cAAc,OAAO,QAAQ;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,MAAMH,iBAAWI,UAAAA,gBAAgB;AAEvCC,QAAAA,UAAU,MAAM;AAGV,QAAA,CAAC,OAAO,WAAW;AACrB,aAAO,UAAU;AAAA,QACf,MAAM,QAAQ,SAAS,IAAK,UAAyB,IAAIC,KAAAA,UAAU,IAAI,CAACA,gBAAW,SAAS,CAAa;AAAA,MAAA;AAEhG;AACX,aAAO,MAAM;AACX,eAAO,UAAU;AACN;MAAA;AAAA,IAEf;AAAA,KACC,CAAC,QAAQ,WAAW,KAAK,UAAU,CAAC;AAEvCD,QAAAA,UAAU,MAAM;AACd,WAAO,iBAAiB;AACb;EACV,GAAA,CAAC,QAAQ,YAAY,cAAc,CAAC;AAE3BE,eAAsB;AAClCF,QAAAA,UAAU,MAAM;;AACV,QAAA,OAAO,IAAI,SAAS;AAClB,WAAA,SAAI,aAAJ,mBAAc,QAAQ;AACjB,eAAA,UAAU,IAAI,IAAI,QAAQ;AACtB;AACX,eAAO,MAAM;AACX,iBAAO,UAAU;AACN;QAAA;AAAA,MAEf;AAAA,IACF;AAAA,KACC,CAAC,KAAK,OAAO,WAAW,UAAU,CAAC;AAEtC,SAAQG,2BAAAA,IAAA,aAAA,EAAU,KAAKX,aAAY,QAAQ,OAAQ,CAAA;AACrD,CAAC;;"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { OutlineEffect } from "postprocessing";
|
|
3
|
+
import { forwardRef, useContext, useMemo, useEffect, useRef } from "react";
|
|
4
|
+
import { useThree } from "@react-three/fiber";
|
|
5
|
+
import { EffectComposerContext } from "../EffectComposer.js";
|
|
6
|
+
import { selectionContext } from "../Selection.js";
|
|
7
|
+
import { resolveRef } from "../util.js";
|
|
8
|
+
const Outline = forwardRef(function Outline2({
|
|
9
|
+
selection = [],
|
|
10
|
+
selectionLayer = 10,
|
|
11
|
+
blendFunction,
|
|
12
|
+
patternTexture,
|
|
13
|
+
edgeStrength,
|
|
14
|
+
pulseSpeed,
|
|
15
|
+
visibleEdgeColor,
|
|
16
|
+
hiddenEdgeColor,
|
|
17
|
+
width,
|
|
18
|
+
height,
|
|
19
|
+
kernelSize,
|
|
20
|
+
blur,
|
|
21
|
+
xRay,
|
|
22
|
+
...props
|
|
23
|
+
}, forwardRef2) {
|
|
24
|
+
const invalidate = useThree((state) => state.invalidate);
|
|
25
|
+
const { scene, camera } = useContext(EffectComposerContext);
|
|
26
|
+
const effect = useMemo(
|
|
27
|
+
() => new OutlineEffect(scene, camera, {
|
|
28
|
+
blendFunction,
|
|
29
|
+
patternTexture,
|
|
30
|
+
edgeStrength,
|
|
31
|
+
pulseSpeed,
|
|
32
|
+
visibleEdgeColor,
|
|
33
|
+
hiddenEdgeColor,
|
|
34
|
+
width,
|
|
35
|
+
height,
|
|
36
|
+
kernelSize,
|
|
37
|
+
blur,
|
|
38
|
+
xRay,
|
|
39
|
+
...props
|
|
40
|
+
}),
|
|
41
|
+
[
|
|
42
|
+
blendFunction,
|
|
43
|
+
blur,
|
|
44
|
+
camera,
|
|
45
|
+
edgeStrength,
|
|
46
|
+
height,
|
|
47
|
+
hiddenEdgeColor,
|
|
48
|
+
kernelSize,
|
|
49
|
+
patternTexture,
|
|
50
|
+
pulseSpeed,
|
|
51
|
+
scene,
|
|
52
|
+
visibleEdgeColor,
|
|
53
|
+
width,
|
|
54
|
+
xRay
|
|
55
|
+
]
|
|
56
|
+
);
|
|
57
|
+
const api = useContext(selectionContext);
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
if (!api && selection) {
|
|
60
|
+
effect.selection.set(
|
|
61
|
+
Array.isArray(selection) ? selection.map(resolveRef) : [resolveRef(selection)]
|
|
62
|
+
);
|
|
63
|
+
invalidate();
|
|
64
|
+
return () => {
|
|
65
|
+
effect.selection.clear();
|
|
66
|
+
invalidate();
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
}, [effect, selection, api, invalidate]);
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
effect.selectionLayer = selectionLayer;
|
|
72
|
+
invalidate();
|
|
73
|
+
}, [effect, invalidate, selectionLayer]);
|
|
74
|
+
useRef();
|
|
75
|
+
useEffect(() => {
|
|
76
|
+
var _a;
|
|
77
|
+
if (api && api.enabled) {
|
|
78
|
+
if ((_a = api.selected) == null ? void 0 : _a.length) {
|
|
79
|
+
effect.selection.set(api.selected);
|
|
80
|
+
invalidate();
|
|
81
|
+
return () => {
|
|
82
|
+
effect.selection.clear();
|
|
83
|
+
invalidate();
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}, [api, effect.selection, invalidate]);
|
|
88
|
+
return /* @__PURE__ */ jsx("primitive", { ref: forwardRef2, object: effect });
|
|
89
|
+
});
|
|
90
|
+
export {
|
|
91
|
+
Outline
|
|
92
|
+
};
|
|
93
|
+
//# sourceMappingURL=Outline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Outline.js","sources":["../../src/effects/Outline.tsx"],"sourcesContent":["import { OutlineEffect } from 'postprocessing'\nimport { Ref, MutableRefObject, forwardRef, useMemo, useEffect, useContext, useRef } from 'react'\nimport { Object3D } from 'three'\nimport { useThree } from '@react-three/fiber'\nimport { EffectComposerContext } from '../EffectComposer'\nimport { selectionContext } from '../Selection'\nimport { resolveRef } from '../util'\n\ntype ObjectRef = MutableRefObject<Object3D>\n\nexport type OutlineProps = ConstructorParameters<typeof OutlineEffect>[2] &\n Partial<{\n selection: Object3D | Object3D[] | ObjectRef | ObjectRef[]\n selectionLayer: number\n }>\n\nexport const Outline = forwardRef(function Outline(\n {\n selection = [],\n selectionLayer = 10,\n blendFunction,\n patternTexture,\n edgeStrength,\n pulseSpeed,\n visibleEdgeColor,\n hiddenEdgeColor,\n width,\n height,\n kernelSize,\n blur,\n xRay,\n ...props\n }: OutlineProps,\n forwardRef: Ref<OutlineEffect>\n) {\n const invalidate = useThree((state) => state.invalidate)\n const { scene, camera } = useContext(EffectComposerContext)\n\n const effect = useMemo(\n () =>\n new OutlineEffect(scene, camera, {\n blendFunction,\n patternTexture,\n edgeStrength,\n pulseSpeed,\n visibleEdgeColor,\n hiddenEdgeColor,\n width,\n height,\n kernelSize,\n blur,\n xRay,\n ...props,\n }),\n [\n blendFunction,\n blur,\n camera,\n edgeStrength,\n height,\n hiddenEdgeColor,\n kernelSize,\n patternTexture,\n pulseSpeed,\n scene,\n visibleEdgeColor,\n width,\n xRay,\n ]\n )\n\n const api = useContext(selectionContext)\n\n useEffect(() => {\n // Do not allow array selection if declarative selection is active\n // TODO: array selection should probably be deprecated altogether\n if (!api && selection) {\n effect.selection.set(\n Array.isArray(selection) ? (selection as Object3D[]).map(resolveRef) : [resolveRef(selection) as Object3D]\n )\n invalidate()\n return () => {\n effect.selection.clear()\n invalidate()\n }\n }\n }, [effect, selection, api, invalidate])\n\n useEffect(() => {\n effect.selectionLayer = selectionLayer\n invalidate()\n }, [effect, invalidate, selectionLayer])\n\n const ref = useRef<OutlineEffect>()\n useEffect(() => {\n if (api && api.enabled) {\n if (api.selected?.length) {\n effect.selection.set(api.selected)\n invalidate()\n return () => {\n effect.selection.clear()\n invalidate()\n }\n }\n }\n }, [api, effect.selection, invalidate])\n\n return <primitive ref={forwardRef} object={effect} />\n})\n"],"names":["Outline","forwardRef"],"mappings":";;;;;;;AAgBa,MAAA,UAAU,WAAW,SAASA,SACzC;AAAA,EACE,YAAY,CAAC;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACAC,aACA;AACA,QAAM,aAAa,SAAS,CAAC,UAAU,MAAM,UAAU;AACvD,QAAM,EAAE,OAAO,OAAO,IAAI,WAAW,qBAAqB;AAE1D,QAAM,SAAS;AAAA,IACb,MACE,IAAI,cAAc,OAAO,QAAQ;AAAA,MAC/B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGI,QAAA,MAAM,WAAW,gBAAgB;AAEvC,YAAU,MAAM;AAGV,QAAA,CAAC,OAAO,WAAW;AACrB,aAAO,UAAU;AAAA,QACf,MAAM,QAAQ,SAAS,IAAK,UAAyB,IAAI,UAAU,IAAI,CAAC,WAAW,SAAS,CAAa;AAAA,MAAA;AAEhG;AACX,aAAO,MAAM;AACX,eAAO,UAAU;AACN;MAAA;AAAA,IAEf;AAAA,KACC,CAAC,QAAQ,WAAW,KAAK,UAAU,CAAC;AAEvC,YAAU,MAAM;AACd,WAAO,iBAAiB;AACb;EACV,GAAA,CAAC,QAAQ,YAAY,cAAc,CAAC;AAE3B,SAAsB;AAClC,YAAU,MAAM;;AACV,QAAA,OAAO,IAAI,SAAS;AAClB,WAAA,SAAI,aAAJ,mBAAc,QAAQ;AACjB,eAAA,UAAU,IAAI,IAAI,QAAQ;AACtB;AACX,eAAO,MAAM;AACX,iBAAO,UAAU;AACN;QAAA;AAAA,MAEf;AAAA,IACF;AAAA,KACC,CAAC,KAAK,OAAO,WAAW,UAAU,CAAC;AAEtC,SAAQ,oBAAA,aAAA,EAAU,KAAKA,aAAY,QAAQ,OAAQ,CAAA;AACrD,CAAC;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
+
const React = require("react");
|
|
5
|
+
const postprocessing = require("postprocessing");
|
|
6
|
+
const Pixelation = React.forwardRef(function Pixelation2({ granularity = 5 }, ref) {
|
|
7
|
+
const effect = React.useMemo(() => new postprocessing.PixelationEffect(granularity), [granularity]);
|
|
8
|
+
return /* @__PURE__ */ jsxRuntime.jsx("primitive", { ref, object: effect, dispose: null });
|
|
9
|
+
});
|
|
10
|
+
exports.Pixelation = Pixelation;
|
|
11
|
+
//# sourceMappingURL=Pixelation.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pixelation.cjs","sources":["../../src/effects/Pixelation.tsx"],"sourcesContent":["import { forwardRef, useMemo, Ref } from 'react'\nimport { PixelationEffect } from 'postprocessing'\n\nexport type PixelationProps = {\n granularity?: number\n}\n\nexport const Pixelation = forwardRef<PixelationEffect, PixelationProps>(function Pixelation(\n { granularity = 5 }: PixelationProps,\n ref: Ref<PixelationEffect>\n) {\n /** Because GlitchEffect granularity is not an object but a number, we have to define a custom prop \"granularity\" */\n const effect = useMemo(() => new PixelationEffect(granularity), [granularity])\n return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["forwardRef","Pixelation","useMemo","PixelationEffect"],"mappings":";;;;;AAOa,MAAA,aAAaA,iBAA8C,SAASC,YAC/E,EAAE,cAAc,KAChB,KACA;AAEM,QAAA,SAASC,cAAQ,MAAM,IAAIC,eAAAA,iBAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAC7E,wCAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useMemo } from "react";
|
|
3
|
+
import { PixelationEffect } from "postprocessing";
|
|
4
|
+
const Pixelation = forwardRef(function Pixelation2({ granularity = 5 }, ref) {
|
|
5
|
+
const effect = useMemo(() => new PixelationEffect(granularity), [granularity]);
|
|
6
|
+
return /* @__PURE__ */ jsx("primitive", { ref, object: effect, dispose: null });
|
|
7
|
+
});
|
|
8
|
+
export {
|
|
9
|
+
Pixelation
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=Pixelation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pixelation.js","sources":["../../src/effects/Pixelation.tsx"],"sourcesContent":["import { forwardRef, useMemo, Ref } from 'react'\nimport { PixelationEffect } from 'postprocessing'\n\nexport type PixelationProps = {\n granularity?: number\n}\n\nexport const Pixelation = forwardRef<PixelationEffect, PixelationProps>(function Pixelation(\n { granularity = 5 }: PixelationProps,\n ref: Ref<PixelationEffect>\n) {\n /** Because GlitchEffect granularity is not an object but a number, we have to define a custom prop \"granularity\" */\n const effect = useMemo(() => new PixelationEffect(granularity), [granularity])\n return <primitive ref={ref} object={effect} dispose={null} />\n})\n"],"names":["Pixelation"],"mappings":";;;AAOa,MAAA,aAAa,WAA8C,SAASA,YAC/E,EAAE,cAAc,KAChB,KACA;AAEM,QAAA,SAAS,QAAQ,MAAM,IAAI,iBAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAC7E,6BAAQ,aAAU,EAAA,KAAU,QAAQ,QAAQ,SAAS,KAAM,CAAA;AAC7D,CAAC;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const postprocessing = require("postprocessing");
|
|
4
|
+
const util = require("../util.cjs");
|
|
5
|
+
const SMAA = util.wrapEffect(postprocessing.SMAAEffect);
|
|
6
|
+
exports.SMAA = SMAA;
|
|
7
|
+
//# sourceMappingURL=SMAA.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SMAA.cjs","sources":["../../src/effects/SMAA.tsx"],"sourcesContent":["import { SMAAEffect } from 'postprocessing'\nimport { wrapEffect } from '../util'\n\nexport const SMAA = wrapEffect(SMAAEffect)\n"],"names":["wrapEffect","SMAAEffect"],"mappings":";;;;AAGa,MAAA,OAAOA,gBAAWC,eAAU,UAAA;;"}
|