wgpu-kit 0.9.11 → 1.0.1

package/dist/fields.js

@@ -1,585 +0,0 @@
-// src/core/errors.ts
-var WgpuKitError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = new.target.name;
-  }
-};
-var WebGPUUnavailableError = class extends WgpuKitError {
-  constructor(reason) {
-    super(
-      `\u5F53\u524D\u73AF\u5883\u4E0D\u53EF\u7528 WebGPU: ${reason}
-  \u6392\u67E5:\u2460 \u6D4F\u89C8\u5668\u9700 Chrome/Edge 113+ \u6216 Safari 18+;\u2461 \u65E0\u5934\u73AF\u5883\u9700\u5F00\u542F WebGPU;\u2462 \u68C0\u67E5 GPU \u9A71\u52A8\u4E0E\u786C\u4EF6\u52A0\u901F\u8BBE\u7F6E\u3002
-  \u53EF\u7528 navigator.gpu \u662F\u5426\u5B58\u5728\u5FEB\u901F\u5224\u65AD\u3002`
-    );
-  }
-};
-var CompileError = class extends WgpuKitError {
-  constructor(kernelName, messages, userCodeOffset) {
-    const mapped = messages.map((m) => {
-      const userLine = m.line - userCodeOffset;
-      const where = userLine > 0 ? `\u7528\u6237\u4EE3\u7801\u7B2C ${userLine} \u884C` : `\u751F\u6210\u4EE3\u7801\u7B2C ${m.line} \u884C(\u5E93\u7684\u95EE\u9898,\u6B22\u8FCE\u62A5 issue)`;
-      return `  ${where}: ${m.msg}`;
-    }).join("\n");
-    super(`kernel "${kernelName}" WGSL \u7F16\u8BD1\u5931\u8D25:
-${mapped}`);
-  }
-};
-var UsageError = class extends WgpuKitError {
-};
-
-// src/core/context.ts
-var GpuContext = class _GpuContext {
-  device;
-  adapterInfo;
-  constructor(device, adapterInfo) {
-    this.device = device;
-    this.adapterInfo = adapterInfo;
-  }
-  static #singleton = null;
-  static get() {
-    if (!_GpuContext.#singleton) {
-      _GpuContext.#singleton = _GpuContext.#create().catch((e) => {
-        _GpuContext.#singleton = null;
-        throw e;
-      });
-    }
-    return _GpuContext.#singleton;
-  }
-  static async #create() {
-    if (typeof navigator === "undefined" || !("gpu" in navigator) || !navigator.gpu) {
-      throw new WebGPUUnavailableError("navigator.gpu \u4E0D\u5B58\u5728");
-    }
-    const adapter = await navigator.gpu.requestAdapter({ powerPreference: "high-performance" });
-    if (!adapter) throw new WebGPUUnavailableError("requestAdapter() \u8FD4\u56DE null");
-    const info = adapter.info;
-    const label = info ? [info.vendor, info.architecture, info.description].filter(Boolean).join(" / ") || "unknown" : "unknown";
-    const requiredLimits = {};
-    const want = [
-      "maxStorageBuffersPerShaderStage",
-      "maxStorageBuffersInVertexStage",
-      "maxStorageBufferBindingSize"
-    ];
-    for (const key of want) {
-      const supported = adapter.limits[key];
-      if (typeof supported === "number") requiredLimits[key] = supported;
-    }
-    const device = await adapter.requestDevice({ label: "wgpu-kit", requiredLimits });
-    return new _GpuContext(device, label);
-  }
-  /** device lost 时 reject;调用方可 await 做清理/提示 */
-  get lost() {
-    return this.device.lost;
-  }
-  /** 等待队列中已提交的全部 GPU 工作完成(测试/读回前同步用) */
-  async sync() {
-    await this.device.queue.onSubmittedWorkDone();
-  }
-};
-
-// src/core/layout.ts
-var TYPES = {
-  f32: { size: 4, align: 4, comps: 1, typed: "Float32Array", wgsl: "f32" },
-  i32: { size: 4, align: 4, comps: 1, typed: "Int32Array", wgsl: "i32" },
-  u32: { size: 4, align: 4, comps: 1, typed: "Uint32Array", wgsl: "u32" },
-  vec2f: { size: 8, align: 8, comps: 2, typed: "Float32Array", wgsl: "vec2f" },
-  vec2i: { size: 8, align: 8, comps: 2, typed: "Int32Array", wgsl: "vec2i" },
-  vec2u: { size: 8, align: 8, comps: 2, typed: "Uint32Array", wgsl: "vec2u" },
-  vec3f: { size: 12, align: 16, comps: 3, typed: "Float32Array", wgsl: "vec3f" },
-  vec4f: { size: 16, align: 16, comps: 4, typed: "Float32Array", wgsl: "vec4f" }
-};
-
-// src/core/buffer.ts
-var TYPED_CTORS = {
-  Float32Array,
-  Int32Array,
-  Uint32Array
-};
-var Buffer = class _Buffer {
-  kind;
-  length;
-  gpuBuffer;
-  #ctx;
-  #byteLength;
-  #staging = null;
-  constructor(ctx, kind, length, gpuBuffer) {
-    this.#ctx = ctx;
-    this.kind = kind;
-    this.length = length;
-    this.gpuBuffer = gpuBuffer;
-    this.#byteLength = length * TYPES[kind].size;
-  }
-  static async create(kind, length) {
-    if (!Number.isInteger(length) || length <= 0) {
-      throw new UsageError(`Buffer \u957F\u5EA6\u5FC5\u987B\u662F\u6B63\u6574\u6570,\u6536\u5230: ${String(length)}`);
-    }
-    const def = TYPES[kind];
-    if (!def) throw new UsageError(`\u672A\u77E5\u7C7B\u578B "${String(kind)}",\u53EF\u7528: ${Object.keys(TYPES).join(", ")}`);
-    const ctx = await GpuContext.get();
-    const gpuBuffer = ctx.device.createBuffer({
-      size: length * def.size,
-      usage: GPUBufferUsage.STORAGE | GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      label: `wgpu-kit Buffer<${kind}>[${length}]`
-    });
-    return new _Buffer(ctx, kind, length, gpuBuffer);
-  }
-  /** 校验并写入(CPU → GPU) */
-  write(data) {
-    const ctor = TYPED_CTORS[TYPES[this.kind].typed];
-    if (!(data instanceof ctor)) {
-      throw new UsageError(`Buffer<${this.kind}>.write \u9700\u8981 ${TYPES[this.kind].typed},\u6536\u5230 ${data.constructor?.name ?? typeof data}`);
-    }
-    const expected = this.length * TYPES[this.kind].comps;
-    if (data.length !== expected) {
-      throw new UsageError(`Buffer<${this.kind}>[${this.length}].write \u9700\u8981 ${expected} \u4E2A\u5206\u91CF,\u6536\u5230 ${data.length}`);
-    }
-    this.#ctx.device.queue.writeBuffer(this.gpuBuffer, 0, data);
-  }
-  /** GPU → CPU:内部 staging buffer + mapAsync,mapAsync 的异步陷阱由库承担 */
-  async read() {
-    const def = TYPES[this.kind];
-    if (!this.#staging) {
-      this.#staging = this.#ctx.device.createBuffer({
-        size: this.#byteLength,
-        usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
-        label: `wgpu-kit staging[${this.length}]`
-      });
-    }
-    const enc = this.#ctx.device.createCommandEncoder();
-    enc.copyBufferToBuffer(this.gpuBuffer, 0, this.#staging, 0, this.#byteLength);
-    this.#ctx.device.queue.submit([enc.finish()]);
-    await this.#staging.mapAsync(GPUMapMode.READ);
-    const ab = this.#staging.getMappedRange().slice(0);
-    this.#staging.unmap();
-    if (def.typed === "Float32Array") return new Float32Array(ab);
-    if (def.typed === "Int32Array") return new Int32Array(ab);
-    return new Uint32Array(ab);
-  }
-  destroy() {
-    if (this.#staging) {
-      this.#staging.destroy();
-      this.#staging = null;
-    }
-    this.gpuBuffer.destroy();
-  }
-};
-
-// src/core/pingpong.ts
-var PingPong = class _PingPong {
-  #sides;
-  #names;
-  #length;
-  #kinds;
-  #index = 0;
-  constructor(names, kinds, length, a, b) {
-    this.#names = names;
-    this.#kinds = kinds;
-    this.#length = length;
-    this.#sides = [a, b];
-  }
-  static async create(kinds, length) {
-    const names = Object.keys(kinds);
-    if (names.length === 0) throw new Error("PingPong \u81F3\u5C11\u9700\u8981\u4E00\u4E2A\u5B57\u6BB5");
-    const make = async () => {
-      const side = {};
-      for (const name of names) side[name] = await Buffer.create(kinds[name], length);
-      return side;
-    };
-    return new _PingPong(names, kinds, length, await make(), await make());
-  }
-  /** 当前帧的数据侧(渲染/读回用) */
-  get current() {
-    return this.#sides[this.#index];
-  }
-  /** 另一侧(kernel 写入目标) */
-  get other() {
-    return this.#sides[1 - this.#index];
-  }
-  /** 帧末翻转 */
-  swap() {
-    this.#index = 1 - this.#index;
-  }
-  /** 以 (写侧, 读侧) 调用 fn 后自动 swap 的语法糖 */
-  async runWith(fn) {
-    await fn(this.other, this.current);
-    this.swap();
-  }
-  destroy() {
-    for (const side of this.#sides) for (const b of Object.values(side)) b.destroy();
-  }
-  /** 克隆一份同构 PingPong(同字段同长度) */
-  async clone() {
-    return _PingPong.create(this.#kinds, this.#length);
-  }
-  get names() {
-    return this.#names;
-  }
-};
-
-// src/packs/life/map.ts
-var COLORMAPS = {
-  mono: "vec3f(v)",
-  amber: `vec3f(
-    1.35 * v * v,
-    0.9 * v * v * v + 0.25 * v * (1.0 - v),
-    0.15 * v * v * v
-  )`,
-  ice: `vec3f(0.15 * v * v, 0.55 * v * v + 0.2 * v, 1.1 * v)`,
-  duotone: `mix(vec3f(0.02, 0.03, 0.08), vec3f(0.42, 0.78, 1.0), v) + vec3f(0.9, 0.6, 0.25) * v * v * v * 0.6`
-};
-function mapFragment(colormap) {
-  return (
-    /* wgsl */
-    `
-struct VsOut {
-  @builtin(position) pos: vec4f,
-  @location(0) uv: vec2f,
-};
-@group(0) @binding(0) var<uniform> vp: vec4f; // w, h, maxV, gamma
-@group(0) @binding(1) var<storage, read> map: array<f32>;
-
-@vertex
-fn vs(@builtin(vertex_index) v: u32) -> VsOut {
-  var p = array<vec2f, 3>(vec2f(-1.0, -1.0), vec2f(3.0, -1.0), vec2f(-1.0, 3.0));
-  var out: VsOut;
-  out.pos = vec4f(p[v], 0.0, 1.0);
-  out.uv = (p[v] + vec2f(1.0)) * 0.5;
-  out.uv = vec2f(out.uv.x, 1.0 - out.uv.y); // buffer \u884C 0 = \u753B\u9762\u9876\u90E8
-  return out;
-}
-
-@fragment
-fn fs(in: VsOut) -> @location(0) vec4f {
-  let w = u32(vp.x);
-  let x = min(u32(in.uv.x * vp.x), w - 1u);
-  let y = min(u32(in.uv.y * vp.y), u32(vp.y) - 1u);
-  let v = pow(clamp(abs(map[y * w + x]) * vp.z, 0.0, 1.0), vp.w);
-  let c = ${COLORMAPS[colormap]};
-  return vec4f(c, 1.0);
-}
-`
-  );
-}
-var MapRenderer = class _MapRenderer {
-  #ctx;
-  #gpuCtx;
-  #pipeline;
-  #uniform;
-  #bgCache = /* @__PURE__ */ new Map();
-  #ids = /* @__PURE__ */ new WeakMap();
-  constructor(ctx, gpuCtx, pipeline, uniform) {
-    this.#ctx = ctx;
-    this.#gpuCtx = gpuCtx;
-    this.#pipeline = pipeline;
-    this.#uniform = uniform;
-  }
-  static async create(canvas, opts) {
-    const ctx = await GpuContext.get();
-    const gpuCtx = canvas.getContext("webgpu");
-    if (!gpuCtx) throw new Error('canvas.getContext("webgpu") \u8FD4\u56DE\u7A7A');
-    const format = navigator.gpu.getPreferredCanvasFormat();
-    gpuCtx.configure({ device: ctx.device, format, alphaMode: "opaque" });
-    const module = ctx.device.createShaderModule({ code: mapFragment(opts.colormap), label: "life-map-render" });
-    const info = await module.getCompilationInfo();
-    const errors = info.messages.filter((m) => m.type === "error");
-    if (errors.length > 0) throw new CompileError("life-map-render", errors.map((m) => ({ line: m.lineNum, msg: m.message })), 0);
-    const pipeline = ctx.device.createRenderPipeline({
-      layout: "auto",
-      vertex: { module, entryPoint: "vs" },
-      fragment: { module, entryPoint: "fs", targets: [{ format }] },
-      primitive: { topology: "triangle-list" }
-    });
-    const uniform = ctx.device.createBuffer({ size: 16, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });
-    ctx.device.queue.writeBuffer(uniform, 0, new Float32Array([opts.width, opts.height, opts.maxV, opts.gamma ?? 1]));
-    return new _MapRenderer(ctx, gpuCtx, pipeline, uniform);
-  }
-  render(map) {
-    let id = this.#ids.get(map.gpuBuffer);
-    if (id === void 0) {
-      id = this.#bgCache.size + 1;
-      this.#ids.set(map.gpuBuffer, id);
-    }
-    let bg = this.#bgCache.get(id);
-    if (!bg) {
-      bg = this.#ctx.device.createBindGroup({
-        layout: this.#pipeline.getBindGroupLayout(0),
-        entries: [
-          { binding: 0, resource: { buffer: this.#uniform } },
-          { binding: 1, resource: { buffer: map.gpuBuffer } }
-        ]
-      });
-      this.#bgCache.set(id, bg);
-    }
-    const enc = this.#ctx.device.createCommandEncoder();
-    const pass = enc.beginRenderPass({
-      colorAttachments: [{
-        view: this.#gpuCtx.getCurrentTexture().createView(),
-        clearValue: { r: 0, g: 0, b: 0, a: 1 },
-        loadOp: "clear",
-        storeOp: "store"
-      }]
-    });
-    pass.setPipeline(this.#pipeline);
-    pass.setBindGroup(0, bg);
-    pass.draw(3);
-    pass.end();
-    this.#ctx.device.queue.submit([enc.finish()]);
-  }
-};
-
-// src/packs/particles/presets.ts
-function mulberry32(seed) {
-  let s = seed | 0;
-  return () => {
-    s = s + 1831565813 | 0;
-    let t = Math.imul(s ^ s >>> 15, 1 | s);
-    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
-    return ((t ^ t >>> 14) >>> 0) / 4294967296;
-  };
-}
-
-// src/packs/fields/index.ts
-var FIELD_FNS = {
-  // 绕心漩涡:切向速度,离心得越远越慢
-  vortex: `
-fn fieldAt(p: vec2f, t: f32) -> vec2f {
-  let r = length(p) + 0.12;
-  return vec2f(-p.y, p.x) / r * 1.4;
-}`,
-  // curl noise:值噪声的旋度,无散度,像真实的湍流
-  curl: `
-fn hash(p: vec2f) -> f32 {
-  return fract(sin(dot(p, vec2f(127.1, 311.7))) * 43758.5453);
-}
-fn vnoise(p: vec2f) -> f32 {
-  let i = floor(p);
-  let f = fract(p);
-  let u = f * f * (3.0 - 2.0 * f);
-  return mix(mix(hash(i), hash(i + vec2f(1.0, 0.0)), u.x), mix(hash(i + vec2f(0.0, 1.0)), hash(i + vec2f(1.0, 1.0)), u.x), u.y);
-}
-fn fieldAt(p: vec2f, t: f32) -> vec2f {
-  let s = 2.2;
-  let e = 0.01;
-  let n1 = vnoise(p * s + vec2f(0.0, t * 0.15));
-  let n2 = vnoise(p * s + vec2f(17.3, t * 0.15));
-  let dx = vnoise(p * s + vec2f(e, 0.0) + vec2f(0.0, t * 0.15)) - n1;
-  let dy = vnoise(p * s + vec2f(0.0, e) + vec2f(17.3, t * 0.15)) - n2;
-  return normalize(vec2f(dy, -dx) / e + vec2f(1e-5));
-}`,
-  // 双涡:左右反向旋转,中间有剪切层
-  twin: `
-fn fieldAt(p: vec2f, t: f32) -> vec2f {
-  let s = select(-1.0, 1.0, p.x > 0.0);
-  let c = vec2f(0.55 * s, 0.0);
-  let r = length(p - c) + 0.1;
-  let swirl = vec2f(-(p - c).y, (p - c).x) / r;
-  return swirl * s * 1.3 + vec2f(0.0, sin(t * 0.4) * 0.2);
-}`
-};
-var AWG = 32;
-async function flow(config = {}) {
-  const {
-    count: N = 131072,
-    mapSize = 1024,
-    field = "curl",
-    speed = 4e-3,
-    decay = 0.045,
-    deposit = 1,
-    seed = "flow",
-    colormap = "ice"
-  } = config;
-  const seedHash = typeof seed === "string" ? hashStr(seed) : seed ?? 11;
-  const ctx = await GpuContext.get();
-  const device = ctx.device;
-  const posBuf = await Buffer.create("vec2f", N);
-  {
-    const rand = mulberry32(seedHash);
-    const p = new Float32Array(N * 2);
-    for (let i = 0; i < N; i++) {
-      p[i * 2] = rand() * 1.8 - 0.9;
-      p[i * 2 + 1] = rand() * 1.8 - 0.9;
-    }
-    posBuf.write(p);
-  }
-  const trail = await PingPong.create({ t: "f32" }, mapSize * mapSize);
-  const trailA = trail.current.t;
-  const trailB = trail.other.t;
-  const uniform = device.createBuffer({ size: AWG, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });
-  const u = { count: N, pad: 0, speed, worldHalf: 1, deposit, time: 0, p0: 0, p1: 0 };
-  const writeUniform = () => {
-    const b = new ArrayBuffer(AWG);
-    const v = new DataView(b);
-    v.setUint32(0, u.count, true);
-    v.setUint32(4, u.pad, true);
-    v.setFloat32(8, u.speed, true);
-    v.setFloat32(12, u.worldHalf, true);
-    v.setFloat32(16, u.deposit, true);
-    v.setFloat32(20, u.time, true);
-    device.queue.writeBuffer(uniform, 0, b);
-  };
-  writeUniform();
-  const diffuseUniform = device.createBuffer({ size: 16, usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST });
-  device.queue.writeBuffer(diffuseUniform, 0, new Uint32Array([mapSize, mapSize]));
-  device.queue.writeBuffer(diffuseUniform, 8, new Float32Array([1 - decay, 0]));
-  const compile = async (code, label) => {
-    const m = device.createShaderModule({ code, label });
-    const info = await m.getCompilationInfo();
-    const errors = info.messages.filter((x) => x.type === "error");
-    if (errors.length > 0) throw new CompileError(label, errors.map((x) => ({ line: x.lineNum, msg: x.message })), 0);
-    return m;
-  };
-  const mAdvect = await compile(advectWgsl(FIELD_FNS[field], mapSize), `fields-advect(${field})`);
-  const mDiffuse = await compile(diffuseWgsl(), "fields-diffuse");
-  const pAdvect = device.createComputePipeline({ layout: "auto", compute: { module: mAdvect, entryPoint: "main" } });
-  const pDiffuse = device.createComputePipeline({ layout: "auto", compute: { module: mDiffuse, entryPoint: "main" } });
-  const bgAdvect = (t) => device.createBindGroup({
-    layout: pAdvect.getBindGroupLayout(0),
-    entries: [
-      { binding: 0, resource: { buffer: uniform } },
-      { binding: 1, resource: { buffer: posBuf.gpuBuffer } },
-      { binding: 2, resource: { buffer: t.gpuBuffer } }
-    ]
-  });
-  const bgDiffuse = (read, write) => device.createBindGroup({
-    layout: pDiffuse.getBindGroupLayout(0),
-    entries: [
-      { binding: 0, resource: { buffer: diffuseUniform } },
-      { binding: 1, resource: { buffer: read.gpuBuffer } },
-      { binding: 2, resource: { buffer: write.gpuBuffer } }
-    ]
-  });
-  let renderer = null;
-  let frame = 0;
-  let time = 0;
-  let lastFps = 0;
-  let fFrames = 0;
-  let fAcc = 0;
-  let fLast = performance.now();
-  return {
-    async attach(canvas) {
-      const dpr = Math.min(window.devicePixelRatio || 1, 2);
-      canvas.width = Math.max(1, Math.floor(canvas.clientWidth * dpr));
-      canvas.height = Math.max(1, Math.floor(canvas.clientHeight * dpr));
-      renderer = await MapRenderer.create(canvas, { width: mapSize, height: mapSize, maxV: 5, gamma: 0.65, colormap });
-    },
-    tick() {
-      time += 1 / 60;
-      u.time = time;
-      writeUniform();
-      const readT = trail.current.t;
-      const writeT = trail.other.t;
-      const enc = device.createCommandEncoder();
-      const pass = enc.beginComputePass();
-      pass.setPipeline(pAdvect);
-      pass.setBindGroup(0, bgAdvect(readT));
-      pass.dispatchWorkgroups(Math.ceil(N / 64));
-      pass.setPipeline(pDiffuse);
-      pass.setBindGroup(0, bgDiffuse(readT, writeT));
-      pass.dispatchWorkgroups(Math.ceil(mapSize * mapSize / 64));
-      pass.end();
-      device.queue.submit([enc.finish()]);
-      renderer?.render(writeT);
-      trail.swap();
-      frame++;
-      fFrames++;
-      const now = performance.now();
-      fAcc += now - fLast;
-      fLast = now;
-      if (fAcc >= 500) {
-        lastFps = fFrames / (fAcc / 1e3);
-        fFrames = 0;
-        fAcc = 0;
-      }
-    },
-    stats() {
-      return { fps: lastFps };
-    },
-    async sampleTrail() {
-      return await trail.current.t.read();
-    },
-    destroy() {
-      posBuf.destroy();
-      trail.destroy();
-      uniform.destroy();
-      diffuseUniform.destroy();
-    }
-  };
-}
-function advectWgsl(fieldFn, mapSize) {
-  return (
-    /* wgsl */
-    `
-struct Params {
-  count: u32, _pad: u32,
-  speed: f32, worldHalf: f32, deposit: f32, time: f32,
-  _p0: f32, _p1: f32,
-};
-@group(0) @binding(0) var<uniform> params: Params;
-@group(0) @binding(1) var<storage, read_write> pos: array<vec2f>;
-@group(0) @binding(2) var<storage, read_write> trail: array<f32>;
-
-const TRAIL_W: u32 = ${mapSize}u;
-${fieldFn}
-
-@compute @workgroup_size(64)
-fn main(@builtin(global_invocation_id) gid: vec3u) {
-  let i = gid.x;
-  if (i >= params.count) { return; }
-  let p = pos[i];
-  let v = fieldAt(p, params.time) * params.speed;
-  var np = p + v;
-  let h = params.worldHalf * 0.98;
-  if (abs(np.x) > h || abs(np.y) > h) {
-    // \u51FA\u754C\u91CD\u751F:\u968F\u673A\u6492\u56DE(\u786E\u5B9A\u6027 hash,\u514D\u989D\u5916\u968F\u673A\u6E90)
-    let r1 = fract(sin(f32(i) * 12.9898 + params.time * 78.233) * 43758.5453);
-    let r2 = fract(sin(f32(i) * 78.233 + params.time * 12.9898) * 24634.6345);
-    np = vec2f(r1, r2) * 1.8 - 0.9;
-  }
-  pos[i] = np;
-  let w = TRAIL_W;
-  let tx = min(u32((np.x * 0.5 + 0.5) * f32(w)), w - 1u);
-  let ty = min(u32((np.y * 0.5 + 0.5) * f32(w)), w - 1u);
-  let t = ty * w + tx;
-  trail[t] = trail[t] + params.deposit;
-}
-`
-  );
-}
-function diffuseWgsl() {
-  return (
-    /* wgsl */
-    `
-@group(0) @binding(0) var<uniform> vp: vec4f; // w, h, keep, pad
-@group(0) @binding(1) var<storage, read> src: array<f32>;
-@group(0) @binding(2) var<storage, read_write> dst: array<f32>;
-
-@compute @workgroup_size(64)
-fn main(@builtin(global_invocation_id) gid: vec3u) {
-  let i = gid.x;
-  let w = u32(vp.x);
-  let h = u32(vp.y);
-  if (i >= w * h) { return; }
-  let x = i32(i % w);
-  let y = i32(i / w);
-  let c = src[i] * 2.0;
-  var s = c;
-  s = s + src[u32(clamp(y - 1, 0, i32(h) - 1)) * w + u32(clamp(x, 0, i32(w) - 1))];
-  s = s + src[u32(clamp(y + 1, 0, i32(h) - 1)) * w + u32(clamp(x, 0, i32(w) - 1))];
-  s = s + src[u32(clamp(y, 0, i32(h) - 1)) * w + u32(clamp(x - 1, 0, i32(w) - 1))];
-  s = s + src[u32(clamp(y, 0, i32(h) - 1)) * w + u32(clamp(x + 1, 0, i32(w) - 1))];
-  dst[i] = (s / 6.0 * 0.5 + src[i] * 0.5) * vp.z;
-}
-`
-  );
-}
-function hashStr(s) {
-  let h = 2166136261;
-  for (let i = 0; i < s.length; i++) {
-    h ^= s.charCodeAt(i);
-    h = Math.imul(h, 16777619);
-  }
-  return h >>> 0;
-}
-export {
-  flow
-};