stickyflow 0.8.0 → 0.9.1

package/dist/{chunk-EDOPENSE.js → chunk-7ZEC7AB4.js}

@@ -1,6 +1,6 @@
-import { render } from './chunk-MAPNY7MJ.js';
-import { parseContractVersion, isContractCompatible, Emitter, resolveOwner, CHANGE_COLOR, findOwnerNode, isPrimary, linkSelectionOverlay, pathSelectionOverlay, isometricSelectionOverlay, shapeSelectionOverlay, DERIVED_HEIGHT_ROLES, quickDuplicateBubbles, isCameraGesture, linkChangeOverlay, shapeChangeOverlay, startChangeFade, REDUCED_MOTION_DURATION_MS, FLASH_DURATION_MS } from './chunk-LFEGZJWC.js';
-import { getComponentDescriptor, formatRollingNumber, DEFAULT_ROLLING_NUMBER_STYLE } from './chunk-GLZVHUSW.js';
+import { render } from './chunk-TH2HFMEL.js';
+import { parseContractVersion, isContractCompatible, Emitter, resolveOwner, CHANGE_COLOR, findOwnerNode, isPrimary, linkSelectionOverlay, pathSelectionOverlay, isometricSelectionOverlay, shapeSelectionOverlay, DERIVED_HEIGHT_ROLES, quickDuplicateBubbles, isCameraGesture, linkChangeOverlay, shapeChangeOverlay, startChangeFade, REDUCED_MOTION_DURATION_MS, FLASH_DURATION_MS } from './chunk-CM35H45Z.js';
+import { getComponentDescriptor, formatRollingNumber, DEFAULT_ROLLING_NUMBER_STYLE } from './chunk-D2266VBZ.js';
 
 // src/runtime/viewer/components/rollingNumberDom.ts
 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -1655,10 +1655,191 @@ var emberSlitsProgram = {
   fragmentSource: fragmentSource6
 };
 
