@paper-design/shaders 0.0.31-backbuffer-experiment.2 → 0.0.32

package/dist/shaders/liquid-metal.js

@@ -1,221 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-import { sizingVariablesDeclaration } from "../shader-sizing";
-import { declarePI, declareRotate, declareSimplexNoise, colorBandingFix } from "../shader-utils";
-const liquidMetalFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float u_time;
-
-uniform vec4 u_colorBack;
-uniform vec4 u_colorTint;
-
-uniform float u_softness;
-uniform float u_repetition;
-uniform float u_shiftRed;
-uniform float u_shiftBlue;
-uniform float u_distortion;
-uniform float u_contour;
-uniform float u_shape;
-
-${sizingVariablesDeclaration}
-
-out vec4 fragColor;
-
-${declarePI}
-${declareRotate}
-${declareSimplexNoise}
-
-float getColorChanges(float c1, float c2, float stripe_p, vec3 w, float blur, float bump, float tint) {
-
-  float ch = mix(c2, c1, smoothstep(.0, blur, stripe_p));
-
-  float border = w[0];
-  ch = mix(ch, c2, smoothstep(border - blur, border + blur, stripe_p));
-
-  border = w[0] + .4 * (1. - bump) * w[1];
-  ch = mix(ch, c1, smoothstep(border - blur, border + blur, stripe_p));
-
-  border = w[0] + .5 * (1. - bump) * w[1];
-  ch = mix(ch, c2, smoothstep(border - blur, border + blur, stripe_p));
-
-  border = w[0] + w[1];
-  ch = mix(ch, c1, smoothstep(border - blur, border + blur, stripe_p));
-
-  float gradient_t = (stripe_p - w[0] - w[1]) / w[2];
-  float gradient = mix(c1, c2, smoothstep(0., 1., gradient_t));
-  ch = mix(ch, gradient, smoothstep(border - blur, border + blur, stripe_p));
-  
-  // ch = 1. - min(1., (1. - ch) / max(tint, .0001));
-  ch = mix(ch, 1. - min(1., (1. - ch) / max(tint, 0.0001)), u_colorTint.a);
-  return ch;
-}
-
-void main() {
-
-  float t = .1 * u_time;
-
-  vec2 uv = v_objectUV;
-  uv += .5;
-  uv.y = 1. - uv.y;
-
-  float cycleWidth = .5 * u_repetition;
-
-  float mask = 1.;
-  float contOffset = 1.;
-
-  if (u_shape < 1.) {
-
-    vec2 borderUV = v_responsiveUV + .5;
-    float ratio = v_responsiveBoxGivenSize.x / v_responsiveBoxGivenSize.y;
-    vec2 edge = min(borderUV, 1. - borderUV);
-    vec2 pixel_thickness = 250. / v_responsiveBoxGivenSize;
-    float maskX = smoothstep(0.0, pixel_thickness.x, edge.x);
-    float maskY = smoothstep(0.0, pixel_thickness.y, edge.y);
-    maskX = pow(maskX, .25);
-    maskY = pow(maskY, .25);
-    mask = clamp(1. - maskX * maskY, 0., 1.);
-
-    uv = v_responsiveUV;
-    if (ratio > 1.) {
-      uv.y /= ratio;
-    } else {
-      uv.x *= ratio;
-    }
-    uv += .5;
-    uv.y = 1. - uv.y;
-
-    cycleWidth *= 2.;
-    contOffset = 1.5;
-
-  } else if (u_shape < 2.) {
-    vec2 shapeUV = uv - .5;
-    shapeUV *= .67;
-    mask = pow(clamp(3. * length(shapeUV), 0., 1.), 18.);
-  } else if (u_shape < 3.) {
-    vec2 shapeUV = uv - .5;
-    shapeUV *= 1.68;
-
-    float r = length(shapeUV) * 2.;
-    float a = atan(shapeUV.y, shapeUV.x) + .2;
-    r *= (1. + .05 * sin(3. * a + 2. * t));
-    float f = abs(cos(a * 3.));
-    mask = smoothstep(f, f + .7, r);
-    mask = pow(mask, 2.);
-
-    uv *= .8;
-    cycleWidth *= 1.6;
-
-  } else if (u_shape < 4.) {
-    vec2 shapeUV = uv - .5;
-    shapeUV *= 1.3;
-    mask = 0.;
-    for (int i = 0; i < 5; i++) {
-      float fi = float(i);
-      float speed = 4.5 + 2. * sin(fi * 12.345);
-      float angle = -fi * 1.5;
-      vec2 dir1 = vec2(cos(angle), sin(angle));
-      vec2 dir2 = vec2(cos(angle + 1.57), sin(angle + 1.));
-      vec2 traj = .4 * (dir1 * sin(t * speed + fi * 1.23) + dir2 * cos(t * (speed * 0.7) + fi * 2.17));
-      float d = length(shapeUV + traj);
-      mask += pow(1.0 - clamp(d, 0.0, 1.0), 4.0);
-    }
-    mask = 1. - smoothstep(.65, .9, mask);
-    mask = pow(mask, 4.);
-  }
-
-  float opacity = 1. - smoothstep(.8, .82, mask);
-
-  float ridge = .15 * (smoothstep(.0, .15, uv.y) * smoothstep(.4, .15, uv.y));
-  ridge += .05 * (smoothstep(.1, .2, 1. - uv.y) * smoothstep(.4, .2, 1. - uv.y));
-  mask += ridge;
-
-  float diagBLtoTR = uv.x - uv.y;
-  float diagTLtoBR = uv.x + uv.y;
-
-  vec3 color = vec3(0.);
-  vec3 color1 = vec3(.98, 0.98, 1.);
-  vec3 color2 = vec3(.1, .1, .1 + .1 * smoothstep(.7, 1.3, diagTLtoBR));
-
-  vec2 grad_uv = uv - .5;
-
-  float dist = length(grad_uv + vec2(0., .2 * diagBLtoTR));
-  grad_uv = rotate(grad_uv, (.25 - .2 * diagBLtoTR) * PI);
-  float direction = grad_uv.x;
-
-  float bump = pow(1.8 * dist, 1.2);
-  bump = 1. - bump;
-  bump *= pow(uv.y, .3);
-
-
-  float thin_strip_1_ratio = .12 / cycleWidth * (1. - .4 * bump);
-  float thin_strip_2_ratio = .07 / cycleWidth * (1. + .4 * bump);
-  float wide_strip_ratio = (1. - thin_strip_1_ratio - thin_strip_2_ratio);
-
-  float thin_strip_1_width = cycleWidth * thin_strip_1_ratio;
-  float thin_strip_2_width = cycleWidth * thin_strip_2_ratio;
-
-  float noise = snoise(uv - t);
-
-  mask += (1. - mask) * u_distortion * noise;
-
-  direction += diagBLtoTR;
-
-  float contour = u_contour * smoothstep(0., contOffset, mask) * smoothstep(contOffset, 0., mask);
-  direction -= 14. * noise * contour;
-
-  bump *= clamp(pow(uv.y, .1), .3, 1.);
-  direction *= (.1 + (1.1 - mask) * bump);
-  direction *= smoothstep(1., .2, mask);
-
-
-  direction *= (.5 + .5 * pow(uv.y, 2.));
-  direction *= cycleWidth;
-  direction -= t;
-
-
-  float colorDispersion = (1. - bump);
-  float dispersionRed = colorDispersion;
-  dispersionRed += bump * noise;
-  float dispersionBlue = colorDispersion;
-
-  dispersionRed *= (u_shiftRed / 20.);
-  dispersionBlue *= (u_shiftBlue / 20.);
-
-  float blur = u_softness / 15. + .3 * contour;
-
-  vec3 w = vec3(thin_strip_1_width, thin_strip_2_width, wide_strip_ratio);
-  w[1] -= .02 * smoothstep(.0, 1., mask + bump);
-  float stripe_r = mod(direction + dispersionRed, 1.);
-  float r = getColorChanges(color1.r, color2.r, stripe_r, w, blur, bump, u_colorTint.r);
-  float stripe_g = mod(direction, 1.);
-  float g = getColorChanges(color1.g, color2.g, stripe_g, w, blur, bump, u_colorTint.g);
-  float stripe_b = mod(direction - dispersionBlue, 1.);
-  float b = getColorChanges(color1.b, color2.b, stripe_b, w, blur, bump, u_colorTint.b);
-
-  color = vec3(r, g, b);
-  color *= opacity;
-  
-  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;
-  color = color + bgColor * (1. - opacity);
-  opacity = opacity + u_colorBack.a * (1. - opacity);
-
-  ${colorBandingFix}
-
-  fragColor = vec4(color, opacity);
-}
-`;
-const LiquidMetalShapes = {
-  none: 0,
-  circle: 1,
-  daisy: 2,
-  metaballs: 3
-};
-export {
-  LiquidMetalShapes,
-  liquidMetalFragmentShader
-};
-//# sourceMappingURL=liquid-metal.js.map

package/dist/shaders/liquid-metal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/shaders/liquid-metal.ts"],
-  "sourcesContent": ["import type { ShaderMotionParams } from '../shader-mount';\nimport { sizingVariablesDeclaration, type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';\nimport { declarePI, declareRotate, declareSimplexNoise, colorBandingFix } from '../shader-utils';\n\n/**\n */\n\nexport const liquidMetalFragmentShader: string = `#version 300 es\nprecision mediump float;\n\nuniform float u_time;\n\nuniform vec4 u_colorBack;\nuniform vec4 u_colorTint;\n\nuniform float u_softness;\nuniform float u_repetition;\nuniform float u_shiftRed;\nuniform float u_shiftBlue;\nuniform float u_distortion;\nuniform float u_contour;\nuniform float u_shape;\n\n${sizingVariablesDeclaration}\n\nout vec4 fragColor;\n\n${declarePI}\n${declareRotate}\n${declareSimplexNoise}\n\nfloat getColorChanges(float c1, float c2, float stripe_p, vec3 w, float blur, float bump, float tint) {\n\n  float ch = mix(c2, c1, smoothstep(.0, blur, stripe_p));\n\n  float border = w[0];\n  ch = mix(ch, c2, smoothstep(border - blur, border + blur, stripe_p));\n\n  border = w[0] + .4 * (1. - bump) * w[1];\n  ch = mix(ch, c1, smoothstep(border - blur, border + blur, stripe_p));\n\n  border = w[0] + .5 * (1. - bump) * w[1];\n  ch = mix(ch, c2, smoothstep(border - blur, border + blur, stripe_p));\n\n  border = w[0] + w[1];\n  ch = mix(ch, c1, smoothstep(border - blur, border + blur, stripe_p));\n\n  float gradient_t = (stripe_p - w[0] - w[1]) / w[2];\n  float gradient = mix(c1, c2, smoothstep(0., 1., gradient_t));\n  ch = mix(ch, gradient, smoothstep(border - blur, border + blur, stripe_p));\n  \n  // ch = 1. - min(1., (1. - ch) / max(tint, .0001));\n  ch = mix(ch, 1. - min(1., (1. - ch) / max(tint, 0.0001)), u_colorTint.a);\n  return ch;\n}\n\nvoid main() {\n\n  float t = .1 * u_time;\n\n  vec2 uv = v_objectUV;\n  uv += .5;\n  uv.y = 1. - uv.y;\n\n  float cycleWidth = .5 * u_repetition;\n\n  float mask = 1.;\n  float contOffset = 1.;\n\n  if (u_shape < 1.) {\n\n    vec2 borderUV = v_responsiveUV + .5;\n    float ratio = v_responsiveBoxGivenSize.x / v_responsiveBoxGivenSize.y;\n    vec2 edge = min(borderUV, 1. - borderUV);\n    vec2 pixel_thickness = 250. / v_responsiveBoxGivenSize;\n    float maskX = smoothstep(0.0, pixel_thickness.x, edge.x);\n    float maskY = smoothstep(0.0, pixel_thickness.y, edge.y);\n    maskX = pow(maskX, .25);\n    maskY = pow(maskY, .25);\n    mask = clamp(1. - maskX * maskY, 0., 1.);\n\n    uv = v_responsiveUV;\n    if (ratio > 1.) {\n      uv.y /= ratio;\n    } else {\n      uv.x *= ratio;\n    }\n    uv += .5;\n    uv.y = 1. - uv.y;\n\n    cycleWidth *= 2.;\n    contOffset = 1.5;\n\n  } else if (u_shape < 2.) {\n    vec2 shapeUV = uv - .5;\n    shapeUV *= .67;\n    mask = pow(clamp(3. * length(shapeUV), 0., 1.), 18.);\n  } else if (u_shape < 3.) {\n    vec2 shapeUV = uv - .5;\n    shapeUV *= 1.68;\n\n    float r = length(shapeUV) * 2.;\n    float a = atan(shapeUV.y, shapeUV.x) + .2;\n    r *= (1. + .05 * sin(3. * a + 2. * t));\n    float f = abs(cos(a * 3.));\n    mask = smoothstep(f, f + .7, r);\n    mask = pow(mask, 2.);\n\n    uv *= .8;\n    cycleWidth *= 1.6;\n\n  } else if (u_shape < 4.) {\n    vec2 shapeUV = uv - .5;\n    shapeUV *= 1.3;\n    mask = 0.;\n    for (int i = 0; i < 5; i++) {\n      float fi = float(i);\n      float speed = 4.5 + 2. * sin(fi * 12.345);\n      float angle = -fi * 1.5;\n      vec2 dir1 = vec2(cos(angle), sin(angle));\n      vec2 dir2 = vec2(cos(angle + 1.57), sin(angle + 1.));\n      vec2 traj = .4 * (dir1 * sin(t * speed + fi * 1.23) + dir2 * cos(t * (speed * 0.7) + fi * 2.17));\n      float d = length(shapeUV + traj);\n      mask += pow(1.0 - clamp(d, 0.0, 1.0), 4.0);\n    }\n    mask = 1. - smoothstep(.65, .9, mask);\n    mask = pow(mask, 4.);\n  }\n\n  float opacity = 1. - smoothstep(.8, .82, mask);\n\n  float ridge = .15 * (smoothstep(.0, .15, uv.y) * smoothstep(.4, .15, uv.y));\n  ridge += .05 * (smoothstep(.1, .2, 1. - uv.y) * smoothstep(.4, .2, 1. - uv.y));\n  mask += ridge;\n\n  float diagBLtoTR = uv.x - uv.y;\n  float diagTLtoBR = uv.x + uv.y;\n\n  vec3 color = vec3(0.);\n  vec3 color1 = vec3(.98, 0.98, 1.);\n  vec3 color2 = vec3(.1, .1, .1 + .1 * smoothstep(.7, 1.3, diagTLtoBR));\n\n  vec2 grad_uv = uv - .5;\n\n  float dist = length(grad_uv + vec2(0., .2 * diagBLtoTR));\n  grad_uv = rotate(grad_uv, (.25 - .2 * diagBLtoTR) * PI);\n  float direction = grad_uv.x;\n\n  float bump = pow(1.8 * dist, 1.2);\n  bump = 1. - bump;\n  bump *= pow(uv.y, .3);\n\n\n  float thin_strip_1_ratio = .12 / cycleWidth * (1. - .4 * bump);\n  float thin_strip_2_ratio = .07 / cycleWidth * (1. + .4 * bump);\n  float wide_strip_ratio = (1. - thin_strip_1_ratio - thin_strip_2_ratio);\n\n  float thin_strip_1_width = cycleWidth * thin_strip_1_ratio;\n  float thin_strip_2_width = cycleWidth * thin_strip_2_ratio;\n\n  float noise = snoise(uv - t);\n\n  mask += (1. - mask) * u_distortion * noise;\n\n  direction += diagBLtoTR;\n\n  float contour = u_contour * smoothstep(0., contOffset, mask) * smoothstep(contOffset, 0., mask);\n  direction -= 14. * noise * contour;\n\n  bump *= clamp(pow(uv.y, .1), .3, 1.);\n  direction *= (.1 + (1.1 - mask) * bump);\n  direction *= smoothstep(1., .2, mask);\n\n\n  direction *= (.5 + .5 * pow(uv.y, 2.));\n  direction *= cycleWidth;\n  direction -= t;\n\n\n  float colorDispersion = (1. - bump);\n  float dispersionRed = colorDispersion;\n  dispersionRed += bump * noise;\n  float dispersionBlue = colorDispersion;\n\n  dispersionRed *= (u_shiftRed / 20.);\n  dispersionBlue *= (u_shiftBlue / 20.);\n\n  float blur = u_softness / 15. + .3 * contour;\n\n  vec3 w = vec3(thin_strip_1_width, thin_strip_2_width, wide_strip_ratio);\n  w[1] -= .02 * smoothstep(.0, 1., mask + bump);\n  float stripe_r = mod(direction + dispersionRed, 1.);\n  float r = getColorChanges(color1.r, color2.r, stripe_r, w, blur, bump, u_colorTint.r);\n  float stripe_g = mod(direction, 1.);\n  float g = getColorChanges(color1.g, color2.g, stripe_g, w, blur, bump, u_colorTint.g);\n  float stripe_b = mod(direction - dispersionBlue, 1.);\n  float b = getColorChanges(color1.b, color2.b, stripe_b, w, blur, bump, u_colorTint.b);\n\n  color = vec3(r, g, b);\n  color *= opacity;\n  \n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n\n  ${colorBandingFix}\n\n  fragColor = vec4(color, opacity);\n}\n`;\n\nexport interface LiquidMetalUniforms extends ShaderSizingUniforms {\n  u_colorBack: [number, number, number, number];\n  u_colorTint: [number, number, number, number];\n  u_softness: number;\n  u_repetition: number;\n  u_shiftRed: number;\n  u_shiftBlue: number;\n  u_distortion: number;\n  u_contour: number;\n  u_shape: (typeof LiquidMetalShapes)[LiquidMetalShape];\n}\n\nexport interface LiquidMetalParams extends ShaderSizingParams, ShaderMotionParams {\n  colorBack?: string;\n  colorTint?: string;\n  softness?: number;\n  repetition?: number;\n  shiftRed?: number;\n  shiftBlue?: number;\n  distortion?: number;\n  contour?: number;\n  shape?: LiquidMetalShape;\n}\n\nexport const LiquidMetalShapes = {\n  none: 0,\n  circle: 1,\n  daisy: 2,\n  metaballs: 3,\n} as const;\n\nexport type LiquidMetalShape = keyof typeof LiquidMetalShapes;\n"],
-  "mappings": ";;;;;AACA,SAAS,kCAAsF;AAC/F,SAAS,WAAW,eAAe,qBAAqB,uBAAuB;AAKxE,MAAM,4BAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB/C,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS;AAAA,EACT,aAAa;AAAA,EACb,mBAAmB;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;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,IAgLjB,eAAe;AAAA;AAAA;AAAA;AAAA;AA8BZ,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;",
-  "names": []
-}

