pixi-effects 0.5.0 → 0.6.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 var chunkUQBGW5DO_cjs = require('./chunk-UQBGW5DO.cjs');
-var chunk23M5QTWW_cjs = require('./chunk-23M5QTWW.cjs');
-var chunk2RR43OIN_cjs = require('./chunk-2RR43OIN.cjs');
+var chunk4AGJF5RK_cjs = require('./chunk-4AGJF5RK.cjs');
+var chunkKQM2ZZMK_cjs = require('./chunk-KQM2ZZMK.cjs');
 var PIXI = require('pixi.js');
 var gsap = require('gsap');
 var PixiPlugin = require('gsap/PixiPlugin');
@@ -819,16 +819,16 @@ function expandTransitions(spec) {
     if (toUses > 1) {
       throw new Error(`pixi-effects: ${tag} sequence "${t.to}" is used as \`to\` in more than one transition`);
     }
-    const tStart = chunk2RR43OIN_cjs.resolveAt(t.at, parentDuration);
+    const tStart = chunkKQM2ZZMK_cjs.resolveAt(t.at, parentDuration);
     const tEnd = tStart + t.duration;
     const fromSeq = fromEntry.seq;
-    const fromStart = chunk2RR43OIN_cjs.resolveAt(fromSeq.at, parentDuration);
+    const fromStart = chunkKQM2ZZMK_cjs.resolveAt(fromSeq.at, parentDuration);
     const fromEnd = fromStart + (fromSeq.duration ?? parentDuration);
     if (tStart < fromStart || tEnd > fromEnd) {
       throw new Error(`pixi-effects: ${tag} window [${tStart}, ${tEnd}] is not covered by \`from\` "${t.from}" (lives [${fromStart}, ${fromEnd}], so it ends at ${fromEnd})`);
     }
     const toSeq = toEntry.seq;
-    const toStart = chunk2RR43OIN_cjs.resolveAt(toSeq.at, parentDuration);
+    const toStart = chunkKQM2ZZMK_cjs.resolveAt(toSeq.at, parentDuration);
     const toEnd = toStart + (toSeq.duration ?? parentDuration);
     if (tStart < toStart || tEnd > toEnd) {
       throw new Error(`pixi-effects: ${tag} window [${tStart}, ${tEnd}] is not covered by \`to\` "${t.to}" (lives [${toStart}, ${toEnd}], so it starts at ${toStart})`);
@@ -1168,7 +1168,7 @@ function inspectScene(root, frame, time, canvas, opts = {}) {
         onCanvas = inter === 0 && area > 0 ? "none" : inter >= area - 1e-6 ? "full" : "partial";
         if (area === 0) onCanvas = "none";
       }
-      const keys = chunk2RR43OIN_cjs.collectPropKeys(seq.spec);
+      const keys = chunkKQM2ZZMK_cjs.collectPropKeys(seq.spec);
       const moving = parentMoving || (seq.spec.keyframes ?? []).length > 0 && (keys.has("x") || keys.has("y"));
       const scale = t?.scale;
       const zero = parentZero || !!scale && (scale.x === 0 || scale.y === 0);
@@ -1183,8 +1183,8 @@ function inspectScene(root, frame, time, canvas, opts = {}) {
       seen.set(info, shown);
       const group = parentScene ?? (name !== void 0 && blending.has(name) ? name : void 0);
       if (group) scene.set(info, group);
-      if (zero) scaledToNothing.add(info);
-      if (seq instanceof chunk23M5QTWW_cjs.CompositionSequence) walk(seq, prefix + label + "/", insideThreeD || threeD, visible, group, moving, zero);
+      if (zero || seq.showsNothingYet) scaledToNothing.add(info);
+      if (seq instanceof chunk4AGJF5RK_cjs.CompositionSequence) walk(seq, prefix + label + "/", insideThreeD || threeD, visible, group, moving, zero);
     });
   };
   walk(root, "", false, true);
@@ -1244,6 +1244,35 @@ function sheetLayout(n, columns, cellW, srcW, srcH, labelH) {
   return { cols, rows, cellW, cellH, width: cols * cellW, height: rows * (cellH + labelH), positions };
 }
 
+// src/core/startWhenRunning.ts
+function startWhenRunning(ctx, start, gesture) {
+  if (ctx.state === "running") {
+    start();
+    return () => {
+    };
+  }
+  let done = false;
+  const resume = () => {
+    ctx.resume?.()?.catch(() => {
+    });
+  };
+  const stop = () => {
+    done = true;
+    ctx.removeEventListener("statechange", onState);
+    for (const e of GESTURES) gesture?.removeEventListener(e, resume, true);
+  };
+  const onState = () => {
+    if (done || ctx.state !== "running") return;
+    stop();
+    start();
+  };
+  ctx.addEventListener("statechange", onState);
+  for (const e of GESTURES) gesture?.addEventListener(e, resume, true);
+  resume();
+  return stop;
+}
+var GESTURES = ["pointerdown", "mousedown", "touchend", "keydown"];
+
 // src/core/Movie.ts
 PIXI.extensions.add(PIXI.CullerPlugin);
 gsap.gsap.registerPlugin(PixiPlugin.PixiPlugin);
