@pibbl/core 0.0.1

package/dist/features/particles/lib/canvas/executor.js

@@ -0,0 +1,537 @@
+import { getFlowController2D } from "../flow/hook.js";
+import { FlowParticlePopulation2D } from "../flow/population.js";
+import { mix32 } from "../random.js";
+import {
+  Particle2DRegister,
+  sampleParticle2D
+} from "../sample.js";
+import {
+  CANVAS_LEDGER_NO_SLOT,
+  createCanvasBirthLedger
+} from "./birth-ledger.js";
+import { createCanvasRasterCache } from "./raster-cache.js";
+const TAU = Math.PI * 2;
+const DEGREES_TO_RADIANS = Math.PI / 180;
+const COMPLEX_RASTER_REUSE_THRESHOLD = 3;
+function copyParameters(values) {
+  return new Float64Array(values);
+}
+function summaryToFrameState(value) {
+  return {
+    liveCount: value.liveCount,
+    nextAutomaticBirthMilliseconds: value.nextAutomaticBirthMilliseconds,
+    latestDeathMilliseconds: value.latestDeathMilliseconds
+  };
+}
+function imageWidth(source) {
+  if (source instanceof HTMLVideoElement) {
+    return source.videoWidth;
+  }
+  if (source instanceof HTMLImageElement) {
+    return source.naturalWidth || source.width;
+  }
+  const sized = source;
+  if (typeof sized.width === "number") return sized.width;
+  return typeof sized.displayWidth === "number" ? sized.displayWidth : 0;
+}
+function imageHeight(source) {
+  if (source instanceof HTMLVideoElement) {
+    return source.videoHeight;
+  }
+  if (source instanceof HTMLImageElement) {
+    return source.naturalHeight || source.height;
+  }
+  const sized = source;
+  if (typeof sized.height === "number") return sized.height;
+  return typeof sized.displayHeight === "number" ? sized.displayHeight : 0;
+}
+function quantizedDimension(value) {
+  return Math.min(16384, Math.max(1, Math.round(Math.abs(value))));
+}
+function colorChannel(value) {
+  return Math.max(0, Math.min(255, Math.round(value * 255)));
+}
+function colorKey(red, green, blue) {
+  return colorChannel(red) << 16 | colorChannel(green) << 8 | colorChannel(blue);
+}
+function colorString(red, green, blue) {
+  return `rgb(${colorChannel(red)} ${colorChannel(green)} ${colorChannel(blue)})`;
+}
+function assertDecodedSpriteSources(compiled) {
+  for (const emitter of compiled.emitters) {
+    const renderer = emitter.renderer;
+    if (renderer.type !== "sprite") continue;
+    const width = imageWidth(renderer.source);
+    const height = imageHeight(renderer.source);
+    if (renderer.source instanceof HTMLImageElement && (!renderer.source.complete || renderer.source.naturalWidth <= 0) || renderer.source instanceof HTMLVideoElement && renderer.source.readyState < HTMLMediaElement.HAVE_CURRENT_DATA || !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) {
+      throw new TypeError(
+        `Pibbl Canvas particle emitter "${emitter.name}" requires a decoded sprite source with finite dimensions.`
+      );
+    }
+  }
+}
+function missesContentBox(emitter, ledger, width, height) {
+  const bounds = emitter.bounds;
+  if (bounds === void 0) return false;
+  const [minX, minY] = bounds.min;
+  const [maxX, maxY] = bounds.max;
+  if (!Number.isFinite(minX) || !Number.isFinite(minY) || !Number.isFinite(maxX) || !Number.isFinite(maxY)) {
+    return false;
+  }
+  let slot = ledger.oldestSlot;
+  let visited = 0;
+  while (slot !== CANVAS_LEDGER_NO_SLOT && visited < ledger.liveCount) {
+    const originX = ledger.origins[slot * 2];
+    const originY = ledger.origins[slot * 2 + 1];
+    if (maxX + originX >= 0 && maxY + originY >= 0 && minX + originX <= width && minY + originY <= height) {
+      return false;
+    }
+    slot = ledger.ageOrder[slot];
+    visited += 1;
+  }
+  return true;
+}
+function createOwnedRaster(width, height, paint) {
+  const surface = new OffscreenCanvas(width, height);
+  const context = surface.getContext("2d");
+  if (context === null) {
+    throw new Error("Pibbl Canvas particle rasterization requires a 2D context.");
+  }
+  paint(context);
+  return surface.transferToImageBitmap();
+}
+function createCanvasParticleExecutor(options) {
+  const { compiled } = options;
+  const flow = options.flow === void 0 ? void 0 : getFlowController2D(options.flow);
+  if (flow) {
+    for (const emitter of compiled.emitters) {
+      if (emitter.motion.some((module) => module.type !== "angularVelocity") || !Array.isArray(emitter.initial.velocity) || emitter.initial.velocity.some((value) => value.kind !== "constant" || value.value !== 0)) {
+        throw new TypeError("Flow-bound particles use field velocity; put translational forces on useFlowSource2D instead of particle motion or initial velocity.");
+      }
+    }
+  }
+  let committedFlow = flow ? compiled.emitters.map((emitter) => new FlowParticlePopulation2D(emitter.capacity)) : [];
+  let candidateFlow = flow ? compiled.emitters.map((emitter) => new FlowParticlePopulation2D(emitter.capacity)) : [];
+  let flowTransactionOpen = false;
+  const parameterLength = compiled.parameterLayout.defaults.length;
+  if (options.parameters.length !== parameterLength) {
+    throw new RangeError(
+      "Pibbl Canvas particle parameter register length mismatch."
+    );
+  }
+  assertDecodedSpriteSources(compiled);
+  const ledger = createCanvasBirthLedger(compiled, {
+    retainSpawnEpoch: options.retainSpawnEpoch,
+    releaseSpawnEpoch: options.releaseSpawnEpoch
+  });
+  const rasterCache = createCanvasRasterCache();
+  const registers = new Float64Array(13);
+  const resolvedParameters = new Float64Array(parameterLength);
+  const committedParameters = copyParameters(options.parameters);
+  const candidateParameters = copyParameters(options.parameters);
+  const birth = {
+    seed: 0,
+    ordinal: 0,
+    birthTimeMilliseconds: 0
+  };
+  const colorStrings = /* @__PURE__ */ new Map();
+  const primeColor = (red, green, blue) => {
+    colorStrings.set(colorKey(red, green, blue), colorString(red, green, blue));
+  };
+  for (const emitter of compiled.emitters) {
+    const initialColor = emitter.initial.color;
+    if (initialColor.kind === "constant") {
+      primeColor(
+        initialColor.color[0],
+        initialColor.color[1],
+        initialColor.color[2]
+      );
+    } else if (initialColor.kind === "choice") {
+      for (const sample of initialColor.samples) {
+        primeColor(sample[0], sample[1], sample[2]);
+      }
+    }
+    const gradient = emitter.appearance.color;
+    if (gradient !== null) {
+      for (let index = 0; index < gradient.samples.length; index += 4) {
+        primeColor(
+          gradient.samples[index],
+          gradient.samples[index + 1],
+          gradient.samples[index + 2]
+        );
+      }
+    }
+  }
+  let committedEffectTime = 0;
+  let candidateEffectTime = 0;
+  let committedRunSeed = 0;
+  let candidateRunSeed = 0;
+  let parameterTransactionOpen = false;
+  let ledgerTransactionOpen = false;
+  let disposed = false;
+  function requireActive() {
+    if (disposed) throw new Error("Pibbl Canvas particle executor is disposed.");
+  }
+  function selectedGeneration() {
+    return ledgerTransactionOpen ? ledger.candidate : ledger.committed;
+  }
+  function selectedParameters() {
+    return parameterTransactionOpen ? candidateParameters : committedParameters;
+  }
+  function selectedEffectTime() {
+    return ledgerTransactionOpen ? candidateEffectTime : committedEffectTime;
+  }
+  function selectedRunSeed() {
+    return ledgerTransactionOpen ? candidateRunSeed : committedRunSeed;
+  }
+  function resolveParameters(current, spawnEpoch) {
+    resolvedParameters.set(current);
+    const spawned = options.spawnParameters(spawnEpoch);
+    const mask = compiled.parameterLayout.spawnMask;
+    for (let index = 0; index < mask.length; index += 1) {
+      if (mask[index] === 1) resolvedParameters[index] = spawned[index];
+    }
+    return resolvedParameters;
+  }
+  function beginFlowTransaction() {
+    if (!flow || flowTransactionOpen) return;
+    for (let i = 0; i < committedFlow.length; i++) candidateFlow[i].copyFrom(committedFlow[i]);
+    flowTransactionOpen = true;
+  }
+  function advanceFlow() {
+    if (!flow) return;
+    beginFlowTransaction();
+    const generation = ledger.candidate;
+    for (let i = 0; i < compiled.emitters.length; i++) {
+      const emitter = compiled.emitters[i];
+      const births = generation.emitters[i];
+      const population = candidateFlow[i];
+      let slot = births.oldestSlot, visited = 0;
+      while (slot !== CANVAS_LEDGER_NO_SLOT && visited++ < births.liveCount) {
+        const identity = births.ordinals[slot];
+        const time = births.birthTimes[slot];
+        if (!population.hasBirth(slot, identity, time)) {
+          birth.seed = mix32(candidateRunSeed >>> 0 ^ births.seedSalts[slot] >>> 0);
+          birth.ordinal = identity;
+          birth.birthTimeMilliseconds = time;
+          sampleParticle2D(emitter, birth, time, resolveParameters(selectedParameters(), births.spawnEpochs[slot]), registers);
+          population.birth(
+            slot,
+            identity,
+            time,
+            registers[Particle2DRegister.X] + births.origins[slot * 2],
+            registers[Particle2DRegister.Y] + births.origins[slot * 2 + 1]
+          );
+        }
+        slot = births.ageOrder[slot];
+      }
+      population.advance(flow.requireActive(), births.oldestSlot, births.ageOrder, births.liveCount, candidateEffectTime);
+    }
+  }
+  function fillColor(context) {
+    const red = registers[Particle2DRegister.Red];
+    const green = registers[Particle2DRegister.Green];
+    const blue = registers[Particle2DRegister.Blue];
+    const key = colorKey(red, green, blue);
+    let value = colorStrings.get(key);
+    if (value === void 0) {
+      value = colorString(red, green, blue);
+      colorStrings.set(key, value);
+    }
+    context.fillStyle = value;
+    return key;
+  }
+  function drawPathRaster(context, path, width, height, colorKey2) {
+    const rasterWidth = quantizedDimension(width);
+    const rasterHeight = quantizedDimension(height);
+    const key = colorKey2 * 268435456 + (rasterWidth - 1) * 16384 + rasterHeight - 1;
+    let raster = rasterCache.find(path, key);
+    if (raster === void 0) {
+      raster = rasterCache.insert(
+        path,
+        key,
+        createOwnedRaster(rasterWidth, rasterHeight, (rasterContext) => {
+          rasterContext.fillStyle = context.fillStyle;
+          rasterContext.translate(rasterWidth / 2, rasterHeight / 2);
+          rasterContext.scale(rasterWidth, rasterHeight);
+          rasterContext.fill(path);
+        })
+      );
+    }
+    context.drawImage(
+      raster,
+      -Math.abs(width) / 2,
+      -Math.abs(height) / 2,
+      Math.abs(width),
+      Math.abs(height)
+    );
+  }
+  function drawEmitter(context, emitter, emitterLedger, currentParameters, effectTime, runSeed, componentOpacity, baseAlpha, baseTransform, population) {
+    const renderer = emitter.renderer;
+    const spriteSourceWidth = renderer.type === "sprite" ? imageWidth(renderer.source) : 0;
+    const spriteSourceHeight = renderer.type === "sprite" ? imageHeight(renderer.source) : 0;
+    context.globalCompositeOperation = renderer.blend === "additive" ? "lighter" : "source-over";
+    const { a, b, c, d, e, f } = baseTransform;
+    let slot = emitterLedger.oldestSlot;
+    let visited = 0;
+    while (slot !== CANVAS_LEDGER_NO_SLOT && visited < emitterLedger.liveCount) {
+      const next = emitterLedger.ageOrder[slot];
+      visited += 1;
+      if (emitterLedger.occupied[slot] === 1 && !population?.isRetired(slot)) {
+        birth.seed = mix32(
+          runSeed >>> 0 ^ emitterLedger.seedSalts[slot] >>> 0
+        );
+        birth.ordinal = emitterLedger.ordinals[slot];
+        birth.birthTimeMilliseconds = emitterLedger.birthTimes[slot];
+        const parameters = resolveParameters(
+          currentParameters,
+          emitterLedger.spawnEpochs[slot]
+        );
+        if (sampleParticle2D(emitter, birth, effectTime, parameters, registers)) {
+          const alpha = registers[Particle2DRegister.Alpha] * componentOpacity;
+          if (alpha > 0) {
+            const width = registers[Particle2DRegister.SizeX];
+            const height = registers[Particle2DRegister.SizeY];
+            const x = population ? population.positions[slot * 2] : registers[Particle2DRegister.X] + emitterLedger.origins[slot * 2];
+            const y = population ? population.positions[slot * 2 + 1] : registers[Particle2DRegister.Y] + emitterLedger.origins[slot * 2 + 1];
+            const angle = registers[Particle2DRegister.Rotation] * DEGREES_TO_RADIANS;
+            const cosine = angle === 0 ? 1 : Math.cos(angle);
+            const sine = angle === 0 ? 0 : Math.sin(angle);
+            context.setTransform(
+              a * cosine + c * sine,
+              b * cosine + d * sine,
+              c * cosine - a * sine,
+              d * cosine - b * sine,
+              a * x + c * y + e,
+              b * x + d * y + f
+            );
+            context.globalAlpha = baseAlpha * alpha;
+            const colorKey2 = renderer.type === "sprite" ? 0 : fillColor(context);
+            switch (renderer.type) {
+              case "circle":
+                context.beginPath();
+                context.arc(0, 0, Math.abs(width) / 2, 0, TAU);
+                context.fill();
+                break;
+              case "rectangle": {
+                const drawWidth = Math.abs(width) * (renderer.aspectRatio ?? 1);
+                const drawHeight = Math.abs(height);
+                context.beginPath();
+                context.rect(
+                  -drawWidth / 2,
+                  -drawHeight / 2,
+                  drawWidth,
+                  drawHeight
+                );
+                context.fill();
+                break;
+              }
+              case "path":
+                if (emitterLedger.liveCount >= COMPLEX_RASTER_REUSE_THRESHOLD) {
+                  drawPathRaster(
+                    context,
+                    renderer.path,
+                    width,
+                    height,
+                    colorKey2
+                  );
+                } else {
+                  context.scale(width, height);
+                  context.fill(renderer.path);
+                }
+                break;
+              case "sprite": {
+                if (spriteSourceWidth <= 0 || spriteSourceHeight <= 0) break;
+                const anchorX = renderer.anchor?.[0] ?? 0.5;
+                const anchorY = renderer.anchor?.[1] ?? 0.5;
+                context.drawImage(
+                  renderer.source,
+                  -anchorX * Math.abs(width),
+                  -anchorY * Math.abs(height),
+                  Math.abs(width),
+                  Math.abs(height)
+                );
+                break;
+              }
+            }
+          }
+        }
+      }
+      slot = next;
+    }
+  }
+  const executor = {
+    owner: options.owner,
+    backend: "canvas",
+    execution: flow ? "flow-canvas" : "stateless-canvas",
+    compiled,
+    get parameters() {
+      return selectedParameters();
+    },
+    requestRender() {
+      options.requestRender();
+    },
+    prepareParameters(parameters) {
+      requireActive();
+      if (parameters.length !== parameterLength) {
+        throw new RangeError(
+          "Pibbl Canvas particle parameter register length mismatch."
+        );
+      }
+      candidateParameters.set(parameters);
+      parameterTransactionOpen = true;
+    },
+    adoptFrame(frame) {
+      requireActive();
+      ledgerTransactionOpen = true;
+      candidateEffectTime = frame.effectTimeMilliseconds;
+      candidateRunSeed = frame.seed;
+      const epoch = options.currentSpawnEpoch?.() ?? 0;
+      const summary = ledger.adoptFrame(frame, epoch, options.spawnParameters(epoch));
+      advanceFlow();
+      return summaryToFrameState(summary);
+    },
+    requestedBurstCount(emitterIndex, count, seed) {
+      requireActive();
+      return ledger.requestedManualBirths(emitterIndex, count, seed);
+    },
+    emitBurst(request) {
+      requireActive();
+      if (request.origin.length !== 2) {
+        throw new TypeError(
+          "Pibbl Canvas particle burst origin must be two-dimensional."
+        );
+      }
+      ledgerTransactionOpen = true;
+      candidateEffectTime = request.birthTimeMilliseconds;
+      candidateRunSeed = request.seed;
+      const result = ledger.emitManualSources({
+        generation: request.generation,
+        emitterIndex: request.emitterIndex,
+        count: request.count,
+        birthTimeMilliseconds: request.birthTimeMilliseconds,
+        seed: request.seed,
+        seedSalt: request.seedSalt,
+        origin: request.origin,
+        spawnEpoch: request.spawnEpoch,
+        parameters: options.spawnParameters(request.spawnEpoch)
+      });
+      advanceFlow();
+      const frameState = ledger.candidateSummary();
+      return {
+        ...summaryToFrameState(frameState),
+        requested: result.requested,
+        accepted: result.accepted,
+        rejected: result.rejected
+      };
+    },
+    clear() {
+      requireActive();
+      ledgerTransactionOpen = true;
+      ledger.clear();
+      beginFlowTransaction();
+      for (const population of candidateFlow) population.clear();
+      return summaryToFrameState(ledger.candidateSummary());
+    },
+    finishTransaction(success) {
+      requireActive();
+      if (flowTransactionOpen) {
+        if (success) {
+          const previous = committedFlow;
+          committedFlow = candidateFlow;
+          candidateFlow = previous;
+        }
+        flowTransactionOpen = false;
+      }
+      if (ledgerTransactionOpen) {
+        ledger.finishTransaction(success);
+        if (success) {
+          committedEffectTime = candidateEffectTime;
+          committedRunSeed = candidateRunSeed;
+        } else {
+          candidateEffectTime = committedEffectTime;
+          candidateRunSeed = committedRunSeed;
+        }
+        ledgerTransactionOpen = false;
+      }
+      if (parameterTransactionOpen) {
+        if (success) committedParameters.set(candidateParameters);
+        else candidateParameters.set(committedParameters);
+        parameterTransactionOpen = false;
+      }
+    },
+    draw(context, contentBox, opacity, overflow) {
+      requireActive();
+      const generation = selectedGeneration();
+      const parameters = selectedParameters();
+      const effectTime = selectedEffectTime();
+      const runSeed = selectedRunSeed();
+      context.save();
+      try {
+        context.translate(contentBox.x, contentBox.y);
+        if (overflow === "clip") {
+          context.beginPath();
+          context.rect(0, 0, contentBox.width, contentBox.height);
+          context.clip();
+        }
+        const baseAlpha = context.globalAlpha;
+        const baseTransform = context.getTransform();
+        for (let emitterIndex = 0; emitterIndex < compiled.emitters.length; emitterIndex += 1) {
+          const emitter = compiled.emitters[emitterIndex];
+          const emitterLedger = generation.emitters[emitterIndex];
+          if (!flow && missesContentBox(
+            emitter,
+            emitterLedger,
+            contentBox.width,
+            contentBox.height
+          ))
+            continue;
+          drawEmitter(
+            context,
+            emitter,
+            emitterLedger,
+            parameters,
+            effectTime,
+            runSeed,
+            opacity,
+            baseAlpha,
+            baseTransform,
+            (flowTransactionOpen ? candidateFlow : committedFlow)[emitterIndex]
+          );
+        }
+      } finally {
+        context.restore();
+      }
+    },
+    get cacheEntries() {
+      return rasterCache.totalSize;
+    },
+    dispose() {
+      if (disposed) return;
+      ledgerTransactionOpen = false;
+      parameterTransactionOpen = false;
+      disposed = true;
+      committedFlow = [];
+      candidateFlow = [];
+      let firstError;
+      try {
+        ledger.dispose();
+      } catch (error) {
+        firstError = error;
+      }
+      try {
+        rasterCache.dispose();
+      } catch (error) {
+        firstError ??= error;
+      } finally {
+        colorStrings.clear();
+      }
+      if (firstError !== void 0) throw firstError;
+    }
+  };
+  return executor;
+}
+export {
+  createCanvasParticleExecutor
+};
+//# sourceMappingURL=executor.js.map

