pixi-effects 0.48.1 → 0.48.2

package/dist/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkL3XC464G_cjs = require('./chunk-L3XC464G.cjs');
-require('./chunk-M2LFQY2E.cjs');
+var chunk45ALIMAF_cjs = require('./chunk-45ALIMAF.cjs');
+require('./chunk-CCPJD76D.cjs');
 var chunkVQXZ2NOI_cjs = require('./chunk-VQXZ2NOI.cjs');
-var chunkV3VBHSK6_cjs = require('./chunk-V3VBHSK6.cjs');
+var chunkZ3DM4ETD_cjs = require('./chunk-Z3DM4ETD.cjs');
 var chunkZAHCGFGC_cjs = require('./chunk-ZAHCGFGC.cjs');
 require('./chunk-WYR2AU4W.cjs');
 require('./chunk-NGJXVJB7.cjs');
@@ -13,99 +13,99 @@ var chunkDOLTCXCL_cjs = require('./chunk-DOLTCXCL.cjs');
 
 Object.defineProperty(exports, "Movie", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.Movie; }
+  get: function () { return chunk45ALIMAF_cjs.Movie; }
 });
 Object.defineProperty(exports, "animateText", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.animateText; }
+  get: function () { return chunk45ALIMAF_cjs.animateText; }
 });
 Object.defineProperty(exports, "audioEnvelope", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.audioEnvelope; }
+  get: function () { return chunk45ALIMAF_cjs.audioEnvelope; }
 });
 Object.defineProperty(exports, "bpmEnvelope", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.bpmEnvelope; }
+  get: function () { return chunk45ALIMAF_cjs.bpmEnvelope; }
 });
 Object.defineProperty(exports, "cameraPath", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.cameraPath; }
+  get: function () { return chunk45ALIMAF_cjs.cameraPath; }
 });
 Object.defineProperty(exports, "computeEnvelope", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.computeEnvelope; }
+  get: function () { return chunk45ALIMAF_cjs.computeEnvelope; }
 });
 Object.defineProperty(exports, "dismissLoader", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.dismissLoader; }
+  get: function () { return chunk45ALIMAF_cjs.dismissLoader; }
 });
 Object.defineProperty(exports, "ease", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.parseEase; }
+  get: function () { return chunk45ALIMAF_cjs.parseEase; }
 });
 Object.defineProperty(exports, "failLoader", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.failLoader; }
+  get: function () { return chunk45ALIMAF_cjs.failLoader; }
 });
 Object.defineProperty(exports, "followPath", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.followPath; }
+  get: function () { return chunk45ALIMAF_cjs.followPath; }
 });
 Object.defineProperty(exports, "kenBurns", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.kenBurns; }
+  get: function () { return chunk45ALIMAF_cjs.kenBurns; }
 });
 Object.defineProperty(exports, "measureText", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.measureText; }
+  get: function () { return chunk45ALIMAF_cjs.measureText; }
 });
 Object.defineProperty(exports, "musicBuffer", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.musicBuffer; }
+  get: function () { return chunk45ALIMAF_cjs.musicBuffer; }
 });
 Object.defineProperty(exports, "musicEnvelope", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.musicEnvelope; }
+  get: function () { return chunk45ALIMAF_cjs.musicEnvelope; }
 });
 Object.defineProperty(exports, "musicEvents", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.musicEvents; }
+  get: function () { return chunk45ALIMAF_cjs.musicEvents; }
 });
 Object.defineProperty(exports, "orbit", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.orbit; }
+  get: function () { return chunk45ALIMAF_cjs.orbit; }
 });
 Object.defineProperty(exports, "particles", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.particles; }
+  get: function () { return chunk45ALIMAF_cjs.particles; }
 });
 Object.defineProperty(exports, "react", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.react; }
+  get: function () { return chunk45ALIMAF_cjs.react; }
 });
 Object.defineProperty(exports, "resolveLoader", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.resolveLoader; }
+  get: function () { return chunk45ALIMAF_cjs.resolveLoader; }
 });
 Object.defineProperty(exports, "samplePath", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.samplePath; }
+  get: function () { return chunk45ALIMAF_cjs.samplePath; }
 });
 Object.defineProperty(exports, "splitText", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.splitText; }