package/dist/shaders/mesh-gradient.js

@@ -1,97 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-import { sizingVariablesDeclaration } from "../shader-sizing";
-import { declarePI, declareRotate, colorBandingFix } from "../shader-utils";
-const meshGradientMeta = {
-  maxColorCount: 10
-};
-const meshGradientFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float u_time;
-
-uniform vec4 u_colors[${meshGradientMeta.maxColorCount}];
-uniform float u_colorsCount;
-
-uniform float u_distortion;
-uniform float u_swirl;
-
-${sizingVariablesDeclaration}
-
-out vec4 fragColor;
-
-${declarePI}
-${declareRotate}
-
-vec2 getPosition(int i, float t) {
-  float a = float(i) * .37;
-  float b = .6 + mod(float(i), 3.) * .3;
-  float c = .8 + mod(float(i + 1), 4.) * 0.25;
-
-  float x = sin(t * b + a);
-  float y = cos(t * c + a * 1.5);
-
-  return .5 + .5 * vec2(x, y);
-}
-
-void main() {
-  vec2 shape_uv = v_objectUV;
-
-  shape_uv += .5;
-
-  float t = .5 * u_time;
-
-  float radius = smoothstep(0., 1., length(shape_uv - .5));
-  float center = 1. - radius;
-  for (float i = 1.; i <= 2.; i++) {
-    shape_uv.x += u_distortion * center / i * sin(t + i * .4 * smoothstep(.0, 1., shape_uv.y)) * cos(.2 * t + i * 2.4 * smoothstep(.0, 1., shape_uv.y));
-    shape_uv.y += u_distortion * center / i * cos(t + i * 2. * smoothstep(.0, 1., shape_uv.x));
-  }
-
-  vec2 uvRotated = shape_uv;
-  uvRotated -= vec2(.5);
-  float angle = 3. * u_swirl * radius;
-  uvRotated = rotate(uvRotated, -angle);
-  uvRotated += vec2(.5);
-
-  vec3 color = vec3(0.);
-  float opacity = 0.;
-  float totalWeight = 0.;
-  
-  for (int i = 0; i < ${meshGradientMeta.maxColorCount}; i++) {
-    if (i >= int(u_colorsCount)) break;
-    
-    vec2 pos = getPosition(i, t);
-    vec3 colorFraction = u_colors[i].rgb * u_colors[i].a;
-    float opacityFraction = u_colors[i].a;
-      
-    float dist = 0.;
-    if (mod(float(i), 2.) > 1.) {
-      dist = length(shape_uv - pos);
-    } else {
-      dist = length(uvRotated - pos);
-    }
-
-    dist = pow(dist, 3.5);
-    float weight = 1. / (dist + 1e-3);
-    color += colorFraction * weight;
-    opacity += opacityFraction * weight;
-    totalWeight += weight;
-  }
-
-  color /= totalWeight;
-  opacity /= totalWeight;
-  
-  ${colorBandingFix}
-
-  fragColor = vec4(color, opacity);
-}
-`;
-export {
-  meshGradientFragmentShader,
-  meshGradientMeta
-};
-//# sourceMappingURL=mesh-gradient.js.map

package/dist/shaders/mesh-gradient.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/shaders/mesh-gradient.ts"],
-  "sourcesContent": ["import type { vec4 } from '../types';\nimport type { ShaderMotionParams } from '../shader-mount';\nimport { sizingVariablesDeclaration, type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';\nimport { declarePI, declareRotate, colorBandingFix } from '../shader-utils';\n\nexport const meshGradientMeta = {\n  maxColorCount: 10,\n} as const;\n\n/**\n * Mesh Gradient Ksenia Kondrashova\n * Smooth, animated mesh gradient using a dynamic list of colors\n *\n * Uniforms include:\n * - u_colors (vec4[]): Input RGBA colors\n * - u_colorsCount (float): Number of active colors (`u_colors` length)\n * - u_distortion (float): Amount of animated wavy distortion applied to UV coordinates\n * - u_swirl (float): Amount of radial swirl distortion applied to UV coordinates\n */\nexport const meshGradientFragmentShader: string = `#version 300 es\nprecision mediump float;\n\nuniform float u_time;\n\nuniform vec4 u_colors[${meshGradientMeta.maxColorCount}];\nuniform float u_colorsCount;\n\nuniform float u_distortion;\nuniform float u_swirl;\n\n${sizingVariablesDeclaration}\n\nout vec4 fragColor;\n\n${declarePI}\n${declareRotate}\n\nvec2 getPosition(int i, float t) {\n  float a = float(i) * .37;\n  float b = .6 + mod(float(i), 3.) * .3;\n  float c = .8 + mod(float(i + 1), 4.) * 0.25;\n\n  float x = sin(t * b + a);\n  float y = cos(t * c + a * 1.5);\n\n  return .5 + .5 * vec2(x, y);\n}\n\nvoid main() {\n  vec2 shape_uv = v_objectUV;\n\n  shape_uv += .5;\n\n  float t = .5 * u_time;\n\n  float radius = smoothstep(0., 1., length(shape_uv - .5));\n  float center = 1. - radius;\n  for (float i = 1.; i <= 2.; i++) {\n    shape_uv.x += u_distortion * center / i * sin(t + i * .4 * smoothstep(.0, 1., shape_uv.y)) * cos(.2 * t + i * 2.4 * smoothstep(.0, 1., shape_uv.y));\n    shape_uv.y += u_distortion * center / i * cos(t + i * 2. * smoothstep(.0, 1., shape_uv.x));\n  }\n\n  vec2 uvRotated = shape_uv;\n  uvRotated -= vec2(.5);\n  float angle = 3. * u_swirl * radius;\n  uvRotated = rotate(uvRotated, -angle);\n  uvRotated += vec2(.5);\n\n  vec3 color = vec3(0.);\n  float opacity = 0.;\n  float totalWeight = 0.;\n  \n  for (int i = 0; i < ${meshGradientMeta.maxColorCount}; i++) {\n    if (i >= int(u_colorsCount)) break;\n    \n    vec2 pos = getPosition(i, t);\n    vec3 colorFraction = u_colors[i].rgb * u_colors[i].a;\n    float opacityFraction = u_colors[i].a;\n      \n    float dist = 0.;\n    if (mod(float(i), 2.) > 1.) {\n      dist = length(shape_uv - pos);\n    } else {\n      dist = length(uvRotated - pos);\n    }\n\n    dist = pow(dist, 3.5);\n    float weight = 1. / (dist + 1e-3);\n    color += colorFraction * weight;\n    opacity += opacityFraction * weight;\n    totalWeight += weight;\n  }\n\n  color /= totalWeight;\n  opacity /= totalWeight;\n  \n  ${colorBandingFix}\n\n  fragColor = vec4(color, opacity);\n}\n`;\n\nexport interface MeshGradientUniforms extends ShaderSizingUniforms {\n  u_colors: vec4[];\n  u_colorsCount: number;\n  u_distortion: number;\n  u_swirl: number;\n}\n\nexport interface MeshGradientParams extends ShaderSizingParams, ShaderMotionParams {\n  colors?: string[];\n  distortion?: number;\n  swirl?: number;\n}\n"],
-  "mappings": ";;;;;AAEA,SAAS,kCAAsF;AAC/F,SAAS,WAAW,eAAe,uBAAuB;AAEnD,MAAM,mBAAmB;AAAA,EAC9B,eAAe;AACjB;AAYO,MAAM,6BAAqC;AAAA;AAAA;AAAA;AAAA;AAAA,wBAK1B,iBAAiB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpD,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS;AAAA,EACT,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,wBAqCS,iBAAiB,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,IAwBlD,eAAe;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/shaders/metaballs.js