package/dist/features/particles/lib/canvas/executor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/features/particles/lib/canvas/executor.ts"],
+  "sourcesContent": ["import { getFlowController2D, type PibblFlowField2D } from \"../flow/hook.js\";\nimport { FlowParticlePopulation2D } from \"../flow/population.js\";\nimport type { RenderingContext2D } from \"@pibbl/core\";\nimport type { PibblInternalRenderOwner } from \"@pibbl/core/internal\";\nimport type { CompiledEffect2D, CompiledEmitter2D } from \"../compiler.js\";\nimport { mix32 } from \"../random.js\";\nimport {\n  Particle2DRegister,\n  sampleParticle2D,\n  type ParticleBirthView,\n} from \"../sample.js\";\nimport type {\n  ParticleBindingBurstRequest,\n  ParticleBindingBurstResult,\n  ParticleBindingCandidate,\n  ParticleBindingFrameState,\n  ParticleSystemFrame,\n} from \"../system/binding.js\";\nimport {\n  CANVAS_LEDGER_NO_SLOT,\n  createCanvasBirthLedger,\n  type CanvasBirthFrameSummary,\n  type CanvasEmitterLedger,\n  type CanvasLedgerGeneration,\n} from \"./birth-ledger.js\";\nimport { createCanvasRasterCache } from \"./raster-cache.js\";\n\nconst TAU = Math.PI * 2;\nconst DEGREES_TO_RADIANS = Math.PI / 180;\nconst COMPLEX_RASTER_REUSE_THRESHOLD = 3;\n\nexport interface CanvasParticleExecutorOptions {\n  readonly flow?: PibblFlowField2D;\n  readonly owner: PibblInternalRenderOwner;\n  readonly compiled: CompiledEffect2D;\n  readonly parameters: Readonly<Float64Array>;\n  readonly requestRender: () => void;\n  readonly currentSpawnEpoch?: () => number;\n  readonly spawnParameters: (epoch: number) => Readonly<Float64Array>;\n  readonly retainSpawnEpoch: (epoch: number) => void;\n  readonly releaseSpawnEpoch: (epoch: number) => void;\n}\n\nexport interface CanvasParticleExecutor extends ParticleBindingCandidate {\n  readonly compiled: CompiledEffect2D;\n  requestedBurstCount(\n    emitterIndex: number,\n    count: number | undefined,\n    seed: number,\n  ): number;\n  emitBurst(request: ParticleBindingBurstRequest): ParticleBindingBurstResult;\n  prepareParameters(parameters: Readonly<Float64Array>): void;\n  draw(\n    context: RenderingContext2D,\n    contentBox: Readonly<{\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    }>,\n    opacity: number,\n    overflow: \"visible\" | \"clip\",\n  ): void;\n  readonly cacheEntries: number;\n}\n\ninterface MutableParticleBirth extends ParticleBirthView {\n  seed: number;\n  ordinal: number;\n  birthTimeMilliseconds: number;\n}\n\nfunction copyParameters(values: Readonly<Float64Array>): Float64Array {\n  return new Float64Array(values);\n}\n\nfunction summaryToFrameState(\n  value: CanvasBirthFrameSummary,\n): ParticleBindingFrameState {\n  return {\n    liveCount: value.liveCount,\n    nextAutomaticBirthMilliseconds: value.nextAutomaticBirthMilliseconds,\n    latestDeathMilliseconds: value.latestDeathMilliseconds,\n  };\n}\n\nfunction imageWidth(source: CanvasImageSource): number {\n  if (source instanceof HTMLVideoElement) {\n    return source.videoWidth;\n  }\n  if (source instanceof HTMLImageElement) {\n    return source.naturalWidth || source.width;\n  }\n  const sized = source as {\n    readonly width?: unknown;\n    readonly displayWidth?: unknown;\n  };\n  if (typeof sized.width === \"number\") return sized.width;\n  return typeof sized.displayWidth === \"number\" ? sized.displayWidth : 0;\n}\n\nfunction imageHeight(source: CanvasImageSource): number {\n  if (source instanceof HTMLVideoElement) {\n    return source.videoHeight;\n  }\n  if (source instanceof HTMLImageElement) {\n    return source.naturalHeight || source.height;\n  }\n  const sized = source as {\n    readonly height?: unknown;\n    readonly displayHeight?: unknown;\n  };\n  if (typeof sized.height === \"number\") return sized.height;\n  return typeof sized.displayHeight === \"number\" ? sized.displayHeight : 0;\n}\n\nfunction quantizedDimension(value: number): number {\n  return Math.min(16_384, Math.max(1, Math.round(Math.abs(value))));\n}\n\nfunction colorChannel(value: number): number {\n  return Math.max(0, Math.min(255, Math.round(value * 255)));\n}\n\nfunction colorKey(red: number, green: number, blue: number): number {\n  return (\n    (colorChannel(red) << 16) | (colorChannel(green) << 8) | colorChannel(blue)\n  );\n}\n\nfunction colorString(red: number, green: number, blue: number): string {\n  return `rgb(${colorChannel(red)} ${colorChannel(green)} ${colorChannel(blue)})`;\n}\n\nfunction assertDecodedSpriteSources(compiled: CompiledEffect2D): void {\n  for (const emitter of compiled.emitters) {\n    const renderer = emitter.renderer;\n    if (renderer.type !== \"sprite\") continue;\n    const width = imageWidth(renderer.source);\n    const height = imageHeight(renderer.source);\n    if (\n      (renderer.source instanceof HTMLImageElement &&\n        (!renderer.source.complete || renderer.source.naturalWidth <= 0)) ||\n      (renderer.source instanceof HTMLVideoElement &&\n        renderer.source.readyState < HTMLMediaElement.HAVE_CURRENT_DATA) ||\n      !Number.isFinite(width) ||\n      !Number.isFinite(height) ||\n      width <= 0 ||\n      height <= 0\n    ) {\n      throw new TypeError(\n        `Pibbl Canvas particle emitter \"${emitter.name}\" requires a decoded sprite source with finite dimensions.`,\n      );\n    }\n  }\n}\n\nfunction missesContentBox(\n  emitter: CompiledEmitter2D,\n  ledger: CanvasEmitterLedger,\n  width: number,\n  height: number,\n): boolean {\n  const bounds = emitter.bounds;\n  if (bounds === undefined) return false;\n  const [minX, minY] = bounds.min;\n  const [maxX, maxY] = bounds.max;\n  if (\n    !Number.isFinite(minX) ||\n    !Number.isFinite(minY) ||\n    !Number.isFinite(maxX) ||\n    !Number.isFinite(maxY)\n  ) {\n    return false;\n  }\n  let slot = ledger.oldestSlot;\n  let visited = 0;\n  while (slot !== CANVAS_LEDGER_NO_SLOT && visited < ledger.liveCount) {\n    const originX = ledger.origins[slot * 2]!;\n    const originY = ledger.origins[slot * 2 + 1]!;\n    if (\n      maxX + originX >= 0 &&\n      maxY + originY >= 0 &&\n      minX + originX <= width &&\n      minY + originY <= height\n    ) {\n      return false;\n    }\n    slot = ledger.ageOrder[slot]!;\n    visited += 1;\n  }\n  return true;\n}\n\nfunction createOwnedRaster(\n  width: number,\n  height: number,\n  paint: (context: OffscreenCanvasRenderingContext2D) => void,\n): ImageBitmap {\n  const surface = new OffscreenCanvas(width, height);\n  const context = surface.getContext(\"2d\");\n  if (context === null) {\n    throw new Error(\"Pibbl Canvas particle rasterization requires a 2D context.\");\n  }\n  paint(context);\n  return surface.transferToImageBitmap();\n}\n\n/** Creates the renderer-owned, transactional Canvas execution candidate. */\nexport function createCanvasParticleExecutor(\n  options: CanvasParticleExecutorOptions,\n): CanvasParticleExecutor {\n  const { compiled } = options;\n  const flow = options.flow === undefined ? undefined : getFlowController2D(options.flow);\n  if (flow) {\n    for (const emitter of compiled.emitters) {\n      if (emitter.motion.some((module) => module.type !== \"angularVelocity\") ||\n        !Array.isArray(emitter.initial.velocity) ||\n        emitter.initial.velocity.some((value) => value.kind !== \"constant\" || value.value !== 0)) {\n        throw new TypeError(\"Flow-bound particles use field velocity; put translational forces on useFlowSource2D instead of particle motion or initial velocity.\");\n      }\n    }\n  }\n  let committedFlow = flow ? compiled.emitters.map((emitter) => new FlowParticlePopulation2D(emitter.capacity)) : [];\n  let candidateFlow = flow ? compiled.emitters.map((emitter) => new FlowParticlePopulation2D(emitter.capacity)) : [];\n  let flowTransactionOpen = false;\n  const parameterLength = compiled.parameterLayout.defaults.length;\n  if (options.parameters.length !== parameterLength) {\n    throw new RangeError(\n      \"Pibbl Canvas particle parameter register length mismatch.\",\n    );\n  }\n  assertDecodedSpriteSources(compiled);\n\n  const ledger = createCanvasBirthLedger(compiled, {\n    retainSpawnEpoch: options.retainSpawnEpoch,\n    releaseSpawnEpoch: options.releaseSpawnEpoch,\n  });\n  const rasterCache = createCanvasRasterCache();\n  const registers = new Float64Array(13);\n  const resolvedParameters = new Float64Array(parameterLength);\n  const committedParameters = copyParameters(options.parameters);\n  const candidateParameters = copyParameters(options.parameters);\n  const birth: MutableParticleBirth = {\n    seed: 0,\n    ordinal: 0,\n    birthTimeMilliseconds: 0,\n  };\n  const colorStrings = new Map<number, string>();\n  const primeColor = (red: number, green: number, blue: number): void => {\n    colorStrings.set(colorKey(red, green, blue), colorString(red, green, blue));\n  };\n  for (const emitter of compiled.emitters) {\n    const initialColor = emitter.initial.color;\n    if (initialColor.kind === \"constant\") {\n      primeColor(\n        initialColor.color[0],\n        initialColor.color[1],\n        initialColor.color[2],\n      );\n    } else if (initialColor.kind === \"choice\") {\n      for (const sample of initialColor.samples) {\n        primeColor(sample[0], sample[1], sample[2]);\n      }\n    }\n    const gradient = emitter.appearance.color;\n    if (gradient !== null) {\n      for (let index = 0; index < gradient.samples.length; index += 4) {\n        primeColor(\n          gradient.samples[index]!,\n          gradient.samples[index + 1]!,\n          gradient.samples[index + 2]!,\n        );\n      }\n    }\n  }\n  let committedEffectTime = 0;\n  let candidateEffectTime = 0;\n  let committedRunSeed = 0;\n  let candidateRunSeed = 0;\n  let parameterTransactionOpen = false;\n  let ledgerTransactionOpen = false;\n  let disposed = false;\n\n  function requireActive(): void {\n    if (disposed) throw new Error(\"Pibbl Canvas particle executor is disposed.\");\n  }\n\n  function selectedGeneration(): CanvasLedgerGeneration {\n    return ledgerTransactionOpen ? ledger.candidate : ledger.committed;\n  }\n\n  function selectedParameters(): Readonly<Float64Array> {\n    return parameterTransactionOpen ? candidateParameters : committedParameters;\n  }\n\n  function selectedEffectTime(): number {\n    return ledgerTransactionOpen ? candidateEffectTime : committedEffectTime;\n  }\n\n  function selectedRunSeed(): number {\n    return ledgerTransactionOpen ? candidateRunSeed : committedRunSeed;\n  }\n\n  function resolveParameters(\n    current: Readonly<Float64Array>,\n    spawnEpoch: number,\n  ): Readonly<Float64Array> {\n    resolvedParameters.set(current);\n    const spawned = options.spawnParameters(spawnEpoch);\n    const mask = compiled.parameterLayout.spawnMask;\n    for (let index = 0; index < mask.length; index += 1) {\n      if (mask[index] === 1) resolvedParameters[index] = spawned[index]!;\n    }\n    return resolvedParameters;\n  }\n\n  function beginFlowTransaction(): void {\n    if (!flow || flowTransactionOpen) return;\n    for (let i = 0; i < committedFlow.length; i++) candidateFlow[i]!.copyFrom(committedFlow[i]!);\n    flowTransactionOpen = true;\n  }\n\n  function advanceFlow(): void {\n    if (!flow) return;\n    beginFlowTransaction();\n    const generation = ledger.candidate;\n    for (let i = 0; i < compiled.emitters.length; i++) {\n      const emitter = compiled.emitters[i]!;\n      const births = generation.emitters[i]!;\n      const population = candidateFlow[i]!;\n      let slot = births.oldestSlot, visited = 0;\n      while (slot !== CANVAS_LEDGER_NO_SLOT && visited++ < births.liveCount) {\n        const identity = births.ordinals[slot]!;\n        const time = births.birthTimes[slot]!;\n        if (!population.hasBirth(slot, identity, time)) {\n          birth.seed = mix32((candidateRunSeed >>> 0) ^ (births.seedSalts[slot]! >>> 0));\n          birth.ordinal = identity;\n          birth.birthTimeMilliseconds = time;\n          sampleParticle2D(emitter, birth, time, resolveParameters(selectedParameters(), births.spawnEpochs[slot]!), registers);\n          population.birth(slot, identity, time,\n            registers[Particle2DRegister.X]! + births.origins[slot * 2]!,\n            registers[Particle2DRegister.Y]! + births.origins[slot * 2 + 1]!);\n        }\n        slot = births.ageOrder[slot]!;\n      }\n      population.advance(flow.requireActive(), births.oldestSlot, births.ageOrder, births.liveCount, candidateEffectTime);\n    }\n  }\n\n  function fillColor(context: RenderingContext2D): number {\n    const red = registers[Particle2DRegister.Red]!;\n    const green = registers[Particle2DRegister.Green]!;\n    const blue = registers[Particle2DRegister.Blue]!;\n    const key = colorKey(red, green, blue);\n    let value = colorStrings.get(key);\n    if (value === undefined) {\n      value = colorString(red, green, blue);\n      colorStrings.set(key, value);\n    }\n    context.fillStyle = value;\n    return key;\n  }\n\n  function drawPathRaster(\n    context: RenderingContext2D,\n    path: Path2D,\n    width: number,\n    height: number,\n    colorKey: number,\n  ): void {\n    const rasterWidth = quantizedDimension(width);\n    const rasterHeight = quantizedDimension(height);\n    const key =\n      colorKey * 268_435_456 + (rasterWidth - 1) * 16_384 + rasterHeight - 1;\n    let raster = rasterCache.find<ImageBitmap>(path, key);\n    if (raster === undefined) {\n      raster = rasterCache.insert(\n        path,\n        key,\n        createOwnedRaster(rasterWidth, rasterHeight, (rasterContext) => {\n          rasterContext.fillStyle = context.fillStyle;\n          rasterContext.translate(rasterWidth / 2, rasterHeight / 2);\n          rasterContext.scale(rasterWidth, rasterHeight);\n          rasterContext.fill(path);\n        }),\n      );\n    }\n    context.drawImage(\n      raster,\n      -Math.abs(width) / 2,\n      -Math.abs(height) / 2,\n      Math.abs(width),\n      Math.abs(height),\n    );\n  }\n\n  function drawEmitter(\n    context: RenderingContext2D,\n    emitter: CompiledEmitter2D,\n    emitterLedger: CanvasEmitterLedger,\n    currentParameters: Readonly<Float64Array>,\n    effectTime: number,\n    runSeed: number,\n    componentOpacity: number,\n    baseAlpha: number,\n    baseTransform: DOMMatrix,\n    population: FlowParticlePopulation2D | undefined,\n  ): void {\n    const renderer = emitter.renderer;\n    const spriteSourceWidth =\n      renderer.type === \"sprite\" ? imageWidth(renderer.source) : 0;\n    const spriteSourceHeight =\n      renderer.type === \"sprite\" ? imageHeight(renderer.source) : 0;\n    context.globalCompositeOperation =\n      renderer.blend === \"additive\" ? \"lighter\" : \"source-over\";\n\n    const { a, b, c, d, e, f } = baseTransform;\n    let slot = emitterLedger.oldestSlot;\n    let visited = 0;\n    while (\n      slot !== CANVAS_LEDGER_NO_SLOT &&\n      visited < emitterLedger.liveCount\n    ) {\n      const next = emitterLedger.ageOrder[slot]!;\n      visited += 1;\n      if (emitterLedger.occupied[slot] === 1 && !population?.isRetired(slot)) {\n        birth.seed = mix32(\n          (runSeed >>> 0) ^ (emitterLedger.seedSalts[slot]! >>> 0),\n        );\n        birth.ordinal = emitterLedger.ordinals[slot]!;\n        birth.birthTimeMilliseconds = emitterLedger.birthTimes[slot]!;\n        const parameters = resolveParameters(\n          currentParameters,\n          emitterLedger.spawnEpochs[slot]!,\n        );\n        if (\n          sampleParticle2D(emitter, birth, effectTime, parameters, registers)\n        ) {\n          const alpha = registers[Particle2DRegister.Alpha]! * componentOpacity;\n          if (alpha > 0) {\n            const width = registers[Particle2DRegister.SizeX]!;\n            const height = registers[Particle2DRegister.SizeY]!;\n            const x = population ? population.positions[slot * 2]! :\n              registers[Particle2DRegister.X]! + emitterLedger.origins[slot * 2]!;\n            const y = population ? population.positions[slot * 2 + 1]! :\n              registers[Particle2DRegister.Y]! + emitterLedger.origins[slot * 2 + 1]!;\n            const angle = registers[Particle2DRegister.Rotation]! * DEGREES_TO_RADIANS;\n            // Compose B \u00D7 translate(x, y) \u00D7 rotate(angle) in one Canvas call.\n            // Zero rotation is common for smoke and avoids trigonometry entirely.\n            const cosine = angle === 0 ? 1 : Math.cos(angle);\n            const sine = angle === 0 ? 0 : Math.sin(angle);\n            context.setTransform(\n              a * cosine + c * sine, b * cosine + d * sine,\n              c * cosine - a * sine, d * cosine - b * sine,\n              a * x + c * y + e, b * x + d * y + f,\n            );\n            context.globalAlpha = baseAlpha * alpha;\n            const colorKey = renderer.type === \"sprite\" ? 0 : fillColor(context);\n\n            switch (renderer.type) {\n              case \"circle\":\n                context.beginPath();\n                context.arc(0, 0, Math.abs(width) / 2, 0, TAU);\n                context.fill();\n                break;\n              case \"rectangle\": {\n                const drawWidth = Math.abs(width) * (renderer.aspectRatio ?? 1);\n                const drawHeight = Math.abs(height);\n                context.beginPath();\n                context.rect(\n                  -drawWidth / 2,\n                  -drawHeight / 2,\n                  drawWidth,\n                  drawHeight,\n                );\n                context.fill();\n                break;\n              }\n              case \"path\":\n                if (emitterLedger.liveCount >= COMPLEX_RASTER_REUSE_THRESHOLD) {\n                  drawPathRaster(\n                    context,\n                    renderer.path,\n                    width,\n                    height,\n                    colorKey,\n                  );\n                } else {\n                  context.scale(width, height);\n                  context.fill(renderer.path);\n                }\n                break;\n              case \"sprite\": {\n                if (spriteSourceWidth <= 0 || spriteSourceHeight <= 0) break;\n                const anchorX = renderer.anchor?.[0] ?? 0.5;\n                const anchorY = renderer.anchor?.[1] ?? 0.5;\n                context.drawImage(\n                  renderer.source,\n                  -anchorX * Math.abs(width),\n                  -anchorY * Math.abs(height),\n                  Math.abs(width),\n                  Math.abs(height),\n                );\n                break;\n              }\n            }\n          }\n        }\n      }\n      slot = next;\n    }\n  }\n\n  const executor: CanvasParticleExecutor = {\n    owner: options.owner,\n    backend: \"canvas\",\n    execution: flow ? \"flow-canvas\" : \"stateless-canvas\",\n    compiled,\n\n    get parameters(): Readonly<Float64Array> {\n      return selectedParameters();\n    },\n\n    requestRender(): void {\n      options.requestRender();\n    },\n\n    prepareParameters(parameters): void {\n      requireActive();\n      if (parameters.length !== parameterLength) {\n        throw new RangeError(\n          \"Pibbl Canvas particle parameter register length mismatch.\",\n        );\n      }\n      candidateParameters.set(parameters);\n      parameterTransactionOpen = true;\n    },\n\n    adoptFrame(frame: ParticleSystemFrame): ParticleBindingFrameState {\n      requireActive();\n      ledgerTransactionOpen = true;\n      candidateEffectTime = frame.effectTimeMilliseconds;\n      candidateRunSeed = frame.seed;\n      const epoch = options.currentSpawnEpoch?.() ?? 0;\n      const summary = ledger.adoptFrame(frame, epoch, options.spawnParameters(epoch));\n      advanceFlow();\n      return summaryToFrameState(summary);\n    },\n\n    requestedBurstCount(emitterIndex, count, seed): number {\n      requireActive();\n      return ledger.requestedManualBirths(emitterIndex, count, seed);\n    },\n\n    emitBurst(\n      request: ParticleBindingBurstRequest,\n    ): ParticleBindingBurstResult {\n      requireActive();\n      if (request.origin.length !== 2) {\n        throw new TypeError(\n          \"Pibbl Canvas particle burst origin must be two-dimensional.\",\n        );\n      }\n      ledgerTransactionOpen = true;\n      candidateEffectTime = request.birthTimeMilliseconds;\n      candidateRunSeed = request.seed;\n      const result = ledger.emitManualSources({\n        generation: request.generation,\n        emitterIndex: request.emitterIndex,\n        count: request.count,\n        birthTimeMilliseconds: request.birthTimeMilliseconds,\n        seed: request.seed,\n        seedSalt: request.seedSalt,\n        origin: request.origin,\n        spawnEpoch: request.spawnEpoch,\n        parameters: options.spawnParameters(request.spawnEpoch),\n      });\n      advanceFlow();\n      const frameState = ledger.candidateSummary();\n      return {\n        ...summaryToFrameState(frameState),\n        requested: result.requested,\n        accepted: result.accepted,\n        rejected: result.rejected,\n      };\n    },\n\n    clear(): ParticleBindingFrameState {\n      requireActive();\n      ledgerTransactionOpen = true;\n      ledger.clear();\n      beginFlowTransaction();\n      for (const population of candidateFlow) population.clear();\n      return summaryToFrameState(ledger.candidateSummary());\n    },\n\n    finishTransaction(success: boolean): void {\n      requireActive();\n      if (flowTransactionOpen) {\n        if (success) { const previous = committedFlow; committedFlow = candidateFlow; candidateFlow = previous; }\n        flowTransactionOpen = false;\n      }\n      if (ledgerTransactionOpen) {\n        ledger.finishTransaction(success);\n        if (success) {\n          committedEffectTime = candidateEffectTime;\n          committedRunSeed = candidateRunSeed;\n        } else {\n          candidateEffectTime = committedEffectTime;\n          candidateRunSeed = committedRunSeed;\n        }\n        ledgerTransactionOpen = false;\n      }\n      if (parameterTransactionOpen) {\n        if (success) committedParameters.set(candidateParameters);\n        else candidateParameters.set(committedParameters);\n        parameterTransactionOpen = false;\n      }\n    },\n\n    draw(context, contentBox, opacity, overflow): void {\n      requireActive();\n      const generation = selectedGeneration();\n      const parameters = selectedParameters();\n      const effectTime = selectedEffectTime();\n      const runSeed = selectedRunSeed();\n      context.save();\n      try {\n        context.translate(contentBox.x, contentBox.y);\n        if (overflow === \"clip\") {\n          context.beginPath();\n          context.rect(0, 0, contentBox.width, contentBox.height);\n          context.clip();\n        }\n        const baseAlpha = context.globalAlpha;\n        const baseTransform = context.getTransform();\n        for (\n          let emitterIndex = 0;\n          emitterIndex < compiled.emitters.length;\n          emitterIndex += 1\n        ) {\n          const emitter = compiled.emitters[emitterIndex]!;\n          const emitterLedger = generation.emitters[emitterIndex]!;\n          if (\n            !flow && missesContentBox(\n              emitter,\n              emitterLedger,\n              contentBox.width,\n              contentBox.height,\n            )\n          )\n            continue;\n          drawEmitter(\n            context,\n            emitter,\n            emitterLedger,\n            parameters,\n            effectTime,\n            runSeed,\n            opacity,\n            baseAlpha,\n            baseTransform,\n            (flowTransactionOpen ? candidateFlow : committedFlow)[emitterIndex],\n          );\n        }\n      } finally {\n        context.restore();\n      }\n    },\n\n    get cacheEntries(): number {\n      return rasterCache.totalSize;\n    },\n\n    dispose(): void {\n      if (disposed) return;\n      ledgerTransactionOpen = false;\n      parameterTransactionOpen = false;\n      disposed = true;\n      committedFlow = [];\n      candidateFlow = [];\n      let firstError: unknown;\n      try {\n        ledger.dispose();\n      } catch (error) {\n        firstError = error;\n      }\n      try {\n        rasterCache.dispose();\n      } catch (error) {\n        firstError ??= error;\n      } finally {\n        colorStrings.clear();\n      }\n      if (firstError !== undefined) throw firstError;\n    },\n  };\n  return executor;\n}\n"],
+  "mappings": "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",
+  "names": ["colorKey"]
+}

package/dist/features/particles/lib/canvas/primitive.d.ts

@@ -0,0 +1,14 @@
+import { type ResolvedBoxStyle, type SystemStyle } from "@pibbl/core";
+import type { PibblParticleCommonProps, PibblParticleParameterValues, Particles2DStyle } from "../types.js";
+import type { CanvasParticleExecutor } from "./executor.js";
+export interface ParticleCanvasPrimitiveProps {
+    readonly executor: CanvasParticleExecutor;
+    readonly interaction: PibblParticleCommonProps<PibblParticleParameterValues>;
+}
+export interface ResolvedParticles2DStyle extends SystemStyle, ResolvedBoxStyle {
+    readonly opacity: number;
+    readonly overflow: "visible" | "clip";
+    readonly cursor?: string;
+}
+/** The single private paint primitive returned by every Particles2D component. */
+export declare const ParticleCanvasPrimitive: import("@pibbl/core").PibblPrimitiveComponent<ParticleCanvasPrimitiveProps, import("@pibbl/core").PrimitiveInput<ParticleCanvasPrimitiveProps, Particles2DStyle>>;