-// src/runtime/viewer/shaders/builtins/glassRefraction.ts
+// src/runtime/viewer/shaders/builtins/glassDots.ts
 var fragmentSource7 = `
 precision highp float;
 
+uniform vec2 uResolution;
+uniform float uTime;
+uniform float uSpeed;
+uniform float uIntensity;
+uniform float uDots;
+uniform float uDotSize;
+uniform float uStagger;
+uniform float uSphere;
+uniform float uAngle;
+uniform float uSpread;
+uniform float uWarp;
+uniform float uGlow;
+uniform float uRound;
+uniform float uScatter;
+uniform float uLens;
+uniform float uGrain;
+uniform vec3 uBaseColor;
+uniform vec3 uColorA;
+uniform vec3 uColorB;
+uniform vec3 uColorC;
+uniform vec3 uColorD;
+uniform vec3 uRimColor;
+varying vec2 vUv;
+
+float hash(vec2 p) {
+  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
+}
+
+float noise(vec2 p) {
+  vec2 i = floor(p);
+  vec2 f = fract(p);
+  vec2 u = f * f * (3.0 - 2.0 * f);
+  return mix(mix(hash(i), hash(i + vec2(1.0, 0.0)), u.x), mix(hash(i + vec2(0.0, 1.0)), hash(i + vec2(1.0, 1.0)), u.x), u.y);
+}
+
+float fbm(vec2 p) {
+  return 0.5 * noise(p) + 0.25 * noise(p * 2.03 + 3.1) + 0.125 * noise(p * 4.01 + 7.7);
+}
+
+vec2 turn(vec2 point, float angle) {
+  float c = cos(angle);
+  float s = sin(angle);
+  return vec2(c * point.x - s * point.y, s * point.x + c * point.y);
+}
+
+// How far the grid is stretched at a distance r from the middle; with sphere the dots follow the surface of a ball.
+float stretch(float r, float sphere) {
+  float rr = clamp(r, 0.0001, 0.9999);
+  return mix(1.0, asin(rr) / rr, sphere);
+}
+
+// The color under the dots: an uneven cloud of color whose edge bleeds out into the dark, with a red glow around it.
+// body is how much of the cloud is there, from 1 inside to 0 far outside.
+vec3 field(vec2 q, float angle, float t, out float body, out float distance) {
+  vec2 p = turn(q, -angle);
+  vec2 bend = vec2(fbm(p * 2.2 + vec2(t * 0.3, 1.7)), fbm(p * 2.2 + vec2(8.3, -t * 0.25))) - 0.35;
+  vec2 w = p + bend * max(uWarp, 0.0) * 0.4;
+  float rr = length(w) / max(uSpread, 0.2);
+  distance = rr;
+  body = 1.0 - smoothstep(0.78, 1.22, rr);
+
+  vec3 c = uColorB;
+  c = mix(c, uColorA, smoothstep(-0.1, 0.95, dot(w, normalize(vec2(-0.6, 0.7)))) * 0.95);
+  c = mix(c, uColorC, smoothstep(-0.05, 0.6, dot(w, normalize(vec2(0.7, -0.45)))) * 0.9);
+  c = mix(c, uColorD, smoothstep(0.18, 0.85, dot(w, normalize(vec2(0.85, -0.55)))) * 0.97);
+  float ring = smoothstep(0.8, 1.05, rr) * max(uGlow, 0.0);
+  c = mix(c, uRimColor, clamp(ring, 0.0, 1.0));
+  return mix(uBaseColor, c, body);
+}
+
+void main() {
+  float side = min(uResolution.x, uResolution.y);
+  vec2 q = (vUv * uResolution - uResolution * 0.5) / (side * 0.5);
+  float r = length(q);
+  // On a circle the picture ends at its edge; on a rectangle the dots run on over the whole surface and may lie beyond the cloud.
+  float edge = uRound > 0.5 ? 1.0 - smoothstep(0.985, 1.0, r) : 1.0;
+  if (edge <= 0.0) discard;
+
+  float t = uTime * max(uSpeed, 0.0);
+  float angle = radians(uAngle);
+  float cells = max(uDots, 2.0) * 0.5;
+  vec2 g = q * stretch(r, uSphere) * cells;
+
+  // The dot that is nearest wins, so dots that lie close cut each other along a straight line.
+  float stagger = clamp(uStagger, 0.0, 1.0);
+  vec2 cell = floor(g);
+  float best = 1e9;
+  vec2 centre = vec2(0.0);
+  for (int j = -1; j <= 1; j++) {
+    for (int i = -1; i <= 1; i++) {
+      vec2 c = cell + vec2(float(i), float(j));
+      float shift = stagger * 0.5 * mod(c.y, 2.0);
+      vec2 mid = vec2(c.x + 0.5 + shift, c.y + 0.5);
+      float d = length(g - mid);
+      if (d < best) {
+        best = d;
+        centre = mid;
+      }
+    }
+  }
+
+  // Where the middle of that dot lies on the screen, found by running the stretch backwards.
+  vec2 gc = centre / cells;
+  float gl = length(gc);
+  float rc = gl;
+  for (int k = 0; k < 5; k++) {
+    rc = gl / stretch(rc, uSphere);
+  }
+  rc = clamp(rc, 0.0, 1.0);
+  vec2 qc = gl > 0.0001 ? gc / gl * rc : vec2(0.0);
+
+  float radius = clamp(uDotSize, 0.2, 0.9);
+  float aa = 1.6 / side * cells * 2.0;
+  float inside = 1.0 - smoothstep(radius - aa, radius + aa, best);
+
+  float bodyHere;
+  float bodyDot;
+  float farHere;
+  float farDot;
+  vec3 colorHere = field(q, angle, t, bodyHere, farHere);
+  field(qc, angle, t, bodyDot, farDot);
+
+  // Between the dots the cloud is darker, so the dots read as glass lying on it.
+  vec3 gap = colorHere * mix(0.3, 0.9, bodyHere);
+
+  // Every dot is a lens with a gradient of its own: lighter on the side that faces the middle, dark on the side that faces out.
+  // The darker side grows toward the edge of the cloud, until the dots there are nearly black.
+  vec2 e = (g - centre) / max(radius, 0.001);
+  vec2 outward = length(qc) > 0.0001 ? normalize(qc) : vec2(0.0, 1.0);
+  vec2 outwardGrid = outward;
+  float along = clamp(dot(e, outwardGrid), -1.0, 1.0);
+  float edgeness = 1.0 - smoothstep(0.1, 0.9, bodyDot);
+  float lens = clamp(uLens, 0.0, 1.5);
+  float darken = lens * (0.1 + 0.9 * edgeness) * smoothstep(-0.55, 1.0, along);
+  float lift = lens * 0.09 * (1.0 - edgeness) * (-along);
+  vec3 glass = colorHere * (1.0 + lift) * (1.0 - clamp(darken, 0.0, 0.96));
+
+  // A dot beyond the cloud is drawn in the dark glow color when the dice fall that way, more of them close to the cloud than far from it.
+  float luck = hash(centre + 17.0);
+  float shown = step(luck, clamp(uScatter, 0.0, 1.0) * (1.0 - smoothstep(1.0, 2.0, farDot))) * (1.0 - bodyDot);
+  vec3 outer = mix(uRimColor, mix(uColorD, uColorC, hash(centre + 5.0)), 0.35 * hash(centre + 9.0)) * (0.25 + 0.4 * hash(centre + 3.0));
+  outer *= 1.0 - 0.8 * smoothstep(-0.55, 1.0, along);
+  glass = mix(glass, outer, shown);
+
+  vec3 color = mix(gap, glass, inside);
+  color *= max(uIntensity, 0.0);
+  color += (hash(gl_FragCoord.xy + t) - 0.5) * max(uGrain, 0.0);
+  gl_FragColor = vec4(clamp(color, 0.0, 1.0), edge);
+}
+`;
+var glassDotsProgram = {
+  name: "glassDots",
+  fragmentSource: fragmentSource7,
+  defaultParameters: {
+    speed: 0,
+    intensity: 1,
+    dots: 13,
+    dotSize: 0.5,
+    stagger: 0,
+    sphere: 0,
+    angle: 0,
+    spread: 0.86,
+    warp: 1,
+    glow: 0.75,
+    round: 0,
+    scatter: 0.45,
+    lens: 0.75,
+    grain: 0.06,
+    baseColor: "#121212",
+    colorA: "#f4b49c",
+    colorB: "#4a9c93",
+    colorC: "#34559c",
+    colorD: "#ec3f93",
+    rimColor: "#d93a24"
+  }
+};
+
+// src/runtime/viewer/shaders/builtins/glassRefraction.ts
+var fragmentSource8 = `
+precision highp float;
+
 uniform sampler2D uBackdrop;
 uniform vec2 uBackdropOrigin;
 uniform vec2 uBackdropScale;
@@ -1761,12 +1942,12 @@ void main() {
 `;
 var glassRefractionProgram = {
   name: "glassRefraction",
-  fragmentSource: fragmentSource7,
+  fragmentSource: fragmentSource8,
   usesBackdrop: true
 };
 
 // src/runtime/viewer/shaders/builtins/glowCard.ts
