pixi-effects 0.26.1 → 0.26.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.26.2
+
+**Fixed**
+
+- **`music`: `G7`, `A7`, `E7`, `Bb7`, `C6`, `C5`, `D9` were read as single notes** (`G7` = the note G in octave 7, about 3 kHz) instead of chords, with no warning, and the documented example `G7:4` had the bug. The rule is now one line: **a capital letter starts a chord, a lowercase one is a note** (`G7` the chord, `g7` the note). A bare note in capitals (`Bb2`) is refused with its lowercase spelling (`bb2`), inside brackets any case is a note, and an unknown chord kind suggests the nearest (`Cmin7` → `Cm7`, `Csus` → `Csus4`). Scores that wrote notes in capitals (the gallery's spring-marquee did) need lowercase.
+
+**Changed**
+
+- **Video layers read frames in one decoder pass, not one seek per frame.** A render with a video layer is much faster: 1080p, 8 s, one layer 10.6 s → 6.1 s (the same as no video), four layers of one file 22.5 s → 6.8 s, reverse playback 11 s → 6.7 s (measured on an M1 Pro; a `getSample` per frame cost 19-25 ms, a pass under 1 ms). The pictures are the same (a snapshot of 125 frames in order, out of order, at speed 2 / 0.5 / -1 and looped matched the old reader byte for byte). Live playback is smoother too (measured by reading which frame is on screen every animation frame, 1080p, 6 s): the old reader fell behind as soon as the footage was heavy or there were several layers (one heavy layer: 79 % of the frames late, 14.5 distinct frames a second; four heavy layers: 95 % late, 6.6 a second); the new one keeps 30 a second in every case tried (0 to 0.3 % late), and a 30 s loop with two heavy layers showed no warning. Dragging the playhead forward costs about 4 ms a step instead of 62 ms; a far jump (a seek) is one frame as before (about 65 ms on heavy footage); reverse play and dragging backwards are much faster on average but still pause for 0.1-0.2 s about every 30 frames and at each loop wrap. A video layer now holds decoded frames up to about 96 MB (never fewer than 3) instead of 30 whatever the size, so a 4K layer no longer holds hundreds of MB.
+
 ## 0.26.1
 
 **Fixed**

package/README.md

@@ -1,6 +1,6 @@
 # pixi-effects
 
-> **Status**: experimental — current release `0.26.1`. The API may still change between minor versions; see the [CHANGELOG](./CHANGELOG.md) for what each release changed.
+> **Status**: experimental — current release `0.26.2`. The API may still change between minor versions; see the [CHANGELOG](./CHANGELOG.md) for what each release changed.
 
 **[Guide →](https://yjmtmtk.github.io/pixi-effects/guide/)** · **[Gallery →](https://yjmtmtk.github.io/pixi-effects/examples/gallery/)** · 50 portfolio pieces written as plain data by AI models · **[Examples →](https://yjmtmtk.github.io/pixi-effects/examples/)** · 15 numbered examples, a music lab + an in-browser playground.
 
@@ -51,8 +51,8 @@ Drop the imports into an [importmap](https://developer.mozilla.org/docs/Web/HTML
     "gsap":                    "https://esm.sh/gsap@3.12.5",
     "gsap/PixiPlugin":         "https://esm.sh/gsap@3.12.5/PixiPlugin",
     "mediabunny":              "https://esm.sh/mediabunny",
-    "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/index.js",
-    "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/Controller.js"
+    "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/index.js",
+    "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/Controller.js"
   }
 }
 </script>
@@ -63,7 +63,7 @@ Drop the imports into an [importmap](https://developer.mozilla.org/docs/Web/HTML
 </script>
 ```
 
-Load the `dist/` files **as they are** (jsDelivr's `/npm/…/dist/…`, or unpkg's `https://unpkg.com/pixi-effects@0.26.1/dist/index.js`) rather than a CDN-rebundled build such as `esm.sh/pixi-effects` or jsDelivr's `+esm`: the entries (`pixi-effects`, `…/controller`, `…/three`) share internal chunks, which only works when each file is served untouched.
+Load the `dist/` files **as they are** (jsDelivr's `/npm/…/dist/…`, or unpkg's `https://unpkg.com/pixi-effects@0.26.2/dist/index.js`) rather than a CDN-rebundled build such as `esm.sh/pixi-effects` or jsDelivr's `+esm`: the entries (`pixi-effects`, `…/controller`, `…/three`) share internal chunks, which only works when each file is served untouched.
 
 > **Using three.js?** Add two more entries (`three` and `pixi-effects/three`) to this importmap — see [Adding three.js](#adding-threejs-optional) below.
 >
@@ -79,7 +79,7 @@ Add two more entries to the importmap above: three.js itself, and the `pixi-effe
   "imports": {
     "...":                     "(everything from the importmap above)",
     "three":                   "https://esm.sh/three@0.178.0",
-    "pixi-effects/three":      "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/three.js"
+    "pixi-effects/three":      "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/three.js"
   }
 }
 </script>
@@ -173,7 +173,7 @@ sequences: [
 This library is designed to be written by AI: a video is plain data, and every mistake we found while having AI sessions build test animations is either warned about at runtime or written down.
 
 - [`llms.txt`](./llms.txt) / [`llms-full.txt`](./llms-full.txt) — index and full text for LLM tooling (generated from the files below).
-- [`skills/pixi-effects/SKILL.md`](./skills/pixi-effects/SKILL.md) — a [skill](https://docs.claude.com/en/docs/claude-code/skills) (workflow, rules, verification loop). Copy the `ai/` folder to `~/.claude/skills/pixi-effects/` (or your project's `.claude/skills/`) to have Claude load it automatically when you ask for a video.
+- [`skills/pixi-effects/SKILL.md`](./skills/pixi-effects/SKILL.md) — a [skill](https://docs.claude.com/en/docs/claude-code/skills) (workflow, rules, verification loop). Install it with `npx skills add yjmtmtk/pixi-effects` (or copy the `skills/pixi-effects/` folder to `~/.claude/skills/pixi-effects/` or your project's `.claude/skills/`) and your agent loads it by itself when you ask for a video.
 - [`skills/pixi-effects/reference/cheatsheet.md`](./skills/pixi-effects/reference/cheatsheet.md), [`recipes.md`](./skills/pixi-effects/reference/recipes.md) (tested), [`pitfalls.md`](./skills/pixi-effects/reference/pitfalls.md), and a starter [`skills/pixi-effects/template.html`](./skills/pixi-effects/template.html).
 
 - **Look at a page with its timeline, and scrub one with the other:** `npx pixi-effects view my-video.html` (or `node ai/tools/view.mjs …`) opens your browser on a viewer: the page on top, the timeline of every layer under it with a playhead that follows the movie. Click or drag the timeline to seek, click a layer's name to jump to where it starts, Space plays, ← / → step a frame, + / − (or Ctrl/⌘ + wheel) zoom, the names stay in place. For the human who wants to see what the AI made.

package/ai/chat-template.html

@@ -61,9 +61,9 @@
       "gsap":                    "https://cdn.jsdelivr.net/npm/gsap@3.12.5/+esm",
       "gsap/PixiPlugin":         "https://cdn.jsdelivr.net/npm/gsap@3.12.5/PixiPlugin/+esm",
       "mediabunny":              "https://cdn.jsdelivr.net/npm/mediabunny@1.61.3/+esm",
-      "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/index.js",
-      "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/Controller.js",
-      "pixi-effects/presenter":  "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.1/dist/Presenter.js"
+      "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/index.js",
+      "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/Controller.js",
+      "pixi-effects/presenter":  "https://cdn.jsdelivr.net/npm/pixi-effects@0.26.2/dist/Presenter.js"
     }
   }
   </script>

package/dist/Composition-H4QA24MV.js

@@ -0,0 +1,7 @@
+export { CompositionSequence } from './chunk-GBUM7X2S.js';
+import './chunk-X3HB4DSR.js';
+import './chunk-AXZUKNXF.js';
+import './chunk-TLYTYBWX.js';
+import './chunk-BXOCEZ4U.js';
+//# sourceMappingURL=Composition-H4QA24MV.js.map
+//# sourceMappingURL=Composition-H4QA24MV.js.map

package/dist/{Composition-Z2VY3KWZ.js.map → Composition-H4QA24MV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-Z2VY3KWZ.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-H4QA24MV.js"}

package/dist/Composition-HM4YT5L7.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk555URQHQ_cjs = require('./chunk-555URQHQ.cjs');
+require('./chunk-WPXDRSGN.cjs');
+require('./chunk-3DLYAPK7.cjs');
+require('./chunk-ECA2WNRX.cjs');
+require('./chunk-TWZNOUM7.cjs');
+
+
+
+Object.defineProperty(exports, "CompositionSequence", {
+  enumerable: true,
+  get: function () { return chunk555URQHQ_cjs.CompositionSequence; }
+});
+//# sourceMappingURL=Composition-HM4YT5L7.cjs.map
+//# sourceMappingURL=Composition-HM4YT5L7.cjs.map

package/dist/{Composition-THQPG4E5.cjs.map → Composition-HM4YT5L7.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-THQPG4E5.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Composition-HM4YT5L7.cjs"}

package/dist/{chunk-H3RHEH5W.cjs → chunk-555URQHQ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkEABL3UKJ_cjs = require('./chunk-EABL3UKJ.cjs');
+var chunkWPXDRSGN_cjs = require('./chunk-WPXDRSGN.cjs');
 var chunk3DLYAPK7_cjs = require('./chunk-3DLYAPK7.cjs');
 var chunkECA2WNRX_cjs = require('./chunk-ECA2WNRX.cjs');
 var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
@@ -34,10 +34,10 @@ var KIND_ALIASES = {
   fill: "ambient"
 };
 function lightKindProblem(kind) {
-  if (kind === void 0 || typeof kind === "string" && chunkEABL3UKJ_cjs.LIGHT_KINDS.includes(kind)) return null;
-  const guess = typeof kind === "string" ? KIND_ALIASES[kind.toLowerCase()] ?? chunkTWZNOUM7_cjs.suggestName(kind, chunkEABL3UKJ_cjs.LIGHT_KINDS) : null;
+  if (kind === void 0 || typeof kind === "string" && chunkWPXDRSGN_cjs.LIGHT_KINDS.includes(kind)) return null;
+  const guess = typeof kind === "string" ? KIND_ALIASES[kind.toLowerCase()] ?? chunkTWZNOUM7_cjs.suggestName(kind, chunkWPXDRSGN_cjs.LIGHT_KINDS) : null;
   const shown = typeof kind === "string" ? `"${kind}"` : String(kind);
-  return `kind ${shown} is not a light kind${guess ? `; did you mean "${guess}"?` : ""} (use ${chunkEABL3UKJ_cjs.LIGHT_KINDS.join(", ")}); point is used`;
+  return `kind ${shown} is not a light kind${guess ? `; did you mean "${guess}"?` : ""} (use ${chunkWPXDRSGN_cjs.LIGHT_KINDS.join(", ")}); point is used`;
 }
 var LIGHT_ALIASES = {
   pointOfInterest: 'did you mean "lookAtX / lookAtY / lookAtZ"?',
@@ -62,24 +62,24 @@ function lightLayerProblems(spec) {
   const raw = spec;
   const kind = lightKindProblem(raw.kind);
   if (kind) out.push(kind);
-  if (raw.falloff !== void 0 && !chunkEABL3UKJ_cjs.FALLOFFS.includes(raw.falloff)) {
-    const guess = typeof raw.falloff === "string" ? chunkTWZNOUM7_cjs.suggestName(raw.falloff, chunkEABL3UKJ_cjs.FALLOFFS) : null;
-    out.push(`falloff ${JSON.stringify(raw.falloff)} is not supported${guess ? `; did you mean "${guess}"?` : ""} (use ${chunkEABL3UKJ_cjs.FALLOFFS.join(", ")}); none is used`);
+  if (raw.falloff !== void 0 && !chunkWPXDRSGN_cjs.FALLOFFS.includes(raw.falloff)) {
+    const guess = typeof raw.falloff === "string" ? chunkTWZNOUM7_cjs.suggestName(raw.falloff, chunkWPXDRSGN_cjs.FALLOFFS) : null;
+    out.push(`falloff ${JSON.stringify(raw.falloff)} is not supported${guess ? `; did you mean "${guess}"?` : ""} (use ${chunkWPXDRSGN_cjs.FALLOFFS.join(", ")}); none is used`);
   }
   for (const k of Object.keys(raw)) {
-    if (chunkEABL3UKJ_cjs.LIGHT_PROPS.includes(k) || k === "intensity" || k === "shadowDarkness" || k === "shadowDiffusion") {
+    if (chunkWPXDRSGN_cjs.LIGHT_PROPS.includes(k) || k === "intensity" || k === "shadowDarkness" || k === "shadowDiffusion") {
       out.push(`"${k}" must go inside initial / keyframes, not on the light itself`);
     } else if (LIGHT_ALIASES[k]) out.push(`"${k}" is not a property \u2014 ${LIGHT_ALIASES[k]}`);
   }
   const explained = new Set(Object.keys(LIGHT_ALIASES));
   for (const k of chunkECA2WNRX_cjs.collectPropKeys(spec)) {
     if (LIGHT_ALIASES[k]) out.push(`"${k}" is not a property \u2014 ${LIGHT_ALIASES[k]}`);
-    else if (!explained.has(k) && !chunkEABL3UKJ_cjs.LIGHT_PROPS.includes(k)) out.push(`"${k}" has no effect on a light (use ${chunkEABL3UKJ_cjs.LIGHT_PROPS.join(", ")})`);
+    else if (!explained.has(k) && !chunkWPXDRSGN_cjs.LIGHT_PROPS.includes(k)) out.push(`"${k}" has no effect on a light (use ${chunkWPXDRSGN_cjs.LIGHT_PROPS.join(", ")})`);
   }
   if (numbersOf(spec, "coneFeather").some((v) => v > 1 || v < 0)) out.push("coneFeather is 0..1 (the soft part of the cone edge, as a fraction of the half angle); it is clamped");
   const big = numbersOf(spec, "intensity").find((v) => v > 10);
   if (big !== void 0) out.push(`intensity ${big} looks like a percentage: it is a multiplier (1 = full, 0.25 = a quarter); did you mean ${big / 100}?`);
-  const kindNow = typeof raw.kind === "string" && chunkEABL3UKJ_cjs.LIGHT_KINDS.includes(raw.kind) ? raw.kind : "point";
+  const kindNow = typeof raw.kind === "string" && chunkWPXDRSGN_cjs.LIGHT_KINDS.includes(raw.kind) ? raw.kind : "point";
   const has = (...keys) => keys.filter((k) => bagsOf(spec).some((b) => b[k] !== void 0));
   const falloffOn = raw.falloff === "smooth" || raw.falloff === "inverseSquare";
   if (kindNow === "ambient" && raw.castsShadows) out.push("an ambient light has no direction, so it makes no shadow: castsShadows is ignored (put it on a point, spot or parallel light)");
@@ -107,17 +107,17 @@ function lightSetProblems(layers) {
     out.push("there is no ambient light, so what no light reaches is black; add { type: 'light', kind: 'ambient', initial: { intensity: 0.25 } }");
   }
   const direct = lights.filter((l) => kindOf(l) !== "ambient");
-  if (direct.length > chunkEABL3UKJ_cjs.MAX_LIGHTS) {
-    const dropped = direct.slice(chunkEABL3UKJ_cjs.MAX_LIGHTS).map((l) => nameOf(l, layers.indexOf(l)));
-    out.push(`${direct.length} lights, but at most ${chunkEABL3UKJ_cjs.MAX_LIGHTS} are used (the first ${chunkEABL3UKJ_cjs.MAX_LIGHTS}, in layer order); ${dropped.join(", ")} and later are dropped. Use fewer lights`);
+  if (direct.length > chunkWPXDRSGN_cjs.MAX_LIGHTS) {
+    const dropped = direct.slice(chunkWPXDRSGN_cjs.MAX_LIGHTS).map((l) => nameOf(l, layers.indexOf(l)));
+    out.push(`${direct.length} lights, but at most ${chunkWPXDRSGN_cjs.MAX_LIGHTS} are used (the first ${chunkWPXDRSGN_cjs.MAX_LIGHTS}, in layer order); ${dropped.join(", ")} and later are dropped. Use fewer lights`);
   }
   const lightsCast = lights.some((l) => kindOf(l) !== "ambient" && l.castsShadows);
   const casters = layers.filter((l) => l.type !== "light" && l.castsShadows && l.threeD);
   if (casters.length > 0 && !lightsCast) out.push(`${casters.length} layer${casters.length > 1 ? "s have" : " has"} castsShadows but no light has castsShadows: add castsShadows: true to the light that should make the shadows`);
   if (lightsCast && casters.length === 0) out.push("a light has castsShadows but no layer has castsShadows: add castsShadows: true to the threeD layers that should cast a shadow");
-  if (lightsCast && casters.length > chunkEABL3UKJ_cjs.MAX_CASTERS) {
-    const dropped = casters.slice(chunkEABL3UKJ_cjs.MAX_CASTERS).map((c) => nameOf(c, layers.indexOf(c)));
-    out.push(`${casters.length} layers cast shadows, but a layer receives shadows from at most ${chunkEABL3UKJ_cjs.MAX_CASTERS} (the first ${chunkEABL3UKJ_cjs.MAX_CASTERS}, in layer order); ${dropped.join(", ")} and later cast none`);
+  if (lightsCast && casters.length > chunkWPXDRSGN_cjs.MAX_CASTERS) {
+    const dropped = casters.slice(chunkWPXDRSGN_cjs.MAX_CASTERS).map((c) => nameOf(c, layers.indexOf(c)));
+    out.push(`${casters.length} layers cast shadows, but a layer receives shadows from at most ${chunkWPXDRSGN_cjs.MAX_CASTERS} (the first ${chunkWPXDRSGN_cjs.MAX_CASTERS}, in layer order); ${dropped.join(", ")} and later cast none`);
   }
   const softLights = lights.filter((l) => l.castsShadows && numbersOf(l, "shadowDiffusion").some((v) => v > 0));
   if (softLights.length >= SOFT_LIGHTS) {
@@ -302,9 +302,9 @@ var roundPixelsBit = {
   name: "round-pixels-bit",
   vertex: { header: `fn roundPixels(position: vec2<f32>, targetSize: vec2<f32>) -> vec2<f32> { return (floor(((position * 0.5 + 0.5) * targetSize) + 0.5) / targetSize) * 2.0 - 1.0; }` }
 };
-var ML = chunkEABL3UKJ_cjs.MAX_LIGHTS;
-var MC = chunkEABL3UKJ_cjs.MAX_CASTERS;
-var TAPS = chunkEABL3UKJ_cjs.SHADOW_TAPS;
+var ML = chunkWPXDRSGN_cjs.MAX_LIGHTS;
+var MC = chunkWPXDRSGN_cjs.MAX_CASTERS;
+var TAPS = chunkWPXDRSGN_cjs.SHADOW_TAPS;
 var SHADOW_KEYS = Array.from({ length: MC }, (_, j) => `uShadow${j}`);
 var WGSL_SHADOW_DECLS = SHADOW_KEYS.map((k, j) => `      @group(2) @binding(${4 + j}) var ${k}: texture_2d<f32>;`).join("\n");
 var WGSL_SHADOW_PICK = SHADOW_KEYS.map((k, j) => (j === 0 ? "" : "else ") + `if (j == ${j}) { a = textureSampleLevel(${k}, uSampler, uv, 0.0).a; }`).join(" ");
@@ -664,8 +664,8 @@ function readLayerTransform(target) {
     x: c.x,
     y: c.y,
     z: c.z ?? 0,
-    rotationX: (c.rotationX ?? 0) * chunkEABL3UKJ_cjs.DEG,
-    rotationY: (c.rotationY ?? 0) * chunkEABL3UKJ_cjs.DEG,
+    rotationX: (c.rotationX ?? 0) * chunkWPXDRSGN_cjs.DEG,
+    rotationY: (c.rotationY ?? 0) * chunkWPXDRSGN_cjs.DEG,
     rotationZ: c.rotation,
     scaleX: c.scale.x,
     scaleY: c.scale.y,
@@ -728,20 +728,20 @@ var Layer3D = class {
     if (!(needW >= 1 && needH >= 1) || !Number.isFinite(bounds.x) || !Number.isFinite(bounds.y)) return this.hide();
     const size = this.sizeFor(needW, needH);
     const frame = { x: bounds.x - pad, y: bounds.y - pad, width: size.w, height: size.h };
-    const projected = chunkEABL3UKJ_cjs.projectLayer(readLayerTransform(target), frame, basis);
+    const projected = chunkWPXDRSGN_cjs.projectLayer(readLayerTransform(target), frame, basis);
     this.depth = projected.depth;
     {
       const lt = readLayerTransform(target);
-      const o = chunkEABL3UKJ_cjs.layerToWorld(lt, frame.x, frame.y);
-      const pu = chunkEABL3UKJ_cjs.layerToWorld(lt, frame.x + frame.width, frame.y);
-      const pv = chunkEABL3UKJ_cjs.layerToWorld(lt, frame.x, frame.y + frame.height);
+      const o = chunkWPXDRSGN_cjs.layerToWorld(lt, frame.x, frame.y);
+      const pu = chunkWPXDRSGN_cjs.layerToWorld(lt, frame.x + frame.width, frame.y);
+      const pv = chunkWPXDRSGN_cjs.layerToWorld(lt, frame.x, frame.y + frame.height);
       this.world = { o, u: { x: pu.x - o.x, y: pu.y - o.y, z: pu.z - o.z }, v: { x: pv.x - o.x, y: pv.y - o.y, z: pv.z - o.z } };
     }
     if (!projected.visible) {
       if (!this.warnedBehind) {
         this.warnedBehind = true;
         if (this.seq.spec.hideBehindCamera) return this.hide();
-        if (projected.depth > chunkEABL3UKJ_cjs.NEAR) {
+        if (projected.depth > chunkWPXDRSGN_cjs.NEAR) {
           console.warn(
             `pixi-effects: ${chunkECA2WNRX_cjs.describeLayer(this.seq.spec)}: part of it (a corner) reaches the camera plane (z = ${(target.z ?? 0).toFixed(0)}, rotationX ${(target.rotationX ?? 0).toFixed(0)}\xB0, rotationY ${(target.rotationY ?? 0).toFixed(0)}\xB0), and a layer is hidden whole when any corner is at or behind it. Tilt it less (rotationX / rotationY), make it smaller, or keep the camera further away from it (the default camera sits at z = (height/2)/tan(fov/2), about 989 for 720p at fov 40).`
           );
@@ -772,7 +772,7 @@ var Layer3D = class {
    */
   setBlur(radius) {
     const d = this.display;
-    const r = radius > chunkEABL3UKJ_cjs.MIN_BLUR ? Math.min(radius, chunkEABL3UKJ_cjs.MAX_BLUR) : 0;
+    const r = radius > chunkWPXDRSGN_cjs.MIN_BLUR ? Math.min(radius, chunkWPXDRSGN_cjs.MAX_BLUR) : 0;
     this.blur = r;
     if (r === 0) {
       if (this.blurFilter) {
@@ -959,7 +959,7 @@ function lintSequence(spec, warn = defaultWarn) {
 function lintFocus(camera, siblings, warn = defaultWarn) {
   if (camera.type !== "camera") return;
   const who = chunkECA2WNRX_cjs.describeLayer(camera);
-  for (const p of chunkEABL3UKJ_cjs.focusProblems(camera, siblings)) {
+  for (const p of chunkWPXDRSGN_cjs.focusProblems(camera, siblings)) {
     if (p.kind === "missing") {
       warn(`pixi-effects: ${who}: focus: no layer named "${p.name}"${p.hint ? `; did you mean "${p.hint}"?` : ""} (the z = 0 plane is used). Write a threeD layer's name or a z number`);
     } else if (p.kind === "not-threeD") {
@@ -1242,7 +1242,7 @@ var MatteSet = class {
 };
 
 // src/sequences/Composition.ts
-var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
+var CompositionSequence = class extends chunkWPXDRSGN_cjs.Sequence {
   _innerContainer = null;
   _compositionShape = null;
   _children = [];
@@ -1309,9 +1309,9 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     this.intrinsicWidth = width;
     this.intrinsicHeight = height;
     this._innerContainer = inner;
-    const base = chunkEABL3UKJ_cjs.timeRemapOf(this.spec);
-    const span = base ? chunkEABL3UKJ_cjs.contentLength(base, this.duration) : this.duration;
-    this._remap = base ? chunkEABL3UKJ_cjs.remapOf(this.spec, "time", span) : null;
+    const base = chunkWPXDRSGN_cjs.timeRemapOf(this.spec);
+    const span = base ? chunkWPXDRSGN_cjs.contentLength(base, this.duration) : this.duration;
+    this._remap = base ? chunkWPXDRSGN_cjs.remapOf(this.spec, "time", span) : null;
     this._contentSpan = span;
     this._compositionShape = { width, height, duration: span };
     const lateKeyframes = [];
@@ -1328,7 +1328,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     if (crowd >= chunk3DLYAPK7_cjs.MANY_ADVANCED) {
       console.warn(`pixi-effects: ${chunkECA2WNRX_cjs.describeLayer(this.spec)}: ${crowd} layers with an advanced blendMode are on screen at once (a composition with one counts each layer inside it, since its children blend one by one); each is a full-frame pass (about 2 ms on WebGL). Put fewer layers in the blend (or draw the glow as one layer), or use add / screen / multiply`);
     }
-    this._children = await chunkEABL3UKJ_cjs.buildSequenceTree(
+    this._children = await chunkWPXDRSGN_cjs.buildSequenceTree(
       this.spec.sequences ?? [],
       this._compositionShape,
       this.root
@@ -1339,22 +1339,22 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     if (matteNames.size > 0) {
       this._mattes = new MatteSet(inner, width, height);
       for (const name of matteNames) {
-        const source = this._children.find((c) => c.spec.name === name && !(c instanceof chunkEABL3UKJ_cjs.CameraSequence));
+        const source = this._children.find((c) => c.spec.name === name && !(c instanceof chunkWPXDRSGN_cjs.CameraSequence));
         if (!source || !source.target || !canBeMatte(source.spec)) continue;
         const chain = [];
         for (let p = this._parentOf.get(source); p; p = this._parentOf.get(p)) chain.push(p);
         this._mattes.add(name, source, chain);
       }
     }
-    if (this._children.some((c) => c instanceof chunkEABL3UKJ_cjs.LightSequence)) {
+    if (this._children.some((c) => c instanceof chunkWPXDRSGN_cjs.LightSequence)) {
       for (const message of lightSetProblems(this.spec.sequences ?? [])) console.warn(`pixi-effects: ${chunkECA2WNRX_cjs.describeLayer(this.spec)}: ${message}`);
     }
     const layerNames = new Set(this._children.map((c) => c.spec.name).filter((n) => !!n));
     for (const cam of this._children) {
-      if (!(cam instanceof chunkEABL3UKJ_cjs.CameraSequence)) continue;
+      if (!(cam instanceof chunkWPXDRSGN_cjs.CameraSequence)) continue;
       cam.resolveFocusNames((name) => {
         const hit = this._children.find((c) => c.spec.name === name && c.spec.threeD);
-        return hit ? chunkEABL3UKJ_cjs.layerInitialZ(hit.spec, hit.scope()) : void 0;
+        return hit ? chunkWPXDRSGN_cjs.layerInitialZ(hit.spec, hit.scope()) : void 0;
       }, layerNames);
     }
     const blendSaid = /* @__PURE__ */ new Map();
@@ -1364,11 +1364,11 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       else blendSaid.set(message, { spec, n: 1 });
     };
     for (const child of this._children) {
-      if (child instanceof chunkEABL3UKJ_cjs.CameraSequence) {
+      if (child instanceof chunkWPXDRSGN_cjs.CameraSequence) {
         this._cameras.push(child);
         continue;
       }
-      if (child instanceof chunkEABL3UKJ_cjs.LightSequence) {
+      if (child instanceof chunkWPXDRSGN_cjs.LightSequence) {
         this._lights.push(child);
         continue;
       }
@@ -1402,7 +1402,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       if (maskSrc.kind === "inline") {
         const maskSpec = maskSrc.spec;
         const lifetime = maskSpec.at === void 0 ? { at: child.at, duration: maskSpec.duration ?? child.duration } : {};
-        const built = await chunkEABL3UKJ_cjs.buildSequenceTree([{ ...maskSpec, ...lifetime }], this._compositionShape, this.root);
+        const built = await chunkWPXDRSGN_cjs.buildSequenceTree([{ ...maskSpec, ...lifetime }], this._compositionShape, this.root);
         const maskSeq = built[0];
         if (maskSeq?.target) {
           child.maskSequence = maskSeq;
@@ -1490,11 +1490,11 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     this._clock = clock;
     const scope = this.scope();
     if (remap.start !== void 0 && remap.timeKfs.length === 0) clock.time = remap.start;
-    chunkEABL3UKJ_cjs.bindClock(timeline, clock, "time", remap, this.duration, offset + this.at, scope);
+    chunkWPXDRSGN_cjs.bindClock(timeline, clock, "time", remap, this.duration, offset + this.at, scope);
     inner.time(inner.duration());
     inner.time(0);
     last = NaN;
-    this._warnUnreachable(chunkEABL3UKJ_cjs.clockTable(remap, "time", this.duration, offset + this.at, scope, offset + this.at + this.duration), offset + this.at, offset + this.at + this.duration);
+    this._warnUnreachable(chunkWPXDRSGN_cjs.clockTable(remap, "time", this.duration, offset + this.at, scope, offset + this.at + this.duration), offset + this.at, offset + this.at + this.duration);
   }
   /**
    * A child the clock never dwells in is never visible: say so. Its `at` is in THIS composition's local time, so the usual mistake is
@@ -1532,7 +1532,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       for (let p = this._parentOf.get(seq); p; p = this._parentOf.get(p)) out.push(p);
       return out;
     };
-    return [...this._visual.map((v) => v.seq), ...this._nested].filter((seq) => !(seq instanceof chunkEABL3UKJ_cjs.NullSequence)).map((seq) => {
+    return [...this._visual.map((v) => v.seq), ...this._nested].filter((seq) => !(seq instanceof chunkWPXDRSGN_cjs.NullSequence)).map((seq) => {
       const layer = this._visual.find((v) => v.seq === seq)?.layer ?? null;
       return {
         seq,
@@ -1541,24 +1541,24 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
         carriers: carriersOf(seq),
         depthBlur: layer?.blur ?? 0,
         // how lit it is (threeD layers that receive the lights of the last frame only); computed here, not per frame
-        light: layer && this._lighting && layer.world && layer.spec.lit !== false ? chunkEABL3UKJ_cjs.lightLevel(layer.world, this._lighting.cam, this._lighting.states) : void 0
+        light: layer && this._lighting && layer.world && layer.spec.lit !== false ? chunkWPXDRSGN_cjs.lightLevel(layer.world, this._lighting.cam, this._lighting.states) : void 0
       };
     });
   }
   /** Match every `parent: 'name'` to a null layer; anything that cannot work is said out loud and drawn unparented. */
   _resolveParents() {
-    const nulls = this._children.filter((c) => c instanceof chunkEABL3UKJ_cjs.NullSequence);
+    const nulls = this._children.filter((c) => c instanceof chunkWPXDRSGN_cjs.NullSequence);
     const nullNames = nulls.map((n) => n.spec.name).filter((n) => !!n);
     const warned = /* @__PURE__ */ new Set();
     for (const child of this._children) {
       const want = child.spec.parent;
       if (want === void 0) continue;
       const who = chunkECA2WNRX_cjs.describeLayer(child.spec);
-      if (child instanceof chunkEABL3UKJ_cjs.CameraSequence) {
+      if (child instanceof chunkWPXDRSGN_cjs.CameraSequence) {
         console.warn(`pixi-effects: ${who}: a camera cannot have a parent; ignored`);
         continue;
       }
-      if (child instanceof chunkEABL3UKJ_cjs.LightSequence) {
+      if (child instanceof chunkWPXDRSGN_cjs.LightSequence) {
         console.warn(`pixi-effects: ${who}: a light cannot have a parent (parent "${want}" ignored: move the light with its own x / y / z keyframes)`);
         continue;
       }
@@ -1572,7 +1572,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
         console.warn(`pixi-effects: ${who}: parent "${want}": no layer with that name${hint ? `; did you mean "${hint}"?` : ""} (the layer is drawn without a parent)`);
         continue;
       }
-      const holder = same.find((c) => c instanceof chunkEABL3UKJ_cjs.NullSequence);
+      const holder = same.find((c) => c instanceof chunkWPXDRSGN_cjs.NullSequence);
       if (!holder) {
         console.warn(`pixi-effects: ${who}: parent "${want}" is a ${same[0].spec.type} layer; only { type: 'null' } layers can be parents (the layer is drawn without a parent)`);
         continue;
@@ -1617,8 +1617,8 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       childT,
       compEnd
     );
-    const cam = active ? active.cam.state() : chunkEABL3UKJ_cjs.homeCamera(width, height);
-    const basis = chunkEABL3UKJ_cjs.cameraBasis(cam, width, height);
+    const cam = active ? active.cam.state() : chunkWPXDRSGN_cjs.homeCamera(width, height);
+    const basis = chunkWPXDRSGN_cjs.cameraBasis(cam, width, height);
     for (const layer of this._layers3d) layer.update(host, basis);
     this._applyLighting(childT, compEnd, basis, active?.cam ?? null);
     this._applyDepthOfField(cam, basis);
@@ -1643,7 +1643,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       return t >= w.start && (t < w.end || w.end >= compEnd && t <= w.end);
     });
     const states = live.map((l) => l.state());
-    const packed = states.length > 0 ? chunkEABL3UKJ_cjs.packLights(states) : null;
+    const packed = states.length > 0 ? chunkWPXDRSGN_cjs.packLights(states) : null;
     this._lighting = states.length > 0 ? { states, cam: { x: basis.cx, y: basis.cy, z: basis.cz } } : null;
     const shadowing = states.some((s) => s.castsShadows);
     const casters = shadowing ? this._layers3d.filter((l) => l.spec.castsShadows && l.display.visible && l.world && l.source) : [];
@@ -1652,7 +1652,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       const mat = l.setLit(true);
       if (!mat || !l.world) continue;
       const lit = l.spec.lit !== false;
-      const mine = lit ? casters.filter((c) => c !== l).slice(0, chunkEABL3UKJ_cjs.MAX_CASTERS).map((c) => ({ frame: c.world, source: c.source })) : [];
+      const mine = lit ? casters.filter((c) => c !== l).slice(0, chunkWPXDRSGN_cjs.MAX_CASTERS).map((c) => ({ frame: c.world, source: c.source })) : [];
       mat.update(l.world, camInfo, lit ? packed : null, fog, mine);
     }
   }
@@ -1663,8 +1663,8 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
       for (const l of this._layers3d) l.setBlur(0);
       return;
     }
-    const focusDepth = chunkEABL3UKJ_cjs.projectPoint(basis, { x: cam.lookAtX, y: cam.lookAtY, z: cam.focus ?? 0 }).depth;
-    if (!(focusDepth > chunkEABL3UKJ_cjs.NEAR)) {
+    const focusDepth = chunkWPXDRSGN_cjs.projectPoint(basis, { x: cam.lookAtX, y: cam.lookAtY, z: cam.focus ?? 0 }).depth;
+    if (!(focusDepth > chunkWPXDRSGN_cjs.NEAR)) {
       if (!this._dofSaid.behind) {
         this._dofSaid.behind = true;
         console.warn(`pixi-effects: ${chunkECA2WNRX_cjs.describeLayer(this.spec)}: the camera's focus (z = ${(cam.focus ?? 0).toFixed(0)}) is at or behind the camera, so nothing is blurred. Put focus in front of the camera (a z below the camera's z)`);
@@ -1674,10 +1674,10 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     }
     let blurred = 0;
     for (const l of this._layers3d) {
-      l.setBlur(l.display.visible ? chunkEABL3UKJ_cjs.blurRadius(aperture, basis.focal, l.depth, focusDepth) : 0);
+      l.setBlur(l.display.visible ? chunkWPXDRSGN_cjs.blurRadius(aperture, basis.focal, l.depth, focusDepth) : 0);
       if (l.blur > 0) blurred++;
     }
-    if (blurred >= chunkEABL3UKJ_cjs.MANY_BLURRED && !this._dofSaid.many) {
+    if (blurred >= chunkWPXDRSGN_cjs.MANY_BLURRED && !this._dofSaid.many) {
       this._dofSaid.many = true;
       console.warn(`pixi-effects: ${chunkECA2WNRX_cjs.describeLayer(this.spec)}: ${blurred} layers are blurred by depth of field at once; each costs a filter pass per frame (WebGPU more). Merge the far layers or lower aperture`);
     }
@@ -1693,7 +1693,7 @@ var CompositionSequence = class extends chunkEABL3UKJ_cjs.Sequence {
     const inner = [];
     for (const child of this._children) child.collectAudio(inner, 0);
     const lo = baseTime + this.at, hi = lo + this.duration;
-    const table = chunkEABL3UKJ_cjs.clockTable(remap, "time", this.duration, lo, this.scope(), hi);
+    const table = chunkWPXDRSGN_cjs.clockTable(remap, "time", this.duration, lo, this.scope(), hi);
     for (const d of inner) {
       const prev = d.warp;
       out.push({ ...d, warp: (t) => t < lo || t > hi ? NaN : prev ? prev(table.at(t)) : table.at(t) });
@@ -1723,5 +1723,5 @@ function frameOf(child) {
 
 exports.CompositionSequence = CompositionSequence;
 exports.maskSourceOf = maskSourceOf;
-//# sourceMappingURL=chunk-H3RHEH5W.cjs.map
-//# sourceMappingURL=chunk-H3RHEH5W.cjs.map
+//# sourceMappingURL=chunk-555URQHQ.cjs.map
+//# sourceMappingURL=chunk-555URQHQ.cjs.map