@@ -1,110 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-import { sizingVariablesDeclaration } from "../shader-sizing";
-import { declarePI, colorBandingFix } from "../shader-utils";
-const metaballsMeta = {
-  maxColorCount: 8,
-  maxBallsCount: 20
-};
-const metaballsFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float u_time;
-
-uniform vec4 u_colorBack;
-uniform vec4 u_colors[${metaballsMeta.maxColorCount}];
-uniform float u_colorsCount;
-uniform float u_size;
-uniform float u_sizeRange;
-uniform float u_count;
-
-${sizingVariablesDeclaration}
-
-out vec4 fragColor;
-
-${declarePI}
-
-float hash(float x) {
-  return fract(sin(x) * 43758.5453123);
-}
-float noise(float x) {
-  float i = floor(x);
-  float f = fract(x);
-  float u = f * f * (3.0 - 2.0 * f);
-  return mix(hash(i), hash(i + 1.0), u);
-}
-
-float getBallShape(vec2 uv, vec2 c, float p) {
-  float s = .5 * length(uv - c);
-  s = 1. - clamp(s, 0., 1.);
-  s = pow(s, p);
-  return s;
-}
-
-void main() {
-  vec2 shape_uv = v_objectUV;
-
-  shape_uv += .5;
-
-  float t = .2 * u_time + 1.;
-
-  vec3 totalColor = vec3(0.);
-  float totalShape = 0.;
-  float totalOpacity = 0.;
-  
-  for (int i = 0; i < ${metaballsMeta.maxBallsCount}; i++) {
-    if (i >= int(ceil(u_count))) break;
-  
-    float idxFract = float(i) / float(${metaballsMeta.maxBallsCount});
-    float angle = TWO_PI * idxFract;
-  
-    float speed = 1. - .2 * idxFract;
-    float noiseX = noise(angle * 10. + float(i) + t * speed);
-    float noiseY = noise(angle * 20. + float(i) - t * speed);
-  
-    vec2 pos = vec2(.5) + 1e-4 + .9 * (vec2(noiseX, noiseY) - .5);
-  
-    int safeIndex = i % int(u_colorsCount + 0.5);
-    vec4 ballColor = u_colors[safeIndex];
-    ballColor.rgb *= ballColor.a;
-
-    float sizeFrac = 1.;
-    if (float(i) > floor(u_count - 1.)) {
-      sizeFrac *= fract(u_count);
-    }
-
-    float shape = getBallShape(shape_uv, pos, 45. - 30. * u_size * sizeFrac);
-    shape *= pow(u_size, .2);
-    shape = smoothstep(0., 1., shape);
-
-    totalColor += ballColor.rgb * shape;
-    totalShape += shape;
-    totalOpacity += ballColor.a * shape;
-  }
-
-  totalColor /= max(totalShape, 1e-4);
-  totalOpacity /= max(totalShape, 1e-4);
-
-  float edge_width = fwidth(totalShape);
-  float finalShape = smoothstep(.4, .4 + edge_width, totalShape);
-
-  vec3 color = totalColor * finalShape;
-  float opacity = totalOpacity * finalShape;
-
-  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;
-  color = color + bgColor * (1. - opacity);
-  opacity = opacity + u_colorBack.a * (1. - opacity);
-
-  ${colorBandingFix}
-
-  fragColor = vec4(color, opacity);
-}
-`;
-export {
-  metaballsFragmentShader,
-  metaballsMeta
-};
-//# sourceMappingURL=metaballs.js.map

package/dist/shaders/metaballs.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/shaders/metaballs.ts"],
-  "sourcesContent": ["import type { vec4 } from '../types';\nimport type { ShaderMotionParams } from '../shader-mount';\nimport { sizingVariablesDeclaration, type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';\nimport { declarePI, colorBandingFix } from '../shader-utils';\n\nexport const metaballsMeta = {\n  maxColorCount: 8,\n  maxBallsCount: 20,\n} as const;\n\n/**\n * Metaballs (circular shapes with gooey effect applied)\n * The artwork by Ksenia Kondrashova\n *\n * Uniforms include:\n * - u_colorBack: the background color of the scene\n * - uColors (vec4[]): Input RGBA colors\n * - uColorsCount (float): Number of active colors (`uColors` length)\n * - u_count (float)\n * - u_size (float)\n */\nexport const metaballsFragmentShader: string = `#version 300 es\nprecision mediump float;\n\nuniform float u_time;\n\nuniform vec4 u_colorBack;\nuniform vec4 u_colors[${metaballsMeta.maxColorCount}];\nuniform float u_colorsCount;\nuniform float u_size;\nuniform float u_sizeRange;\nuniform float u_count;\n\n${sizingVariablesDeclaration}\n\nout vec4 fragColor;\n\n${declarePI}\n\nfloat hash(float x) {\n  return fract(sin(x) * 43758.5453123);\n}\nfloat noise(float x) {\n  float i = floor(x);\n  float f = fract(x);\n  float u = f * f * (3.0 - 2.0 * f);\n  return mix(hash(i), hash(i + 1.0), u);\n}\n\nfloat getBallShape(vec2 uv, vec2 c, float p) {\n  float s = .5 * length(uv - c);\n  s = 1. - clamp(s, 0., 1.);\n  s = pow(s, p);\n  return s;\n}\n\nvoid main() {\n  vec2 shape_uv = v_objectUV;\n\n  shape_uv += .5;\n\n  float t = .2 * u_time + 1.;\n\n  vec3 totalColor = vec3(0.);\n  float totalShape = 0.;\n  float totalOpacity = 0.;\n  \n  for (int i = 0; i < ${metaballsMeta.maxBallsCount}; i++) {\n    if (i >= int(ceil(u_count))) break;\n  \n    float idxFract = float(i) / float(${metaballsMeta.maxBallsCount});\n    float angle = TWO_PI * idxFract;\n  \n    float speed = 1. - .2 * idxFract;\n    float noiseX = noise(angle * 10. + float(i) + t * speed);\n    float noiseY = noise(angle * 20. + float(i) - t * speed);\n  \n    vec2 pos = vec2(.5) + 1e-4 + .9 * (vec2(noiseX, noiseY) - .5);\n  \n    int safeIndex = i % int(u_colorsCount + 0.5);\n    vec4 ballColor = u_colors[safeIndex];\n    ballColor.rgb *= ballColor.a;\n\n    float sizeFrac = 1.;\n    if (float(i) > floor(u_count - 1.)) {\n      sizeFrac *= fract(u_count);\n    }\n\n    float shape = getBallShape(shape_uv, pos, 45. - 30. * u_size * sizeFrac);\n    shape *= pow(u_size, .2);\n    shape = smoothstep(0., 1., shape);\n\n    totalColor += ballColor.rgb * shape;\n    totalShape += shape;\n    totalOpacity += ballColor.a * shape;\n  }\n\n  totalColor /= max(totalShape, 1e-4);\n  totalOpacity /= max(totalShape, 1e-4);\n\n  float edge_width = fwidth(totalShape);\n  float finalShape = smoothstep(.4, .4 + edge_width, totalShape);\n\n  vec3 color = totalColor * finalShape;\n  float opacity = totalOpacity * finalShape;\n\n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n\n  ${colorBandingFix}\n\n  fragColor = vec4(color, opacity);\n}\n`;\n\nexport interface MetaballsUniforms extends ShaderSizingUniforms {\n  u_colorBack: [number, number, number, number];\n  u_colors: vec4[];\n  u_colorsCount: number;\n  u_count: number;\n  u_size: number;\n}\n\nexport interface MetaballsParams extends ShaderSizingParams, ShaderMotionParams {\n  colorBack?: string;\n  colors?: string[];\n  count?: number;\n  size?: number;\n}\n"],
-  "mappings": ";;;;;AAEA,SAAS,kCAAsF;AAC/F,SAAS,WAAW,uBAAuB;AAEpC,MAAM,gBAAgB;AAAA,EAC3B,eAAe;AAAA,EACf,eAAe;AACjB;AAaO,MAAM,0BAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMvB,cAAc,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMjD,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI1B,SAAS;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,wBA8Ba,cAAc,aAAa;AAAA;AAAA;AAAA,wCAGX,cAAc,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,IAwC/D,eAAe;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/shaders/neuro-noise.js

