@opsydyn/effect-three 0.3.0 → 0.4.0

package/dist/webgl/index.js

@@ -1,6 +1,11 @@
 import {
   createContactShadowPasses
 } from "../index-4045wme0.js";
+import {
+  drawable,
+  fillLineGeometry,
+  pointBuffers
+} from "../index-ttwy0znv.js";
 
 // src/webgl/contactShadows.ts
 import { MeshDepthMaterial, ShaderMaterial } from "three";
@@ -39,6 +44,224 @@ var blur = (direction) => {
 var webglShadowMaterials = { depth, blur, flippedTargets: false };
 var createContactShadows = (graph, renderer) => createContactShadowPasses(graph, renderer, webglShadowMaterials);
 
+// src/webgl/line.ts
+import { Group } from "three";
+import { Line2 } from "three/addons/lines/Line2.js";
+import { LineGeometry } from "three/addons/lines/LineGeometry.js";
+import { LineMaterial } from "three/addons/lines/LineMaterial.js";
+import { LineSegments2 } from "three/addons/lines/LineSegments2.js";
+import { LineSegmentsGeometry } from "three/addons/lines/LineSegmentsGeometry.js";
+var style = (material, line) => {
+  material.color.setHex(line.vertexColors === null ? line.color : 16777215);
+  if (material.vertexColors !== (line.vertexColors !== null)) {
+    material.vertexColors = line.vertexColors !== null;
+    material.needsUpdate = true;
+  }
+  material.linewidth = line.width;
+  material.worldUnits = line.worldUnits;
+  material.dashed = line.dashed;
+  material.dashSize = line.dashSize;
+  material.gapSize = line.gapSize;
+  material.dashScale = line.dashScale;
+  material.dashOffset = line.dashOffset;
+  material.opacity = line.opacity;
+  material.transparent = line.transparent;
+};
+var draw = (line, material) => {
+  const drawn = line.segments ? new LineSegments2(fillLineGeometry(new LineSegmentsGeometry, line), material) : new Line2(fillLineGeometry(new LineGeometry, line), material);
+  drawn.computeLineDistances();
+  drawn.visible = drawable(line);
+  return drawn;
+};
+var hostLine = (first) => {
+  const object = new Group;
+  const material = new LineMaterial;
+  style(material, first);
+  let drawn = draw(first, material);
+  object.add(drawn);
+  return {
+    object,
+    update: (next) => {
+      style(material, next);
+      drawn.removeFromParent();
+      drawn.geometry.dispose();
+      drawn = draw(next, material);
+      object.add(drawn);
+    },
+    dispose: () => {
+      drawn.geometry.dispose();
+      material.dispose();
+    }
+  };
+};
+
+// src/webgl/points.ts
+import {
+  AdditiveBlending,
+  BufferAttribute,
+  BufferGeometry,
+  Group as Group2,
+  Points,
+  PointsMaterial,
+  ShaderMaterial as ShaderMaterial2
+} from "three";
+var roundMask = `
+  vec2 cxy = 2.0 * gl_PointCoord - 1.0;
+  float r = dot(cxy, cxy);
+  float delta = fwidth(r);
+  float mask = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, r);
+  gl_FragColor.a *= mask;
+  if (gl_FragColor.a < 0.01) discard;
+`;
+var dotsMaterial = (look) => {
+  const material = new PointsMaterial({
+    color: 16777215,
+    vertexColors: true,
+    size: look.size,
+    sizeAttenuation: look.sizeAttenuation,
+    opacity: look.opacity,
+    transparent: look.transparent
+  });
+  material.onBeforeCompile = (shader) => {
+    shader.vertexShader = shader.vertexShader.replace("uniform float size;", `uniform float size;
+attribute float pointSize;`).replace("gl_PointSize = size;", "gl_PointSize = size * pointSize;");
+    if (look.round) {
+      shader.fragmentShader = shader.fragmentShader.replace("#include <opaque_fragment>", `#include <opaque_fragment>
+${roundMask}`);
+    }
+  };
+  material.customProgramCacheKey = () => `effect-three:dots:${look.round}`;
+  return material;
+};
+var sparklesMaterial = () => new ShaderMaterial2({
+  uniforms: { time: { value: 0 }, pixelRatio: { value: 1 } },
+  vertexShader: `
+      uniform float pixelRatio;
+      uniform float time;
+      attribute float size;
+      attribute float speed;
+      attribute float opacity;
+      attribute vec3 noise;
+      attribute vec3 color;
+      varying vec3 vColor;
+      varying float vOpacity;
+      void main() {
+        vec4 modelPosition = modelMatrix * vec4(position, 1.0);
+        modelPosition.y += sin(time * speed + modelPosition.x * noise.x * 100.0) * 0.2;
+        modelPosition.z += cos(time * speed + modelPosition.x * noise.y * 100.0) * 0.2;
+        modelPosition.x += cos(time * speed + modelPosition.x * noise.z * 100.0) * 0.2;
+        vec4 viewPosition = viewMatrix * modelPosition;
+        vec4 projectionPostion = projectionMatrix * viewPosition;
+        gl_Position = projectionPostion;
+        gl_PointSize = size * 25. * pixelRatio;
+        gl_PointSize *= (1.0 / - viewPosition.z);
+        vColor = color;
+        vOpacity = opacity;
+      }`,
+  fragmentShader: `
+      varying vec3 vColor;
+      varying float vOpacity;
+      void main() {
+        float distanceToCenter = distance(gl_PointCoord, vec2(0.5));
+        float strength = 0.05 / distanceToCenter - 0.1;
+        gl_FragColor = vec4(vColor, strength * vOpacity);
+        #include <tonemapping_fragment>
+        #include <colorspace_fragment>
+      }`,
+  transparent: true,
+  depthWrite: false
+});
+var starsMaterial = (fade) => new ShaderMaterial2({
+  uniforms: { time: { value: 0 }, fade: { value: fade ? 1 : 0 } },
+  vertexShader: `
+      uniform float time;
+      attribute float size;
+      varying vec3 vColor;
+      void main() {
+        vColor = color;
+        vec4 mvPosition = modelViewMatrix * vec4(position, 0.5);
+        gl_PointSize = size * (30.0 / -mvPosition.z) * (3.0 + sin(time + 100.0));
+        gl_Position = projectionMatrix * mvPosition;
+      }`,
+  fragmentShader: `
+      uniform float fade;
+      varying vec3 vColor;
+      void main() {
+        float opacity = 1.0;
+        if (fade == 1.0) {
+          float d = distance(gl_PointCoord, vec2(0.5, 0.5));
+          opacity = 1.0 / (1.0 + exp(16.0 * (d - 0.25)));
+        }
+        gl_FragColor = vec4(vColor, opacity);
+        #include <tonemapping_fragment>
+        #include <colorspace_fragment>
+      }`,
+  blending: AdditiveBlending,
+  depthWrite: false,
+  transparent: true,
+  vertexColors: true
+});
+var pointsGeometry = (buffers, look) => {
+  const geometry = new BufferGeometry;
+  geometry.setAttribute("position", new BufferAttribute(buffers.positions, 3));
+  geometry.setAttribute("color", new BufferAttribute(buffers.colors, 3));
+  geometry.setAttribute(look._tag === "Dots" ? "pointSize" : "size", new BufferAttribute(buffers.sizes, 1));
+  if (look._tag === "Sparkles") {
+    geometry.setAttribute("speed", new BufferAttribute(buffers.speeds, 1));
+    geometry.setAttribute("opacity", new BufferAttribute(buffers.opacities, 1));
+    geometry.setAttribute("noise", new BufferAttribute(buffers.noise, 3));
+  }
+  return geometry;
+};
+var materialFor = (look) => {
+  switch (look._tag) {
+    case "Dots":
+      return dotsMaterial(look);
+    case "Sparkles":
+      return sparklesMaterial();
+    case "Stars":
+      return starsMaterial(look.fade);
+  }
+};
+var draw2 = (look) => {
+  const buffers = pointBuffers(look);
+  const drawn = new Points(pointsGeometry(buffers, look), materialFor(look));
+  drawn.visible = buffers.count > 0;
+  drawn.onBeforeRender = (renderer) => {
+    const material = drawn.material;
+    if (material instanceof ShaderMaterial2 && material.uniforms["pixelRatio"] !== undefined) {
+      material.uniforms["pixelRatio"].value = renderer.getPixelRatio();
+    }
+  };
+  return drawn;
+};
+var hostPoints = (first) => {
+  const object = new Group2;
+  let look = first.look;
+  let drawn = draw2(look);
+  object.add(drawn);
+  const free = () => {
+    drawn.geometry.dispose();
+    drawn.material.dispose();
+  };
+  return {
+    object,
+    update: (next) => {
+      look = next.look;
+      drawn.removeFromParent();
+      free();
+      drawn = draw2(look);
+      object.add(drawn);
+    },
+    tick: (seconds) => {
+      const time = drawn.material instanceof ShaderMaterial2 ? drawn.material.uniforms["time"] : undefined;
+      if (time !== undefined)
+        time.value = look._tag === "Stars" ? seconds * look.speed : seconds;
+    },
+    dispose: free
+  };
+};
+
 // src/webgl/shaderGrid.ts
 import {
   BackSide,
@@ -48,7 +271,7 @@ import {
   Mesh,
   Plane,
   PlaneGeometry,
-  ShaderMaterial as ShaderMaterial2,
+  ShaderMaterial as ShaderMaterial3,
   Vector3
 } from "three";
 var sides = { front: FrontSide, back: BackSide, double: DoubleSide };
@@ -139,7 +362,7 @@ var writePlacement = (mesh, node) => {
   mesh.rotation.fromArray([...node.rotation]);
 };
 var createShaderGrid = (node) => {
-  const material = new ShaderMaterial2({
+  const material = new ShaderMaterial3({
     uniforms: {
       cellSize: { value: 0 },
       cellThickness: { value: 0 },
@@ -229,11 +452,13 @@ var webglKit = {
   shading: "webgl",
   sky: hostSky,
   shaderGrid: hostShaderGrid,
+  line: hostLine,
+  points: hostPoints,
   contactShadows: createContactShadows
 };
 export {
   webglKit
 };
 
-//# debugId=E10747A03E7930B464756E2164756E21
+//# debugId=5FDAEE47870EAA0964756E2164756E21
 //# sourceMappingURL=index.js.map

package/dist/webgl/index.js.map

@@ -1,13 +1,15 @@
 {
   "version": 3,
-  "sources": ["../src/webgl/contactShadows.ts", "../src/webgl/shaderGrid.ts", "../src/webgl/sky.ts", "../src/webgl/index.ts"],
+  "sources": ["../src/webgl/contactShadows.ts", "../src/webgl/line.ts", "../src/webgl/points.ts", "../src/webgl/shaderGrid.ts", "../src/webgl/sky.ts", "../src/webgl/index.ts"],
   "sourcesContent": [
     "/**\n * The WebGL kit's contact shadow materials: three's depth material with its output\n * replaced by the shadow (as Drei's `ContactShadows`, `bf6f4ad`), and three's horizontal\n * and vertical blur shaders. The passes themselves are the kernel's.\n *\n * @module\n */\nimport { type Color, MeshDepthMaterial, ShaderMaterial } from 'three';\nimport { HorizontalBlurShader } from 'three/addons/shaders/HorizontalBlurShader.js';\nimport { VerticalBlurShader } from 'three/addons/shaders/VerticalBlurShader.js';\n\nimport {\n  type BlurPass,\n  createContactShadowPasses,\n  type ShadowMaterials,\n} from '../kernel/contactShadowPasses.ts';\nimport type { SceneRenderer } from '../kernel/renderer.ts';\nimport type { ContactShadowPasses, ShadowedScene } from '../kernel/renderKit.ts';\n\n/**\n * The shadow pass's edit to three's depth shader: its basic-packing output, and the\n * shadow written instead (darkest where an object touches the plane).\n */\nconst shadowShader = {\n  depthOutput: 'gl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );',\n  shadowOutput: 'gl_FragColor = vec4( shadowColor * fragCoordZ * 2.0, 1.0 - fragCoordZ );',\n} as const;\n\nconst depth = (color: Color): MeshDepthMaterial => {\n  const material = new MeshDepthMaterial();\n  material.depthTest = false;\n  material.depthWrite = false;\n  material.onBeforeCompile = (shader) => {\n    shader.uniforms['shadowColor'] = { value: color };\n    shader.fragmentShader = `uniform vec3 shadowColor;\\n${shader.fragmentShader.replace(\n      shadowShader.depthOutput,\n      shadowShader.shadowOutput,\n    )}`;\n  };\n  return material;\n};\n\n/** three's blur shaders: `h` (horizontal) or `v` (vertical) is the step, `tDiffuse` the source. */\nconst blurShaders = {\n  horizontal: { shader: HorizontalBlurShader, step: 'h' },\n  vertical: { shader: VerticalBlurShader, step: 'v' },\n} as const;\n\nconst blur = (direction: 'horizontal' | 'vertical'): BlurPass => {\n  const { shader, step } = blurShaders[direction];\n  const material = new ShaderMaterial({ ...shader, depthTest: false });\n  return {\n    material,\n    set: (source, amount) => {\n      Reflect.set(material.uniforms['tDiffuse'] ?? {}, 'value', source);\n      Reflect.set(material.uniforms[step] ?? {}, 'value', amount);\n    },\n  };\n};\n\nconst webglShadowMaterials: ShadowMaterials = { depth, blur, flippedTargets: false };\n\n/** Creates the contact shadow passes for one scene graph and renderer, in GLSL. */\nexport const createContactShadows = (\n  graph: ShadowedScene,\n  renderer: SceneRenderer,\n): ContactShadowPasses => createContactShadowPasses(graph, renderer, webglShadowMaterials);\n",
+    "/**\n * The WebGL kit's lines: three's fat lines (`Line2`, `LineSegments2` and `LineMaterial`,\n * which Drei's `Line` takes from three-stdlib), which size themselves to the viewport\n * before each draw.\n *\n * @module\n */\nimport { Group } from 'three';\nimport { Line2 } from 'three/addons/lines/Line2.js';\nimport { LineGeometry } from 'three/addons/lines/LineGeometry.js';\nimport { LineMaterial } from 'three/addons/lines/LineMaterial.js';\nimport { LineSegments2 } from 'three/addons/lines/LineSegments2.js';\nimport { LineSegmentsGeometry } from 'three/addons/lines/LineSegmentsGeometry.js';\n\nimport type { LineNode } from '../kernel/description.ts';\nimport { drawable, fillLineGeometry } from '../kernel/lineGeometry.ts';\nimport type { HostedLine } from '../kernel/renderKit.ts';\n\n/** The material's look from the description; vertex colours want white, as Drei sets. */\nconst style = (material: LineMaterial, line: LineNode): void => {\n  material.color.setHex(line.vertexColors === null ? line.color : 0xffffff);\n  if (material.vertexColors !== (line.vertexColors !== null)) {\n    material.vertexColors = line.vertexColors !== null;\n    material.needsUpdate = true;\n  }\n  material.linewidth = line.width;\n  material.worldUnits = line.worldUnits;\n  material.dashed = line.dashed;\n  material.dashSize = line.dashSize;\n  material.gapSize = line.gapSize;\n  material.dashScale = line.dashScale;\n  material.dashOffset = line.dashOffset;\n  material.opacity = line.opacity;\n  material.transparent = line.transparent;\n};\n\nconst draw = (line: LineNode, material: LineMaterial): LineSegments2 => {\n  const drawn = line.segments\n    ? new LineSegments2(fillLineGeometry(new LineSegmentsGeometry(), line), material)\n    : new Line2(fillLineGeometry(new LineGeometry(), line), material);\n  drawn.computeLineDistances();\n  drawn.visible = drawable(line);\n  return drawn;\n};\n\nexport const hostLine = (first: LineNode): HostedLine => {\n  const object = new Group();\n  const material = new LineMaterial();\n  style(material, first);\n  let drawn = draw(first, material);\n  object.add(drawn);\n  return {\n    object,\n    update: (next) => {\n      style(material, next);\n      drawn.removeFromParent();\n      drawn.geometry.dispose();\n      drawn = draw(next, material);\n      object.add(drawn);\n    },\n    dispose: () => {\n      drawn.geometry.dispose();\n      material.dispose();\n    },\n  };\n};\n",
+    "/**\n * The WebGL kit's points: three's `Points` with the materials Drei draws them with\n * (`bf6f4ad`): its `PointMaterial` (three's `PointsMaterial` with a round mask), and the\n * shaders of its `Sparkles` and `Stars`, ported as they are. The buffers come from the\n * kernel (`pointBuffers`), the same for every renderer.\n *\n * One change from Drei's `PointMaterial`: it applies tone mapping and the output colour\n * space a second time after its mask, which brightens the dots; here the mask only sets\n * the alpha, and fully masked corners are discarded so opaque dots are round too.\n *\n * @module\n */\nimport {\n  AdditiveBlending,\n  BufferAttribute,\n  BufferGeometry,\n  Group,\n  type Material,\n  Points,\n  PointsMaterial,\n  ShaderMaterial,\n} from 'three';\n\nimport type { PointLook, PointsNode } from '../kernel/description.ts';\nimport { type PointBuffers, pointBuffers } from '../kernel/pointBuffers.ts';\nimport type { HostedPoints } from '../kernel/renderKit.ts';\n\n/** Drei's `PointMaterial` mask: 1 inside the circle, smoothed over a pixel at its edge. */\nconst roundMask = /* glsl */ `\n  vec2 cxy = 2.0 * gl_PointCoord - 1.0;\n  float r = dot(cxy, cxy);\n  float delta = fwidth(r);\n  float mask = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, r);\n  gl_FragColor.a *= mask;\n  if (gl_FragColor.a < 0.01) discard;\n`;\n\n/** Dots: `PointsMaterial` with a size factor a point and, round, Drei's mask. */\nconst dotsMaterial = (look: Extract<PointLook, { readonly _tag: 'Dots' }>): Material => {\n  const material = new PointsMaterial({\n    color: 0xffffff,\n    vertexColors: true,\n    size: look.size,\n    sizeAttenuation: look.sizeAttenuation,\n    opacity: look.opacity,\n    transparent: look.transparent,\n  });\n  material.onBeforeCompile = (shader) => {\n    shader.vertexShader = shader.vertexShader\n      .replace('uniform float size;', 'uniform float size;\\nattribute float pointSize;')\n      .replace('gl_PointSize = size;', 'gl_PointSize = size * pointSize;');\n    if (look.round) {\n      shader.fragmentShader = shader.fragmentShader.replace(\n        '#include <opaque_fragment>',\n        `#include <opaque_fragment>\\n${roundMask}`,\n      );\n    }\n  };\n  material.customProgramCacheKey = () => `effect-three:dots:${look.round}`;\n  return material;\n};\n\n/** Drei's `SparklesImplMaterial`, its shaders as Drei writes them. */\nconst sparklesMaterial = (): ShaderMaterial =>\n  new ShaderMaterial({\n    uniforms: { time: { value: 0 }, pixelRatio: { value: 1 } },\n    vertexShader: /* glsl */ `\n      uniform float pixelRatio;\n      uniform float time;\n      attribute float size;\n      attribute float speed;\n      attribute float opacity;\n      attribute vec3 noise;\n      attribute vec3 color;\n      varying vec3 vColor;\n      varying float vOpacity;\n      void main() {\n        vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n        modelPosition.y += sin(time * speed + modelPosition.x * noise.x * 100.0) * 0.2;\n        modelPosition.z += cos(time * speed + modelPosition.x * noise.y * 100.0) * 0.2;\n        modelPosition.x += cos(time * speed + modelPosition.x * noise.z * 100.0) * 0.2;\n        vec4 viewPosition = viewMatrix * modelPosition;\n        vec4 projectionPostion = projectionMatrix * viewPosition;\n        gl_Position = projectionPostion;\n        gl_PointSize = size * 25. * pixelRatio;\n        gl_PointSize *= (1.0 / - viewPosition.z);\n        vColor = color;\n        vOpacity = opacity;\n      }`,\n    fragmentShader: /* glsl */ `\n      varying vec3 vColor;\n      varying float vOpacity;\n      void main() {\n        float distanceToCenter = distance(gl_PointCoord, vec2(0.5));\n        float strength = 0.05 / distanceToCenter - 0.1;\n        gl_FragColor = vec4(vColor, strength * vOpacity);\n        #include <tonemapping_fragment>\n        #include <colorspace_fragment>\n      }`,\n    transparent: true,\n    depthWrite: false,\n  });\n\n/** Drei's `StarfieldMaterial`, its shaders as Drei writes them. */\nconst starsMaterial = (fade: boolean): ShaderMaterial =>\n  new ShaderMaterial({\n    uniforms: { time: { value: 0 }, fade: { value: fade ? 1 : 0 } },\n    vertexShader: /* glsl */ `\n      uniform float time;\n      attribute float size;\n      varying vec3 vColor;\n      void main() {\n        vColor = color;\n        vec4 mvPosition = modelViewMatrix * vec4(position, 0.5);\n        gl_PointSize = size * (30.0 / -mvPosition.z) * (3.0 + sin(time + 100.0));\n        gl_Position = projectionMatrix * mvPosition;\n      }`,\n    fragmentShader: /* glsl */ `\n      uniform float fade;\n      varying vec3 vColor;\n      void main() {\n        float opacity = 1.0;\n        if (fade == 1.0) {\n          float d = distance(gl_PointCoord, vec2(0.5, 0.5));\n          opacity = 1.0 / (1.0 + exp(16.0 * (d - 0.25)));\n        }\n        gl_FragColor = vec4(vColor, opacity);\n        #include <tonemapping_fragment>\n        #include <colorspace_fragment>\n      }`,\n    blending: AdditiveBlending,\n    depthWrite: false,\n    transparent: true,\n    vertexColors: true,\n  });\n\n/** The geometry from the kernel's buffers, with the attribute names each shader reads. */\nconst pointsGeometry = (buffers: PointBuffers, look: PointLook): BufferGeometry => {\n  const geometry = new BufferGeometry();\n  geometry.setAttribute('position', new BufferAttribute(buffers.positions, 3));\n  geometry.setAttribute('color', new BufferAttribute(buffers.colors, 3));\n  geometry.setAttribute(\n    look._tag === 'Dots' ? 'pointSize' : 'size',\n    new BufferAttribute(buffers.sizes, 1),\n  );\n  if (look._tag === 'Sparkles') {\n    geometry.setAttribute('speed', new BufferAttribute(buffers.speeds, 1));\n    geometry.setAttribute('opacity', new BufferAttribute(buffers.opacities, 1));\n    geometry.setAttribute('noise', new BufferAttribute(buffers.noise, 3));\n  }\n  return geometry;\n};\n\nconst materialFor = (look: PointLook): Material => {\n  switch (look._tag) {\n    case 'Dots':\n      return dotsMaterial(look);\n    case 'Sparkles':\n      return sparklesMaterial();\n    case 'Stars':\n      return starsMaterial(look.fade);\n  }\n};\n\nconst draw = (look: PointLook): Points<BufferGeometry, Material> => {\n  const buffers = pointBuffers(look);\n  const drawn = new Points(pointsGeometry(buffers, look), materialFor(look));\n  drawn.visible = buffers.count > 0;\n  // Sparkles size by the device's pixel ratio, as Drei's take the viewport's `dpr`.\n  drawn.onBeforeRender = (renderer) => {\n    const material = drawn.material;\n    if (material instanceof ShaderMaterial && material.uniforms['pixelRatio'] !== undefined) {\n      material.uniforms['pixelRatio'].value = renderer.getPixelRatio();\n    }\n  };\n  return drawn;\n};\n\nexport const hostPoints = (first: PointsNode): HostedPoints => {\n  const object = new Group();\n  let look = first.look;\n  let drawn = draw(look);\n  object.add(drawn);\n  const free = (): void => {\n    drawn.geometry.dispose();\n    drawn.material.dispose();\n  };\n  return {\n    object,\n    update: (next) => {\n      look = next.look;\n      drawn.removeFromParent();\n      free();\n      drawn = draw(look);\n      object.add(drawn);\n    },\n    tick: (seconds) => {\n      const time =\n        drawn.material instanceof ShaderMaterial ? drawn.material.uniforms['time'] : undefined;\n      // Drei's stars twinkle at `speed`; its sparkles carry their speed a mote.\n      if (time !== undefined) time.value = look._tag === 'Stars' ? seconds * look.speed : seconds;\n    },\n    dispose: free,\n  };\n};\n",
     "/**\n * Drei's `Grid` (`src/core/Grid.tsx` at `bf6f4ad`, MIT; itself after Fyrestar's\n * `THREE.InfiniteGridHelper` and threlte's `Grid`): a plane whose shader draws thin cell\n * lines and thicker section lines from screen-space derivatives, fading with distance\n * from the camera's foot on the plane. An infinite grid stretches the plane by the fade\n * distance; one that follows the camera slides under it.\n *\n * Each frame the material needs the camera drawing it projected onto the grid's plane.\n * Drei sets that in `useFrame`; here `onBeforeRender` does it, so every view (and each\n * eye in XR) gets its own camera.\n *\n * @module\n */\nimport {\n  BackSide,\n  Color,\n  DoubleSide,\n  FrontSide,\n  Mesh,\n  Plane,\n  PlaneGeometry,\n  ShaderMaterial,\n  type Side,\n  Vector3,\n} from 'three';\n\nimport type { MaterialSide, ShaderGridNode } from '../kernel/description.ts';\nimport type { HostedShaderGrid } from '../kernel/renderKit.ts';\n\n/** The mesh a shader grid is hosted as. */\nexport type HostShaderGrid = Mesh<PlaneGeometry, ShaderMaterial>;\n\nconst sides = { front: FrontSide, back: BackSide, double: DoubleSide } satisfies Record<\n  MaterialSide,\n  Side\n>;\n\nconst vertexShader = /* glsl */ `\n  uniform vec3 cameraOnPlane;\n  uniform vec3 planeOrigin;\n  uniform float fadeDistance;\n  uniform bool infiniteGrid;\n  uniform bool followCamera;\n\n  varying vec3 gridPosition;\n  varying vec4 worldPosition;\n\n  void main() {\n    // The plane geometry lies in XY; the grid lies in XZ.\n    gridPosition = position.xzy;\n    if (infiniteGrid) gridPosition *= 1.0 + fadeDistance;\n    worldPosition = modelMatrix * vec4(gridPosition, 1.0);\n    if (followCamera) {\n      worldPosition.xyz += cameraOnPlane - planeOrigin;\n      gridPosition = (inverse(modelMatrix) * worldPosition).xyz;\n    }\n    gl_Position = projectionMatrix * viewMatrix * worldPosition;\n  }\n`;\n\nconst fragmentShader = /* glsl */ `\n  uniform vec3 cameraOnPlane;\n  uniform float cellSize;\n  uniform float cellThickness;\n  uniform vec3 cellColor;\n  uniform float sectionSize;\n  uniform float sectionThickness;\n  uniform vec3 sectionColor;\n  uniform float fadeDistance;\n  uniform float fadeStrength;\n  uniform float fadeFrom;\n\n  varying vec3 gridPosition;\n  varying vec4 worldPosition;\n\n  // 1 on a line of a grid with this spacing, 0 between, antialiased over a pixel.\n  float lines(float spacing, float thickness) {\n    vec2 at = gridPosition.xz / spacing;\n    vec2 away = abs(fract(at - 0.5) - 0.5) / fwidth(at);\n    return 1.0 - min(min(away.x, away.y) + 1.0 - thickness, 1.0);\n  }\n\n  void main() {\n    float cell = lines(cellSize, cellThickness);\n    float section = lines(sectionSize, sectionThickness);\n    float distanceAway = distance(cameraOnPlane * fadeFrom, worldPosition.xyz);\n    float fade = pow(1.0 - min(distanceAway / fadeDistance, 1.0), fadeStrength);\n    vec3 color = mix(cellColor, sectionColor, min(1.0, sectionThickness * section));\n    float alpha = (cell + section) * fade;\n    alpha = mix(0.75 * alpha, alpha, section);\n    if (alpha <= 0.0) discard;\n    gl_FragColor = vec4(color, alpha);\n    #include <tonemapping_fragment>\n    #include <colorspace_fragment>\n  }\n`;\n\nconst up = new Vector3(0, 1, 0);\nconst origin = new Vector3();\nconst plane = new Plane();\nconst cameraPosition = new Vector3();\n\n/** Writes a node's settings into its material's uniforms. */\nconst writeUniforms = (material: ShaderMaterial, node: ShaderGridNode): void => {\n  const { uniforms } = material;\n  const set = (name: string, value: unknown): void => {\n    const uniform = uniforms[name];\n    if (uniform !== undefined) uniform.value = value;\n  };\n  set('cellSize', node.cellSize);\n  set('cellThickness', node.cellThickness);\n  set('sectionSize', node.sectionSize);\n  set('sectionThickness', node.sectionThickness);\n  set('fadeDistance', node.fadeDistance);\n  set('fadeStrength', node.fadeStrength);\n  set('fadeFrom', node.fadeFrom);\n  set('infiniteGrid', node.infinite);\n  set('followCamera', node.followCamera);\n  uniforms['cellColor']?.value.setHex(node.cellColor);\n  uniforms['sectionColor']?.value.setHex(node.sectionColor);\n  material.side = sides[node.side];\n};\n\n/** Places the grid and its plane from its description. */\nconst writePlacement = (mesh: HostShaderGrid, node: ShaderGridNode): void => {\n  mesh.position.fromArray(node.position);\n  mesh.rotation.fromArray([...node.rotation]);\n};\n\n/** Creates the grid mesh for a node. */\nexport const createShaderGrid = (node: ShaderGridNode): HostShaderGrid => {\n  const material = new ShaderMaterial({\n    uniforms: {\n      cellSize: { value: 0 },\n      cellThickness: { value: 0 },\n      cellColor: { value: new Color() },\n      sectionSize: { value: 0 },\n      sectionThickness: { value: 0 },\n      sectionColor: { value: new Color() },\n      fadeDistance: { value: 0 },\n      fadeStrength: { value: 0 },\n      fadeFrom: { value: 0 },\n      infiniteGrid: { value: false },\n      followCamera: { value: false },\n      cameraOnPlane: { value: new Vector3() },\n      planeOrigin: { value: new Vector3() },\n    },\n    vertexShader,\n    fragmentShader,\n    transparent: true,\n  });\n  writeUniforms(material, node);\n  const mesh: HostShaderGrid = new Mesh(new PlaneGeometry(...node.size), material);\n  // The shader moves vertices (infinite, following): the plane's own bounds mean nothing.\n  mesh.frustumCulled = false;\n  writePlacement(mesh, node);\n  mesh.onBeforeRender = (_renderer, _scene, camera) => {\n    plane.setFromNormalAndCoplanarPoint(up, origin).applyMatrix4(mesh.matrixWorld);\n    plane.projectPoint(\n      cameraPosition.setFromMatrixPosition(camera.matrixWorld),\n      material.uniforms['cameraOnPlane']?.value,\n    );\n    material.uniforms['planeOrigin']?.value.set(0, 0, 0).applyMatrix4(mesh.matrixWorld);\n  };\n  return mesh;\n};\n\n/** Applies a new description to a grid mesh. */\nexport const updateShaderGrid = (\n  mesh: HostShaderGrid,\n  previous: ShaderGridNode,\n  next: ShaderGridNode,\n): void => {\n  if (previous.size[0] !== next.size[0] || previous.size[1] !== next.size[1]) {\n    mesh.geometry.dispose();\n    mesh.geometry = new PlaneGeometry(...next.size);\n  }\n  writeUniforms(mesh.material, next);\n  writePlacement(mesh, next);\n};\n\n/** Frees the grid's geometry and material, which are its own. */\nexport const disposeShaderGrid = (mesh: HostShaderGrid): void => {\n  mesh.geometry.dispose();\n  mesh.material.dispose();\n};\n\n/** The WebGL kit's shader grid: the mesh, updated in place and freed with it. */\nexport const hostShaderGrid = (node: ShaderGridNode): HostedShaderGrid => {\n  const mesh = createShaderGrid(node);\n  return {\n    object: mesh,\n    update: (previous, next) => updateShaderGrid(mesh, previous, next),\n    dispose: () => disposeShaderGrid(mesh),\n  };\n};\n",
     "/**\n * The WebGL kit's sky: three.js's `Sky` (Preetham, `addons/objects/Sky.js` at 0.186.1),\n * as Drei's `Sky` draws it (`bf6f4ad`, `src/core/Sky.tsx`): a box scaled to `distance`\n * whose shader paints the daylight sky for a sun position. Never picked.\n *\n * @module\n */\nimport { Vector3 } from 'three';\nimport { Sky as SkyMesh } from 'three/addons/objects/Sky.js';\n\nimport type { Sky } from '../kernel/description.ts';\nimport type { HostedSky } from '../kernel/renderKit.ts';\n\n/** Writes a sky's description into the mesh's uniforms and scale. */\nconst writeSky = (mesh: SkyMesh, description: Sky): void => {\n  const { uniforms } = mesh.material;\n  const set = (name: string, value: unknown): void => {\n    const uniform = uniforms[name];\n    if (uniform !== undefined) uniform.value = value;\n  };\n  set('turbidity', description.turbidity);\n  set('rayleigh', description.rayleigh);\n  set('mieCoefficient', description.mieCoefficient);\n  set('mieDirectionalG', description.mieDirectionalG);\n  set('cloudCoverage', description.clouds);\n  set('sunPosition', new Vector3().fromArray(description.sunPosition));\n  mesh.scale.setScalar(description.distance);\n};\n\n/** Creates the sky mesh; the scene graph adds it and writes its description. */\nexport const hostSky = (): HostedSky => {\n  const mesh = new SkyMesh();\n  mesh.raycast = () => undefined;\n  return {\n    object: mesh,\n    update: (description) => writeSky(mesh, description),\n    dispose: () => {\n      mesh.geometry.dispose();\n      mesh.material.dispose();\n    },\n  };\n};\n",
-    "/**\n * The WebGL render kit: the scene parts written in GLSL (the sky, the shader grid,\n * contact shadows), for renderers drawing with three.js's `WebGLRenderer`. The Foldkit\n * adapter's `webglRendererFactory` carries it; pass it to `createSceneGraph({ kit })`\n * when using the kernel directly.\n *\n * @module\n */\nimport type { RenderKit } from '../kernel/renderKit.ts';\nimport { createContactShadows } from './contactShadows.ts';\nimport { hostShaderGrid } from './shaderGrid.ts';\nimport { hostSky } from './sky.ts';\n\nexport const webglKit: RenderKit = {\n  shading: 'webgl',\n  sky: hostSky,\n  shaderGrid: hostShaderGrid,\n  contactShadows: createContactShadows,\n};\n"
+    "/**\n * The WebGL render kit: the scene parts written in GLSL (the sky, the shader grid,\n * contact shadows), for renderers drawing with three.js's `WebGLRenderer`. The Foldkit\n * adapter's `webglRendererFactory` carries it; pass it to `createSceneGraph({ kit })`\n * when using the kernel directly.\n *\n * @module\n */\nimport type { RenderKit } from '../kernel/renderKit.ts';\nimport { createContactShadows } from './contactShadows.ts';\nimport { hostLine } from './line.ts';\nimport { hostPoints } from './points.ts';\nimport { hostShaderGrid } from './shaderGrid.ts';\nimport { hostSky } from './sky.ts';\n\nexport const webglKit: RenderKit = {\n  shading: 'webgl',\n  sky: hostSky,\n  shaderGrid: hostShaderGrid,\n  line: hostLine,\n  points: hostPoints,\n  contactShadows: createContactShadows,\n};\n"
   ],
-  "mappings": "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",
-  "debugId": "E10747A03E7930B464756E2164756E21",
+  "mappings": "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",
+  "debugId": "5FDAEE47870EAA0964756E2164756E21",
   "names": []
 }

package/dist/webgl/line.d.ts

@@ -0,0 +1,4 @@
+import type { LineNode } from '../kernel/description.ts';
+import type { HostedLine } from '../kernel/renderKit.ts';
+export declare const hostLine: (first: LineNode) => HostedLine;
+//# sourceMappingURL=line.d.ts.map

package/dist/webgl/line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["../../src/webgl/line.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AA6BzD,eAAO,MAAM,QAAQ,UAAW,QAAQ,KAAG,UAoB1C,CAAC"}

package/dist/webgl/points.d.ts

@@ -0,0 +1,4 @@
+import type { PointsNode } from '../kernel/description.ts';
+import type { HostedPoints } from '../kernel/renderKit.ts';
+export declare const hostPoints: (first: PointsNode) => HostedPoints;
+//# sourceMappingURL=points.d.ts.map

package/dist/webgl/points.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"points.d.ts","sourceRoot":"","sources":["../../src/webgl/points.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAa,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAyJ3D,eAAO,MAAM,UAAU,UAAW,UAAU,KAAG,YA0B9C,CAAC"}

package/dist/webgpu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/webgpu/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKxD,eAAO,MAAM,SAAS,EAAE,SAMvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/webgpu/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,eAAO,MAAM,SAAS,EAAE,SAQvB,CAAC"}