@@ -1256,6 +1285,7 @@ var Movie = class {
   audioBuffer = null;
   audioSource = null;
   gainNode = null;
+  _cancelAudioStart = null;
   _volume = 1;
   _muted = false;
   isPlaying = false;
@@ -1358,7 +1388,7 @@ var Movie = class {
         ...userComposition
       };
       if (userComposition) carryTransitionWindows(userComposition, rootSeqSpec);
-      const composition = new chunk23M5QTWW_cjs.CompositionSequence(rootSeqSpec, null, rootShape);
+      const composition = new chunk4AGJF5RK_cjs.CompositionSequence(rootSeqSpec, null, rootShape);
       await composition.build();
       this._rootSequence = composition;
       if (composition.target) root.addChild(composition.target);
@@ -1493,6 +1523,7 @@ var Movie = class {
   play() {
     if (this._initState !== "ready") return;
     if (this.currentFrame >= this.totalFrames) this.currentFrame = 0;
+    const wasPlaying = this.isPlaying;
     this.isPlaying = true;
     const startTime = performance.now() - this.currentFrame / this.frameRate * 1e3;
     let inFlight = false;
@@ -1522,17 +1553,25 @@ var Movie = class {
     this._raf = requestAnimationFrame(tick);
     if (this.audioBuffer) {
       const ctx = this._ensureAudioContext();
-      this.audioSource = ctx.createBufferSource();
-      this.audioSource.buffer = this.audioBuffer;
-      this.gainNode = ctx.createGain();
-      this.gainNode.gain.value = this._muted ? 0 : this._volume;
-      this.audioSource.connect(this.gainNode).connect(ctx.destination);
-      this.audioSource.start(0, this.currentFrame / this.frameRate);
+      const buffer = this.audioBuffer;
+      this._cancelAudioStart?.();
+      this._cancelAudioStart = startWhenRunning(ctx, () => {
+        if (!this.isPlaying) return;
+        this.audioSource = ctx.createBufferSource();
+        this.audioSource.buffer = buffer;
+        this.gainNode = ctx.createGain();
+        this.gainNode.gain.value = this._muted ? 0 : this._volume;
+        this.audioSource.connect(this.gainNode).connect(ctx.destination);
+        this.audioSource.start(0, Math.min(this.currentFrame / this.frameRate, buffer.duration));
+      }, typeof window !== "undefined" ? window : void 0);
     }
+    if (!wasPlaying) this.emit("play");
   }
   pause() {
     const wasPlaying = this.isPlaying;
     this.isPlaying = false;
+    this._cancelAudioStart?.();
+    this._cancelAudioStart = null;
     if (this._raf) {
       cancelAnimationFrame(this._raf);
       this._raf = null;
@@ -1794,17 +1833,17 @@ function orbit(opts) {
     throw new Error("pixi-effects: orbit() cannot combine `radius` with `dollyZoom` \u2014 the radius follows the animated fov");
   }
   const [cx, cy] = opts.center ?? [width / 2, height / 2];
-  const fixedR = opts.radius ?? chunk2RR43OIN_cjs.homeDistance(height, fov ?? chunk2RR43OIN_cjs.DEFAULT_FOV);
+  const fixedR = opts.radius ?? chunkKQM2ZZMK_cjs.homeDistance(height, fov ?? chunkKQM2ZZMK_cjs.DEFAULT_FOV);
   const start = opts.start ?? -degrees / 2;
   const steps = Math.max(1, Math.round(duration * stepsPerSecond));
   const easeFn = parseEase(ease);
   const dollyEase = dolly ? parseEase(dolly.ease ?? ease) : null;
   const pos = (i) => {
     const p = i / steps;
-    const a = (start + degrees * easeFn(p)) * chunk2RR43OIN_cjs.DEG;
+    const a = (start + degrees * easeFn(p)) * chunkKQM2ZZMK_cjs.DEG;
     if (!dolly) return { x: cx + fixedR * Math.sin(a), z: fixedR * Math.cos(a) };
     const f = dolly.from + (dolly.to - dolly.from) * dollyEase(p);
-    const R = chunk2RR43OIN_cjs.homeDistance(height, f);
+    const R = chunkKQM2ZZMK_cjs.homeDistance(height, f);
     return { x: cx + R * Math.sin(a), z: R * Math.cos(a), fov: f };
   };
   const keyframes = [];
@@ -1853,7 +1892,7 @@ function withFade(spec, opts) {
 
 Object.defineProperty(exports, "registerSequenceType", {
   enumerable: true,
-  get: function () { return chunk2RR43OIN_cjs.registerSequenceType; }
+  get: function () { return chunkKQM2ZZMK_cjs.registerSequenceType; }
 });
 exports.Movie = Movie;
 exports.kenBurns = kenBurns;