@@ -1,81 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-import { sizingVariablesDeclaration } from "../shader-sizing";
-import { declareRotate, colorBandingFix } from "../shader-utils";
-const neuroNoiseFragmentShader = `#version 300 es
-precision mediump float;
-
-uniform float u_time;
-uniform vec2 u_resolution;
-uniform float u_pixelRatio;
-
-uniform vec4 u_colorFront;
-uniform vec4 u_colorMid;
-uniform vec4 u_colorBack;
-uniform float u_brightness;
-uniform float u_contrast;
-
-
-${sizingVariablesDeclaration}
-
-out vec4 fragColor;
-
-${declareRotate}
-
-float neuroShape(vec2 uv, float t) {
-  vec2 sine_acc = vec2(0.);
-  vec2 res = vec2(0.);
-  float scale = 8.;
-
-  for (int j = 0; j < 15; j++) {
-    uv = rotate(uv, 1.);
-    sine_acc = rotate(sine_acc, 1.);
-    vec2 layer = uv * scale + float(j) + sine_acc - t;
-    sine_acc += sin(layer);
-    res += (.5 + .5 * cos(layer)) / scale;
-    scale *= (1.2);
-  }
-  return res.x + res.y;
-}
-
-void main() {
-  vec2 shape_uv = v_patternUV;
-
-  shape_uv *= .0013;
-
-  float t = .5 * u_time;
-
-  float noise = neuroShape(shape_uv, t);
-
-  noise = (1. + u_brightness) * pow(noise, 2.);
-  noise = pow(noise, .7 + 6. * u_contrast);
-  noise = min(1.4, noise);
-  
-  float blend = smoothstep(0.7, 1.4, noise);
-
-  vec4 frontC = u_colorFront;
-  frontC.rgb *= frontC.a;
-  vec4 midC = u_colorMid;
-  midC.rgb *= midC.a;
-  vec4 blendFront = mix(midC, frontC, blend);
-
-  float safeNoise = max(noise, 0.0);
-  vec3 color = blendFront.rgb * safeNoise;
-  float opacity = clamp(blendFront.a * safeNoise, 0., 1.);
-  
-  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;
-  color = color + bgColor * (1. - opacity);
-  opacity = opacity + u_colorBack.a * (1. - opacity);
-  
-  ${colorBandingFix}
-
-  fragColor = vec4(color, opacity);
-}
-`;
-export {
-  neuroNoiseFragmentShader
-};
-//# sourceMappingURL=neuro-noise.js.map

