pixi-effects 0.5.0 → 0.6.0

package/dist/index.d.cts

@@ -1,7 +1,7 @@
-export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FrameEvent, I as InspectOptions, c as InspectReport, L as LayerInfo, M as Movie, d as MovieOptions, P as ProgressEvent, R as RenderOptions, S as SnapshotOptions, e as SoundMeasure } from './Movie-CuU_aaCm.cjs';
-import { S as Sequence } from './Base-DnRAxroQ.cjs';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, b as SequenceCommon } from './types-7VtTEKUW.cjs';
-export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioSequenceSpec, f as AudioSfxSpec, g as ChromaKeyFilterSpec, h as CircleShapeSpec, i as CompositionSequenceSpec, j as CompositionSpec, k as CrossfadeTransition, l as CustomFilterSpec, D as DipTransition, m as DissolveTransition, E as EllipseShapeSpec, n as Expr, F as FilterSpec, G as GradientSpec, o as IrisTransition, K as Keyframe, L as LineShapeSpec, P as PathShapeSpec, p as PolygonShapeSpec, q as PropValue, r as Props, R as RectShapeSpec, s as SfxKnobs, t as SfxOptions, u as SfxPreset, v as SfxVoice, w as ShapeSequenceSpec, x as SlideTransition, T as TextSequenceSpec, y as TransitionCommon, z as TransitionSpec, V as VideoSequenceSpec, W as WipeTransition, Z as ZoomTransition } from './types-7VtTEKUW.cjs';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FrameEvent, I as InspectOptions, c as InspectReport, L as LayerInfo, M as Movie, d as MovieOptions, P as ProgressEvent, R as RenderOptions, S as SnapshotOptions, e as SoundMeasure } from './Movie-CADDBfpl.cjs';
+import { S as Sequence } from './Base-4vNLl4tH.cjs';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, b as SequenceCommon } from './types-DrW9QeKU.cjs';
+export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioSequenceSpec, f as AudioSfxSpec, g as ChromaKeyFilterSpec, h as CircleShapeSpec, i as CompositionSequenceSpec, j as CompositionSpec, k as CrossfadeTransition, l as CustomFilterSpec, D as DipTransition, m as DissolveTransition, E as EllipseShapeSpec, n as Expr, F as FilterSpec, G as GradientSpec, o as IrisTransition, K as Keyframe, L as LineShapeSpec, P as PathShapeSpec, p as PolygonShapeSpec, q as PropValue, r as Props, R as RectShapeSpec, s as SfxKnobs, t as SfxOptions, u as SfxPreset, v as SfxVoice, w as ShapeSequenceSpec, x as SlideTransition, T as TextSequenceSpec, y as TransitionCommon, z as TransitionSpec, V as VideoSequenceSpec, W as WipeTransition, Z as ZoomTransition } from './types-DrW9QeKU.cjs';
 import 'pixi.js';
 import 'gsap';
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FrameEvent, I as InspectOptions, c as InspectReport, L as LayerInfo, M as Movie, d as MovieOptions, P as ProgressEvent, R as RenderOptions, S as SnapshotOptions, e as SoundMeasure } from './Movie-VyDiUYOj.js';
-import { S as Sequence } from './Base-CPSFBkPm.js';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, b as SequenceCommon } from './types-7VtTEKUW.js';
-export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioSequenceSpec, f as AudioSfxSpec, g as ChromaKeyFilterSpec, h as CircleShapeSpec, i as CompositionSequenceSpec, j as CompositionSpec, k as CrossfadeTransition, l as CustomFilterSpec, D as DipTransition, m as DissolveTransition, E as EllipseShapeSpec, n as Expr, F as FilterSpec, G as GradientSpec, o as IrisTransition, K as Keyframe, L as LineShapeSpec, P as PathShapeSpec, p as PolygonShapeSpec, q as PropValue, r as Props, R as RectShapeSpec, s as SfxKnobs, t as SfxOptions, u as SfxPreset, v as SfxVoice, w as ShapeSequenceSpec, x as SlideTransition, T as TextSequenceSpec, y as TransitionCommon, z as TransitionSpec, V as VideoSequenceSpec, W as WipeTransition, Z as ZoomTransition } from './types-7VtTEKUW.js';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FrameEvent, I as InspectOptions, c as InspectReport, L as LayerInfo, M as Movie, d as MovieOptions, P as ProgressEvent, R as RenderOptions, S as SnapshotOptions, e as SoundMeasure } from './Movie-Ch2SUI1h.js';
+import { S as Sequence } from './Base-CD4AoT5-.js';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, b as SequenceCommon } from './types-DrW9QeKU.js';
+export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioSequenceSpec, f as AudioSfxSpec, g as ChromaKeyFilterSpec, h as CircleShapeSpec, i as CompositionSequenceSpec, j as CompositionSpec, k as CrossfadeTransition, l as CustomFilterSpec, D as DipTransition, m as DissolveTransition, E as EllipseShapeSpec, n as Expr, F as FilterSpec, G as GradientSpec, o as IrisTransition, K as Keyframe, L as LineShapeSpec, P as PathShapeSpec, p as PolygonShapeSpec, q as PropValue, r as Props, R as RectShapeSpec, s as SfxKnobs, t as SfxOptions, u as SfxPreset, v as SfxVoice, w as ShapeSequenceSpec, x as SlideTransition, T as TextSequenceSpec, y as TransitionCommon, z as TransitionSpec, V as VideoSequenceSpec, W as WipeTransition, Z as ZoomTransition } from './types-DrW9QeKU.js';
 import 'pixi.js';
 import 'gsap';
 

package/dist/index.js

@@ -1,7 +1,7 @@
 import { warnUnknownOptions, suggestName } from './chunk-DKGG7WD4.js';
-import { CompositionSequence } from './chunk-5Q5XZG7Z.js';
-import { homeDistance, DEFAULT_FOV, DEG, resolveAt, collectPropKeys } from './chunk-UBPZLGLU.js';
-export { registerSequenceType } from './chunk-UBPZLGLU.js';
+import { CompositionSequence } from './chunk-B2FTJLNB.js';
+import { homeDistance, DEFAULT_FOV, DEG, resolveAt, collectPropKeys } from './chunk-7IJHJXDI.js';
+export { registerSequenceType } from './chunk-7IJHJXDI.js';
 import * as PIXI from 'pixi.js';
 import { extensions, CullerPlugin, Application, Container, Rectangle, Culler, CanvasTextMetrics, TextStyle, Assets, ExtensionType, Filter, UniformGroup, GpuProgram, GlProgram, defaultFilterVert } from 'pixi.js';
 import { gsap } from 'gsap';
@@ -1163,7 +1163,7 @@ 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 (zero || seq.showsNothingYet) scaledToNothing.add(info);
       if (seq instanceof CompositionSequence) walk(seq, prefix + label + "/", insideThreeD || threeD, visible, group, moving, zero);
     });
   };
@@ -1224,6 +1224,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
 extensions.add(CullerPlugin);
 gsap.registerPlugin(PixiPlugin);
@@ -1236,6 +1265,7 @@ var Movie = class {
   audioBuffer = null;
   audioSource = null;
   gainNode = null;
+  _cancelAudioStart = null;
   _volume = 1;
   _muted = false;
   isPlaying = false;
@@ -1473,6 +1503,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;
@@ -1502,17 +1533,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;