+  get: function () { return chunk45ALIMAF_cjs.splitText; }
 });
 Object.defineProperty(exports, "stagger", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.stagger; }
+  get: function () { return chunk45ALIMAF_cjs.stagger; }
 });
 Object.defineProperty(exports, "wiggle", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.wiggle; }
+  get: function () { return chunk45ALIMAF_cjs.wiggle; }
 });
 Object.defineProperty(exports, "withFade", {
   enumerable: true,
-  get: function () { return chunkL3XC464G_cjs.withFade; }
+  get: function () { return chunk45ALIMAF_cjs.withFade; }
 });
 Object.defineProperty(exports, "useMediabunny", {
   enumerable: true,
@@ -113,27 +113,27 @@ Object.defineProperty(exports, "useMediabunny", {
 });
 Object.defineProperty(exports, "Sequence", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.Sequence; }
+  get: function () { return chunkZ3DM4ETD_cjs.Sequence; }
 });
 Object.defineProperty(exports, "noise", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.noise; }
+  get: function () { return chunkZ3DM4ETD_cjs.noise; }
 });
 Object.defineProperty(exports, "noise2", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.noise2; }
+  get: function () { return chunkZ3DM4ETD_cjs.noise2; }
 });
 Object.defineProperty(exports, "rand", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.rand; }
+  get: function () { return chunkZ3DM4ETD_cjs.rand; }
 });
 Object.defineProperty(exports, "random", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.random; }
+  get: function () { return chunkZ3DM4ETD_cjs.random; }
 });
 Object.defineProperty(exports, "registerSequenceType", {
   enumerable: true,
-  get: function () { return chunkV3VBHSK6_cjs.registerSequenceType; }
+  get: function () { return chunkZ3DM4ETD_cjs.registerSequenceType; }
 });
 Object.defineProperty(exports, "inspectSound", {
   enumerable: true,

package/dist/index.js

@@ -1,7 +1,7 @@
-export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, dismissLoader, parseEase as ease, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, musicEvents, orbit, particles, react, resolveLoader, samplePath, splitText, stagger, wiggle, withFade } from './chunk-IY5YTIK3.js';
-import './chunk-AJWUCFGM.js';
+export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, dismissLoader, parseEase as ease, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, musicEvents, orbit, particles, react, resolveLoader, samplePath, splitText, stagger, wiggle, withFade } from './chunk-RCKLUCB7.js';
+import './chunk-6D4W2KZQ.js';
 export { useMediabunny } from './chunk-K3XOEC3C.js';
-export { Sequence, noise, noise2, rand, random, registerSequenceType } from './chunk-L3MEZZAV.js';
+export { Sequence, noise, noise2, rand, random, registerSequenceType } from './chunk-IVKI6CPH.js';
 export { inspectSound } from './chunk-G4PXCV2B.js';
 import './chunk-JBDBICS2.js';
 import './chunk-BFRWSV3R.js';

package/dist/loader.css

@@ -1,7 +1,7 @@
 /*
  * pixi-effects loader: one line of HTML on the page, a few lines of CSS, no JavaScript of your own.
  *
- *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/loader.css">
+ *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/loader.css">
  *   <div class="stage" style="position: relative">                      <!-- any box the canvas sits in, with position: relative -->
  *     <canvas id="stage" width="1280" height="720"></canvas>
  *     <div class="pe-loader" data-label="LOADING"></div>                <!-- or class="pe-loader pe-loader--bar" -->

package/dist/present.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./chunk-L3XC464G.cjs');
-require('./chunk-M2LFQY2E.cjs');
+require('./chunk-45ALIMAF.cjs');
+require('./chunk-CCPJD76D.cjs');
 require('./chunk-VQXZ2NOI.cjs');
-require('./chunk-V3VBHSK6.cjs');
+require('./chunk-Z3DM4ETD.cjs');
 require('./chunk-ZAHCGFGC.cjs');
 require('./chunk-WYR2AU4W.cjs');
 require('./chunk-NGJXVJB7.cjs');

package/dist/present.js

@@ -1,7 +1,7 @@
-import './chunk-IY5YTIK3.js';
-import './chunk-AJWUCFGM.js';
+import './chunk-RCKLUCB7.js';
+import './chunk-6D4W2KZQ.js';
 import './chunk-K3XOEC3C.js';
-import './chunk-L3MEZZAV.js';
+import './chunk-IVKI6CPH.js';
 import './chunk-G4PXCV2B.js';
 import './chunk-JBDBICS2.js';
 import './chunk-BFRWSV3R.js';

package/dist/three.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkV3VBHSK6_cjs = require('./chunk-V3VBHSK6.cjs');
+var chunkZ3DM4ETD_cjs = require('./chunk-Z3DM4ETD.cjs');
 require('./chunk-NGJXVJB7.cjs');
 require('./chunk-DOLTCXCL.cjs');
 var pixi_js = require('pixi.js');
@@ -170,7 +170,7 @@ function releaseThree(kind) {
 
 // src/three/ThreeSequence.ts
 var NOT_PURE = /\bMath\s*\.\s*random\s*\(|\bDate\s*\.\s*now\s*\(|\bperformance\s*\.\s*now\s*\(|\bnew\s+Date\s*\(/;
-var ThreeSequence = class extends chunkV3VBHSK6_cjs.Sequence {
+var ThreeSequence = class extends chunkZ3DM4ETD_cjs.Sequence {
   _renderer = null;
   /** The renderer this layer draws with (`'webgl'` or `'webgpu'`), once it is built. */
   renderer = null;
