@paper-design/shaders 0.0.28 → 0.0.30-backbuffer-experiment.0

package/dist/index.js

@@ -1,97 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-import { ShaderMount, isPaperShaderElement } from "./shader-mount";
-import {
-  defaultObjectSizing,
-  defaultPatternSizing,
-  ShaderFitOptions
-} from "./shader-sizing";
-import {
-  meshGradientFragmentShader,
-  meshGradientMeta
-} from "./shaders/mesh-gradient";
-import {
-  smokeRingMeta,
-  smokeRingFragmentShader
-} from "./shaders/smoke-ring";
-import { neuroNoiseFragmentShader } from "./shaders/neuro-noise";
-import { dotOrbitMeta, dotOrbitFragmentShader } from "./shaders/dot-orbit";
-import {
-  dotGridFragmentShader,
-  DotGridShapes
-} from "./shaders/dot-grid";
-import {
-  simplexNoiseMeta,
-  simplexNoiseFragmentShader
-} from "./shaders/simplex-noise";
-import {
-  metaballsMeta,
-  metaballsFragmentShader
-} from "./shaders/metaballs";
-import { perlinNoiseFragmentShader } from "./shaders/perlin-noise";
-import { voronoiMeta, voronoiFragmentShader } from "./shaders/voronoi";
-import { wavesFragmentShader } from "./shaders/waves";
-import {
-  warpMeta,
-  warpFragmentShader,
-  WarpPatterns
-} from "./shaders/warp";
-import { godRaysMeta, godRaysFragmentShader } from "./shaders/god-rays";
-import { spiralFragmentShader } from "./shaders/spiral";
-import { swirlMeta, swirlFragmentShader } from "./shaders/swirl";
-import { ditheringFragmentShader } from "./shaders/dithering";
-import {
-  grainGradientFragmentShader,
-  grainGradientMeta
-} from "./shaders/grain-gradient";
-import { liquidMetalFragmentShader } from "./shaders/liquid-metal";
-import {
-  pulsingBorderMeta,
-  pulsingBorderFragmentShader
-} from "./shaders/pulsing-border";
-import { getShaderColorFromString } from "./get-shader-color-from-string";
-import { getShaderNoiseTexture } from "./get-shader-noise-texture";
-export {
-  DotGridShapes,
-  ShaderFitOptions,
-  ShaderMount,
-  WarpPatterns,
-  defaultObjectSizing,
-  defaultPatternSizing,
-  ditheringFragmentShader,
-  dotGridFragmentShader,
-  dotOrbitFragmentShader,
-  dotOrbitMeta,
-  getShaderColorFromString,
-  getShaderNoiseTexture,
-  godRaysFragmentShader,
-  godRaysMeta,
-  grainGradientFragmentShader,
-  grainGradientMeta,
-  isPaperShaderElement,
-  liquidMetalFragmentShader,
-  meshGradientFragmentShader,
-  meshGradientMeta,
-  metaballsFragmentShader,
-  metaballsMeta,
-  neuroNoiseFragmentShader,
-  perlinNoiseFragmentShader,
-  pulsingBorderFragmentShader,
-  pulsingBorderMeta,
-  simplexNoiseFragmentShader,
-  simplexNoiseMeta,
-  smokeRingFragmentShader,
-  smokeRingMeta,
-  spiralFragmentShader,
-  swirlFragmentShader,
-  swirlMeta,
-  voronoiFragmentShader,
-  voronoiMeta,
-  warpFragmentShader,
-  warpMeta,
-  wavesFragmentShader
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts"],
-  "sourcesContent": ["/** The core Shader Mount class. Pass it a parent element and a fragment shader to get started. */\nexport { ShaderMount, isPaperShaderElement } from './shader-mount';\nexport type { PaperShaderElement, ShaderMotionParams, ShaderMountUniforms, ShaderPreset } from './shader-mount';\n\n/** Shader sizing options and uniforms */\nexport {\n  defaultObjectSizing,\n  defaultPatternSizing,\n  ShaderFitOptions,\n  type ShaderFit,\n  type ShaderSizingParams,\n  type ShaderSizingUniforms,\n} from './shader-sizing';\n\n// ----- Mesh gradient ----- //\n/** A shader that renders a mesh gradient with a rotating noise pattern and several layers of fractal noise */\nexport {\n  meshGradientFragmentShader,\n  meshGradientMeta,\n  type MeshGradientParams,\n  type MeshGradientUniforms,\n} from './shaders/mesh-gradient';\n\n// ----- Smoke ring ----- //\n/** Fractional Brownian motion (fBm) noise over the polar coordinates, masked with ring shape */\nexport {\n  smokeRingMeta,\n  smokeRingFragmentShader,\n  type SmokeRingParams,\n  type SmokeRingUniforms,\n} from './shaders/smoke-ring';\n\n// ----- Neuro noise ----- //\n/** A shader rendering a fractal-like structure made of several layers of since-arches */\nexport { neuroNoiseFragmentShader, type NeuroNoiseParams, type NeuroNoiseUniforms } from './shaders/neuro-noise';\n\n// ----- Animated dot pattern: orbit type of animation ----- //\n/** A shader rendering an animated dot pattern based on Voronoi diagram */\nexport { dotOrbitMeta, dotOrbitFragmentShader, type DotOrbitParams, type DotOrbitUniforms } from './shaders/dot-orbit';\n\n// ----- Dot Grid ----- //\n/** A shader rendering a static dot pattern */\nexport {\n  dotGridFragmentShader,\n  DotGridShapes,\n  type DotGridShape,\n  type DotGridParams,\n  type DotGridUniforms,\n} from './shaders/dot-grid';\n\n// ----- Simplex noise ----- //\n/** A shader that calculates a combination of 2 simplex noises with result rendered as a gradient */\nexport {\n  simplexNoiseMeta,\n  simplexNoiseFragmentShader,\n  type SimplexNoiseParams,\n  type SimplexNoiseUniforms,\n} from './shaders/simplex-noise';\n\n// ----- Metaballs ----- //\n/** A number of circlular shapes blened in a gooey way */\nexport {\n  metaballsMeta,\n  metaballsFragmentShader,\n  type MetaballsParams,\n  type MetaballsUniforms,\n} from './shaders/metaballs';\n\n// ----- Perlin noise ----- //\n/** 2d noise with max number of parameters to be exposed to users */\nexport { perlinNoiseFragmentShader, type PerlinNoiseParams, type PerlinNoiseUniforms } from './shaders/perlin-noise';\n\n// ----- Voronoi Diagram ----- //\n/** Voronoi diagram: classic + rounded edges */\nexport { voronoiMeta, voronoiFragmentShader, type VoronoiParams, type VoronoiUniforms } from './shaders/voronoi';\n\n// ----- Waves ----- //\n/** Waves pattern */\nexport { wavesFragmentShader, type WavesParams, type WavesUniforms } from './shaders/waves';\n\n// ----- Warping Distortion ----- //\n/** Warp: distortion + swirl + underlying shapes */\nexport {\n  warpMeta,\n  warpFragmentShader,\n  WarpPatterns,\n  type WarpParams,\n  type WarpUniforms,\n  type WarpPattern,\n} from './shaders/warp';\n\n// ----- God Rays Effect ----- //\n/** Radial shape made of randomized stripes */\nexport { godRaysMeta, godRaysFragmentShader, type GodRaysParams, type GodRaysUniforms } from './shaders/god-rays';\n\n// ----- Spiral Shape ----- //\n/** Single-color spiral shape */\nexport { spiralFragmentShader, type SpiralParams, type SpiralUniforms } from './shaders/spiral';\n\n// ----- Swirl gradient ----- //\n/** Multi-color radial swirl  */\nexport { swirlMeta, swirlFragmentShader, type SwirlParams, type SwirlUniforms } from './shaders/swirl';\n\n// ----- Dithering ----- //\n/** Dithering effect applied over abstract shapes */\nexport { ditheringFragmentShader, type DitheringParams, type DitheringUniforms } from './shaders/dithering';\n\n// ----- Grainy Gradient ----- //\n/** N-color gradient applied to the abstract shapes w/ grainy overlay & distortion  */\nexport {\n  grainGradientFragmentShader,\n  grainGradientMeta,\n  type GrainGradientParams,\n  type GrainGradientUniforms,\n} from './shaders/grain-gradient';\n\n// ----- Liquid Metal ----- //\n/** Liquid metal effect applied to the abstract shapes */\nexport { liquidMetalFragmentShader, type LiquidMetalParams, type LiquidMetalUniforms } from './shaders/liquid-metal';\n\n// ----- Pulsing Border ----- //\n/** Border with configurable size & radius ade of rotating pulsing light spots  */\nexport {\n  pulsingBorderMeta,\n  pulsingBorderFragmentShader,\n  type PulsingBorderParams,\n  type PulsingBorderUniforms,\n} from './shaders/pulsing-border';\n\n// ----- Utils ----- //\nexport { getShaderColorFromString } from './get-shader-color-from-string';\nexport { getShaderNoiseTexture } from './get-shader-noise-texture';\n"],
-  "mappings": ";;;;;AACA,SAAS,aAAa,4BAA4B;AAIlD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIP,SAAS,gCAAgF;AAIzF,SAAS,cAAc,8BAA0E;AAIjG;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIP,SAAS,iCAAmF;AAI5F,SAAS,aAAa,6BAAuE;AAI7F,SAAS,2BAAiE;AAI1E;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAIP,SAAS,aAAa,6BAAuE;AAI7F,SAAS,4BAAoE;AAI7E,SAAS,WAAW,2BAAiE;AAIrF,SAAS,+BAA6E;AAItF;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIP,SAAS,iCAAmF;AAI5F;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAGP,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;",
-  "names": []
-}