package/dist/shaders/neuro-noise.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/shaders/neuro-noise.ts"],
-  "sourcesContent": ["import type { ShaderMotionParams } from '../shader-mount';\nimport { sizingVariablesDeclaration, type ShaderSizingParams, type ShaderSizingUniforms } from '../shader-sizing';\nimport { declareRotate, colorBandingFix } from '../shader-utils';\n\n/**\n * Neuro Noise Pattern\n * Original algo: https://x.com/zozuar/status/1625182758745128981/\n * Renders a fractal-like structure made of several layers of since-arches\n *\n * Uniforms include:\n * u_colorFront - the highlights (overexposed noise areas)\n * u_colorMid - the base color of pattern\n * u_colorBack - the backgrond color of pattern\n * u_brightness - increase/decrease the weight of strong lines\n * u_contrast - show/hide the weak pattern lines\n */\nexport const neuroNoiseFragmentShader: string = `#version 300 es\nprecision mediump float;\n\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform float u_pixelRatio;\n\nuniform vec4 u_colorFront;\nuniform vec4 u_colorMid;\nuniform vec4 u_colorBack;\nuniform float u_brightness;\nuniform float u_contrast;\n\n\n${sizingVariablesDeclaration}\n\nout vec4 fragColor;\n\n${declareRotate}\n\nfloat neuroShape(vec2 uv, float t) {\n  vec2 sine_acc = vec2(0.);\n  vec2 res = vec2(0.);\n  float scale = 8.;\n\n  for (int j = 0; j < 15; j++) {\n    uv = rotate(uv, 1.);\n    sine_acc = rotate(sine_acc, 1.);\n    vec2 layer = uv * scale + float(j) + sine_acc - t;\n    sine_acc += sin(layer);\n    res += (.5 + .5 * cos(layer)) / scale;\n    scale *= (1.2);\n  }\n  return res.x + res.y;\n}\n\nvoid main() {\n  vec2 shape_uv = v_patternUV;\n\n  shape_uv *= .0013;\n\n  float t = .5 * u_time;\n\n  float noise = neuroShape(shape_uv, t);\n\n  noise = (1. + u_brightness) * pow(noise, 2.);\n  noise = pow(noise, .7 + 6. * u_contrast);\n  noise = min(1.4, noise);\n  \n  float blend = smoothstep(0.7, 1.4, noise);\n\n  vec4 frontC = u_colorFront;\n  frontC.rgb *= frontC.a;\n  vec4 midC = u_colorMid;\n  midC.rgb *= midC.a;\n  vec4 blendFront = mix(midC, frontC, blend);\n\n  float safeNoise = max(noise, 0.0);\n  vec3 color = blendFront.rgb * safeNoise;\n  float opacity = clamp(blendFront.a * safeNoise, 0., 1.);\n  \n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n  \n  ${colorBandingFix}\n\n  fragColor = vec4(color, opacity);\n}\n`;\n\nexport interface NeuroNoiseUniforms extends ShaderSizingUniforms {\n  u_colorFront: [number, number, number, number];\n  u_colorMid: [number, number, number, number];\n  u_colorBack: [number, number, number, number];\n  u_brightness: number;\n  u_contrast: number;\n}\n\nexport interface NeuroNoiseParams extends ShaderSizingParams, ShaderMotionParams {\n  colorFront?: string;\n  colorMid?: string;\n  colorBack?: string;\n  brightness?: number;\n  contrast?: number;\n}\n"],
-  "mappings": ";;;;;AACA,SAAS,kCAAsF;AAC/F,SAAS,eAAe,uBAAuB;AAcxC,MAAM,2BAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc9C,0BAA0B;AAAA;AAAA;AAAA;AAAA,EAI1B,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,IA+CX,eAAe;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}