@@ -231,7 +231,7 @@ var ThreeSequence = class extends chunkV3VBHSK6_cjs.Sequence {
     if (typeof spec.update === "function" && NOT_PURE.test(spec.update.toString())) {
       console.warn(`pixi-effects: three layer${spec.name ? ` "${spec.name}"` : ""}: update calls Math.random, Date.now, performance.now or new Date, so it is not deterministic: the same frame would draw differently in playback, in a seek and in an export. Derive the value from t`);
     }
-    const scope = chunkV3VBHSK6_cjs.buildScope(this, this.parent, this.root);
+    const scope = chunkZ3DM4ETD_cjs.buildScope(this, this.parent, this.root);
     const width = resolveDim(spec.width, scope) ?? this.parent?.width ?? this.root.width;
     const height = resolveDim(spec.height, scope) ?? this.parent?.height ?? this.root.height;
     const resolution = spec.resolution ?? 1;
@@ -800,7 +800,7 @@ var ThreeSequence = class extends chunkV3VBHSK6_cjs.Sequence {
 function resolveDim(v, scope) {
   if (v === void 0) return void 0;
   if (typeof v === "number") return v;
-  return chunkV3VBHSK6_cjs.evaluateExpr(v, scope);
+  return chunkZ3DM4ETD_cjs.evaluateExpr(v, scope);
 }
 var ids = /* @__PURE__ */ new WeakMap();
 var lastId = 0;
@@ -1093,7 +1093,7 @@ function registerThree(options = {}) {
   const kind = options.renderer ?? "webgl";
   checkRendererKind(kind, "registerThree's renderer");
   setPageRenderer(kind);
-  chunkV3VBHSK6_cjs.registerSequenceType("three", ThreeSequence);
+  chunkZ3DM4ETD_cjs.registerSequenceType("three", ThreeSequence);
 }
 function three(spec) {
   return spec;

package/dist/three.js

@@ -1,4 +1,4 @@
-import { Sequence, buildScope, evaluateExpr, registerSequenceType } from './chunk-L3MEZZAV.js';
+import { Sequence, buildScope, evaluateExpr, registerSequenceType } from './chunk-IVKI6CPH.js';
 import './chunk-BFRWSV3R.js';
 import './chunk-WGRWFQOB.js';
 import { Texture, Sprite, TextureSource, RenderTexture, Matrix } from 'pixi.js';

package/llms-full.txt

@@ -6,7 +6,7 @@ Concatenation of the skill, cheatsheet, pitfalls, recipes and the DSL / API / me
 
 <!-- ===== skills/pixi-effects/SKILL.md ===== -->
 
-> Written for pixi-effects 0.48.1. Update this skill with `npx skills update`; the newest docs are at https://yjmtmtk.github.io/pixi-effects/
+> Written for pixi-effects 0.48.2. Update this skill with `npx skills update`; the newest docs are at https://yjmtmtk.github.io/pixi-effects/
 
 # pixi-effects — write a video as data
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixi-effects",
-  "version": "0.48.1",
+  "version": "0.48.2",
   "description": "Declarative composition and video rendering for the web. Built on PixiJS v8.",
   "type": "module",
   "exports": {

package/skills/pixi-effects/SKILL.md

@@ -3,7 +3,7 @@ name: pixi-effects
 description: Use when asked to make, animate, preview or export a video, motion graphics, an animated title, a lower third, kinetic type, a promo, a slideshow with transitions, an animated chart or data story, a social clip, a 2.5D / depth scene, or music and sound for a video, written as code in JavaScript or HTML. pixi-effects is a JS library where a video is a plain-object composition (text, shape, image, video, audio and file-free sfx / music, camera, light and shader layers with keyframes) that plays in the browser, is checked by a tool the agent can run, and exports MP4 / WebM / MOV with no server. Not for a project that already uses another video tool (Remotion, Motion Canvas, ffmpeg); follow that tool instead.
 ---
 
-> Written for pixi-effects 0.48.1. Update this skill with `npx skills update`; the newest docs are at https://yjmtmtk.github.io/pixi-effects/
+> Written for pixi-effects 0.48.2. Update this skill with `npx skills update`; the newest docs are at https://yjmtmtk.github.io/pixi-effects/
 
 # pixi-effects — write a video as data
 

package/skills/pixi-effects/template.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>pixi-effects video</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/loader.css" />   <!-- the loader: HTML + CSS only, so it is on screen at once and keeps moving while the page builds the video -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/loader.css" />   <!-- the loader: HTML + CSS only, so it is on screen at once and keeps moving while the page builds the video -->
   <style>
     body { background: #0d1220; margin: 0; padding: 16px; }
     .stage { position: relative; width: min(960px, 100%); }                 /* the player and the loader both sit inside this box */
@@ -37,17 +37,17 @@
     "imports": {
       "pixi.js":                 "https://esm.sh/pixi.js@8.22.0?bundle-deps",
       "mediabunny":              "https://esm.sh/mediabunny",
-      "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/index.js",
-      "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/Controller.js",
-      "pixi-effects/present":  "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/present.js",
-      "pixi-effects/three":      "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/three.js",
+      "pixi-effects":            "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/index.js",
+      "pixi-effects/controller": "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/Controller.js",
+      "pixi-effects/present":  "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/present.js",
+      "pixi-effects/three":      "https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/three.js",
       "pixi-filters":            "https://esm.sh/pixi-filters@6.1.5?external=pixi.js",
       "three":                   "https://esm.sh/three@0.178.0",
       "three/addons/":           "https://cdn.jsdelivr.net/npm/three@0.178.0/examples/jsm/"
     }
   }
   </script>
-  <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.1/dist/index.js" />   <!-- after the import map: the library downloads while the page is parsed -->
+  <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.48.2/dist/index.js" />   <!-- after the import map: the library downloads while the page is parsed -->
 
   <script type="module">
     import { Movie, kenBurns, withFade } from 'pixi-effects';

package/dist/Composition-BOLWGT2R.js

@@ -1,7 +0,0 @@
-export { CompositionSequence } from './chunk-AJWUCFGM.js';
-import './chunk-L3MEZZAV.js';
-import './chunk-JBDBICS2.js';
-import './chunk-BFRWSV3R.js';
-import './chunk-WGRWFQOB.js';
-//# sourceMappingURL=Composition-BOLWGT2R.js.map
-//# sourceMappingURL=Composition-BOLWGT2R.js.map

package/dist/Composition-ZZEOEETS.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var chunkM2LFQY2E_cjs = require('./chunk-M2LFQY2E.cjs');
-require('./chunk-V3VBHSK6.cjs');
-require('./chunk-WYR2AU4W.cjs');
-require('./chunk-NGJXVJB7.cjs');
-require('./chunk-DOLTCXCL.cjs');
-
-
-
-Object.defineProperty(exports, "CompositionSequence", {
-  enumerable: true,
-  get: function () { return chunkM2LFQY2E_cjs.CompositionSequence; }
-});
-//# sourceMappingURL=Composition-ZZEOEETS.cjs.map
-//# sourceMappingURL=Composition-ZZEOEETS.cjs.map