-var fragmentSource8 = `
+var fragmentSource9 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -1872,7 +2053,7 @@ void main() {
 `;
 var glowCardProgram = {
   name: "glowCard",
-  fragmentSource: fragmentSource8,
+  fragmentSource: fragmentSource9,
   defaultParameters: {
     speed: 0.12,
     intensity: 1,
@@ -1892,7 +2073,7 @@ var glowCardProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/halftoneHalo.ts
-var fragmentSource9 = `
+var fragmentSource10 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -1971,11 +2152,11 @@ void main() {
 `;
 var halftoneHaloProgram = {
   name: "halftoneHalo",
-  fragmentSource: fragmentSource9
+  fragmentSource: fragmentSource10
 };
 
 // src/runtime/viewer/shaders/builtins/halo.ts
-var fragmentSource10 = `
+var fragmentSource11 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2050,11 +2231,11 @@ void main() {
 `;
 var haloProgram = {
   name: "halo",
-  fragmentSource: fragmentSource10
+  fragmentSource: fragmentSource11
 };
 
 // src/runtime/viewer/shaders/builtins/ledMatrix.ts
-var fragmentSource11 = `
+var fragmentSource12 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2170,7 +2351,7 @@ void main() {
 `;
 var ledMatrixProgram = {
   name: "ledMatrix",
-  fragmentSource: fragmentSource11,
+  fragmentSource: fragmentSource12,
   defaultParameters: {
     speed: 0.25,
     intensity: 1,
@@ -2201,7 +2382,7 @@ var ledMatrixProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/lightBand.ts
-var fragmentSource12 = `
+var fragmentSource13 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2261,7 +2442,7 @@ void main() {
 `;
 var lightBandProgram = {
   name: "lightBand",
-  fragmentSource: fragmentSource12,
+  fragmentSource: fragmentSource13,
   defaultParameters: {
     speed: 0.3,
     intensity: 1,
@@ -2278,7 +2459,7 @@ var lightBandProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/lumenPortal.ts
-var fragmentSource13 = `
+var fragmentSource14 = `
 precision highp float;
 
 uniform float uTime;
@@ -2336,11 +2517,11 @@ void main() {
 `;
 var lumenPortalProgram = {
   name: "lumenPortal",
-  fragmentSource: fragmentSource13
+  fragmentSource: fragmentSource14
 };
 
 // src/runtime/viewer/shaders/builtins/lumenPortalLight.ts
-var fragmentSource14 = `
+var fragmentSource15 = `
 precision highp float;
 
 uniform float uTime;
@@ -2399,11 +2580,11 @@ void main() {
 `;
 var lumenPortalLightProgram = {
   name: "lumenPortalLight",
-  fragmentSource: fragmentSource14
+  fragmentSource: fragmentSource15
 };
 
 // src/runtime/viewer/shaders/builtins/orb.ts
-var fragmentSource15 = `
+var fragmentSource16 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2439,11 +2620,11 @@ void main() {
 `;
 var orbProgram = {
   name: "orb",
-  fragmentSource: fragmentSource15
+  fragmentSource: fragmentSource16
 };
 
 // src/runtime/viewer/shaders/builtins/pixelConstellation.ts
-var fragmentSource16 = `
+var fragmentSource17 = `
 precision highp float;
 
 uniform float uTime;
@@ -2543,11 +2724,11 @@ void main() {
 `;
 var pixelConstellationProgram = {
   name: "pixelConstellation",
-  fragmentSource: fragmentSource16
+  fragmentSource: fragmentSource17
 };
 
 // src/runtime/viewer/shaders/builtins/plasmaGauge.ts
-var fragmentSource17 = `
+var fragmentSource18 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2649,12 +2830,12 @@ void main() {
 `;
 var plasmaGaugeProgram = {
   name: "plasmaGauge",
-  fragmentSource: fragmentSource17,
+  fragmentSource: fragmentSource18,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/prismSlats.ts
-var fragmentSource18 = `
+var fragmentSource19 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2729,11 +2910,11 @@ void main() {
 `;
 var prismSlatsProgram = {
   name: "prismSlats",
-  fragmentSource: fragmentSource18
+  fragmentSource: fragmentSource19
 };
 
 // src/runtime/viewer/shaders/builtins/reactivePanel.ts
-var fragmentSource19 = `
+var fragmentSource20 = `
 precision highp float;
 
 uniform float uTime;
@@ -2835,7 +3016,7 @@ void main() {
 `;
 var reactivePanelProgram = {
   name: "reactivePanel",
-  fragmentSource: fragmentSource19,
+  fragmentSource: fragmentSource20,
   defaultParameters: {
     intensity: 0.5,
     speed: 0.18,
@@ -2858,7 +3039,7 @@ var reactivePanelProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/ruler.ts
-var fragmentSource20 = `
+var fragmentSource21 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -2963,12 +3144,12 @@ void main() {
 `;
 var rulerProgram = {
   name: "ruler",
-  fragmentSource: fragmentSource20,
+  fragmentSource: fragmentSource21,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/silkFolds.ts
-var fragmentSource21 = `
+var fragmentSource22 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -3053,7 +3234,7 @@ void main() {
 `;
 var silkFoldsProgram = {
   name: "silkFolds",
-  fragmentSource: fragmentSource21,
+  fragmentSource: fragmentSource22,
   defaultParameters: {
     speed: 0.2,
     intensity: 1,
@@ -3076,7 +3257,7 @@ var silkFoldsProgram = {
 };
 
 // src/runtime/viewer/shaders/builtins/smearOrb.ts
-var fragmentSource22 = `
+var fragmentSource23 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -3152,12 +3333,12 @@ void main() {
 `;
 var smearOrbProgram = {
   name: "smearOrb",
-  fragmentSource: fragmentSource22,
+  fragmentSource: fragmentSource23,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/tickScale.ts
-var fragmentSource23 = `
+var fragmentSource24 = `
 precision highp float;
 
 uniform vec2 uResolution;
@@ -3216,12 +3397,12 @@ void main() {
 `;
 var tickScaleProgram = {
   name: "tickScale",
-  fragmentSource: fragmentSource23,
+  fragmentSource: fragmentSource24,
   replacesBaseFill: true
 };
 
 // src/runtime/viewer/shaders/builtins/violetGlass.ts
-var fragmentSource24 = `
+var fragmentSource25 = `
 precision highp float;
 
 uniform float uTime;
@@ -3301,11 +3482,11 @@ void main() {
 `;
 var violetGlassProgram = {
   name: "violetGlass",
-  fragmentSource: fragmentSource24
+  fragmentSource: fragmentSource25
 };
 
 // src/runtime/viewer/shaders/builtins/violetGlassLight.ts
-var fragmentSource25 = `
+var fragmentSource26 = `
 precision highp float;
 
 uniform float uTime;
@@ -3375,7 +3556,7 @@ void main() {
 `;
 var violetGlassLightProgram = {
   name: "violetGlassLight",
-  fragmentSource: fragmentSource25
+  fragmentSource: fragmentSource26
 };
 
 // src/runtime/viewer/shaders/programs.ts
@@ -3404,7 +3585,8 @@ var builtins = [
   ledMatrixProgram,
   lightBandProgram,
   silkFoldsProgram,
-  glowCardProgram
+  glowCardProgram,
+  glassDotsProgram
 ];
 var programs = new Map(builtins.map((program) => [program.name, program]));
 function registerShaderProgram(program) {
@@ -3585,9 +3767,9 @@ function compile(gl, type, source) {
   }
   return shader;
 }
-function linkProgram(gl, fragmentSource26) {
+function linkProgram(gl, fragmentSource27) {
   const vertex = compile(gl, gl.VERTEX_SHADER, VERTEX_SOURCE);
-  const fragment = compile(gl, gl.FRAGMENT_SHADER, fragmentSource26);
+  const fragment = compile(gl, gl.FRAGMENT_SHADER, fragmentSource27);
   if (!vertex || !fragment) {
     if (vertex) {
       gl.deleteShader(vertex);
@@ -4531,5 +4713,5 @@ function createViewer(options) {
 }
 
 export { SHADER_DEFAULTS, connectInteraction, createViewer, registerShaderProgram, shaderProgram };
-//# sourceMappingURL=chunk-EDOPENSE.js.map
-//# sourceMappingURL=chunk-EDOPENSE.js.map
+//# sourceMappingURL=chunk-7ZEC7AB4.js.map
+//# sourceMappingURL=chunk-7ZEC7AB4.js.map