package/dist/shader-color-spaces.js

@@ -1,96 +0,0 @@
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
- *                    Paper Shaders                    *
- *       https://github.com/paper-design/shaders       *
- * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-const ShaderColorSpaces = {
-  rgb: 0,
-  oklch: 1
-};
-const declareOklchTransforms = `
-
-// magic numbers (and magic could be better tbh)
-#define OKLCH_CHROMA_THRESHOLD .001
-#define OKLCH_HUE_NEUTRALIZER - 2.
-
-vec3 srgbToLinear(vec3 srgb) {
-  return pow(srgb, vec3(2.2));
-}
-
-vec3 linearToSrgb(vec3 linear) {
-  return pow(linear, vec3(1.0 / 2.2));
-}
-
-vec3 LrgbToOklab(vec3 rgb) {
-  float L = pow(0.4122214708 * rgb.r + 0.5363325363 * rgb.g + 0.0514459929 * rgb.b, 1.0 / 3.0);
-  float M = pow(0.2119034982 * rgb.r + 0.6806995451 * rgb.g + 0.1073969566 * rgb.b, 1.0 / 3.0);
-  float S = pow(0.0883024619 * rgb.r + 0.2817188376 * rgb.g + 0.6299787005 * rgb.b, 1.0 / 3.0);
-  return vec3(
-    0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S,
-    1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S,
-    0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S
-  );
-}
-
-vec3 OklabToLrgb(vec3 oklab) {
-  float L = oklab.x;
-  float a = oklab.y;
-  float b = oklab.z;
-
-  float l_ = L + 0.3963377774 * a + 0.2158037573 * b;
-  float m_ = L - 0.1055613458 * a - 0.0638541728 * b;
-  float s_ = L - 0.0894841775 * a - 1.291485548 * b;
-
-  float l = l_ * l_ * l_;
-  float m = m_ * m_ * m_;
-  float s = s_ * s_ * s_;
-
-  return vec3(
-    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
-    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
-    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s
-  );
-}
-
-vec3 oklabToOklch(vec3 oklab) {
-  float C = length(oklab.yz);
-  float H = atan(oklab.z, oklab.y);
-  if (C < OKLCH_CHROMA_THRESHOLD) {
-    H = OKLCH_HUE_NEUTRALIZER;
-  }
-  return vec3(oklab.x, C, H);
-}
-
-vec3 oklchToOklab(vec3 oklch) {
-  float a = oklch.y * cos(oklch.z);
-  float b = oklch.y * sin(oklch.z);
-  return vec3(oklch.x, a, b);
-}
-
-float mixHue(float h1, float h2, float mixer) {
-  float delta = mod(h2 - h1 + PI, TWO_PI) - PI;
-  return h1 + mixer * delta;
-}
-
-vec3 srgbToOklab(vec3 rgb) {
-  return oklabToOklch(LrgbToOklab(srgbToLinear(rgb)));
-}
-
-vec3 oklabToSrgb(vec3 oklab) {
-  return linearToSrgb(OklabToLrgb(oklchToOklab(oklab)));
-}
-
-vec3 mixOklabVector(vec3 color1, vec3 color2, float mixer) {
-  color1.x = mix(color1.x, color2.x, mixer);
-  color1.y = mix(color1.y, color2.y, mixer);
-  if (color1.y > OKLCH_CHROMA_THRESHOLD && color2.y > OKLCH_CHROMA_THRESHOLD) {
-    color1.z = mixHue(color1.z, color2.z, mixer);
-  }
-  return color1;
-}
-`;
-export {
-  ShaderColorSpaces,
-  declareOklchTransforms
-};
-//# sourceMappingURL=shader-color-spaces.js.map

package/dist/shader-color-spaces.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/shader-color-spaces.ts"],
-  "sourcesContent": ["export const ShaderColorSpaces = {\n  rgb: 0,\n  oklch: 1,\n} as const;\n\nexport type ShaderColorSpace = keyof typeof ShaderColorSpaces;\n\nexport const declareOklchTransforms = `\n\n// magic numbers (and magic could be better tbh)\n#define OKLCH_CHROMA_THRESHOLD .001\n#define OKLCH_HUE_NEUTRALIZER - 2.\n\nvec3 srgbToLinear(vec3 srgb) {\n  return pow(srgb, vec3(2.2));\n}\n\nvec3 linearToSrgb(vec3 linear) {\n  return pow(linear, vec3(1.0 / 2.2));\n}\n\nvec3 LrgbToOklab(vec3 rgb) {\n  float L = pow(0.4122214708 * rgb.r + 0.5363325363 * rgb.g + 0.0514459929 * rgb.b, 1.0 / 3.0);\n  float M = pow(0.2119034982 * rgb.r + 0.6806995451 * rgb.g + 0.1073969566 * rgb.b, 1.0 / 3.0);\n  float S = pow(0.0883024619 * rgb.r + 0.2817188376 * rgb.g + 0.6299787005 * rgb.b, 1.0 / 3.0);\n  return vec3(\n    0.2104542553 * L + 0.793617785 * M - 0.0040720468 * S,\n    1.9779984951 * L - 2.428592205 * M + 0.4505937099 * S,\n    0.0259040371 * L + 0.7827717662 * M - 0.808675766 * S\n  );\n}\n\nvec3 OklabToLrgb(vec3 oklab) {\n  float L = oklab.x;\n  float a = oklab.y;\n  float b = oklab.z;\n\n  float l_ = L + 0.3963377774 * a + 0.2158037573 * b;\n  float m_ = L - 0.1055613458 * a - 0.0638541728 * b;\n  float s_ = L - 0.0894841775 * a - 1.291485548 * b;\n\n  float l = l_ * l_ * l_;\n  float m = m_ * m_ * m_;\n  float s = s_ * s_ * s_;\n\n  return vec3(\n    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s\n  );\n}\n\nvec3 oklabToOklch(vec3 oklab) {\n  float C = length(oklab.yz);\n  float H = atan(oklab.z, oklab.y);\n  if (C < OKLCH_CHROMA_THRESHOLD) {\n    H = OKLCH_HUE_NEUTRALIZER;\n  }\n  return vec3(oklab.x, C, H);\n}\n\nvec3 oklchToOklab(vec3 oklch) {\n  float a = oklch.y * cos(oklch.z);\n  float b = oklch.y * sin(oklch.z);\n  return vec3(oklch.x, a, b);\n}\n\nfloat mixHue(float h1, float h2, float mixer) {\n  float delta = mod(h2 - h1 + PI, TWO_PI) - PI;\n  return h1 + mixer * delta;\n}\n\nvec3 srgbToOklab(vec3 rgb) {\n  return oklabToOklch(LrgbToOklab(srgbToLinear(rgb)));\n}\n\nvec3 oklabToSrgb(vec3 oklab) {\n  return linearToSrgb(OklabToLrgb(oklchToOklab(oklab)));\n}\n\nvec3 mixOklabVector(vec3 color1, vec3 color2, float mixer) {\n  color1.x = mix(color1.x, color2.x, mixer);\n  color1.y = mix(color1.y, color2.y, mixer);\n  if (color1.y > OKLCH_CHROMA_THRESHOLD && color2.y > OKLCH_CHROMA_THRESHOLD) {\n    color1.z = mixHue(color1.z, color2.z, mixer);\n  }\n  return color1;\n}\n`;\n"],
-  "mappings": ";;;;;AAAO,MAAM,oBAAoB;AAAA,EAC/B,KAAK;AAAA,EACL,OAAO;AACT;AAIO,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}