pixi-effects 0.45.0 → 0.47.0

package/dist/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk3IO5RWE4_cjs = require('./chunk-3IO5RWE4.cjs');
-require('./chunk-3HZV3UHU.cjs');
-var chunkX62H3RBG_cjs = require('./chunk-X62H3RBG.cjs');
-var chunkO66JGPVV_cjs = require('./chunk-O66JGPVV.cjs');
+var chunkI6VUQ2CR_cjs = require('./chunk-I6VUQ2CR.cjs');
+require('./chunk-DKCMJILW.cjs');
+var chunkLALEBV63_cjs = require('./chunk-LALEBV63.cjs');
+var chunk23SXKSUI_cjs = require('./chunk-23SXKSUI.cjs');
 require('./chunk-JN7JHNZR.cjs');
 require('./chunk-3SAS3ZE5.cjs');
 var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
@@ -12,127 +12,127 @@ var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
 
 Object.defineProperty(exports, "Movie", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.Movie; }
+  get: function () { return chunkI6VUQ2CR_cjs.Movie; }
 });
 Object.defineProperty(exports, "animateText", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.animateText; }
+  get: function () { return chunkI6VUQ2CR_cjs.animateText; }
 });
 Object.defineProperty(exports, "audioEnvelope", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.audioEnvelope; }
+  get: function () { return chunkI6VUQ2CR_cjs.audioEnvelope; }
 });
 Object.defineProperty(exports, "bpmEnvelope", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.bpmEnvelope; }
+  get: function () { return chunkI6VUQ2CR_cjs.bpmEnvelope; }
 });
 Object.defineProperty(exports, "cameraPath", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.cameraPath; }
+  get: function () { return chunkI6VUQ2CR_cjs.cameraPath; }
 });
 Object.defineProperty(exports, "computeEnvelope", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.computeEnvelope; }
+  get: function () { return chunkI6VUQ2CR_cjs.computeEnvelope; }
 });
 Object.defineProperty(exports, "dismissLoader", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.dismissLoader; }
+  get: function () { return chunkI6VUQ2CR_cjs.dismissLoader; }
 });
 Object.defineProperty(exports, "ease", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.parseEase; }
+  get: function () { return chunkI6VUQ2CR_cjs.parseEase; }
 });
 Object.defineProperty(exports, "failLoader", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.failLoader; }
+  get: function () { return chunkI6VUQ2CR_cjs.failLoader; }
 });
 Object.defineProperty(exports, "followPath", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.followPath; }
+  get: function () { return chunkI6VUQ2CR_cjs.followPath; }
 });
 Object.defineProperty(exports, "kenBurns", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.kenBurns; }
+  get: function () { return chunkI6VUQ2CR_cjs.kenBurns; }
 });
 Object.defineProperty(exports, "measureText", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.measureText; }
+  get: function () { return chunkI6VUQ2CR_cjs.measureText; }
 });
 Object.defineProperty(exports, "musicBuffer", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.musicBuffer; }
+  get: function () { return chunkI6VUQ2CR_cjs.musicBuffer; }
 });
 Object.defineProperty(exports, "musicEnvelope", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.musicEnvelope; }
+  get: function () { return chunkI6VUQ2CR_cjs.musicEnvelope; }
 });
 Object.defineProperty(exports, "musicEvents", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.musicEvents; }
+  get: function () { return chunkI6VUQ2CR_cjs.musicEvents; }
 });
 Object.defineProperty(exports, "orbit", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.orbit; }
+  get: function () { return chunkI6VUQ2CR_cjs.orbit; }
 });
 Object.defineProperty(exports, "particles", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.particles; }
+  get: function () { return chunkI6VUQ2CR_cjs.particles; }
 });
 Object.defineProperty(exports, "react", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.react; }
+  get: function () { return chunkI6VUQ2CR_cjs.react; }
 });
 Object.defineProperty(exports, "resolveLoader", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.resolveLoader; }
+  get: function () { return chunkI6VUQ2CR_cjs.resolveLoader; }
 });
 Object.defineProperty(exports, "samplePath", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.samplePath; }
+  get: function () { return chunkI6VUQ2CR_cjs.samplePath; }
 });
 Object.defineProperty(exports, "splitText", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.splitText; }
+  get: function () { return chunkI6VUQ2CR_cjs.splitText; }
 });
 Object.defineProperty(exports, "stagger", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.stagger; }
+  get: function () { return chunkI6VUQ2CR_cjs.stagger; }
 });
 Object.defineProperty(exports, "wiggle", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.wiggle; }
+  get: function () { return chunkI6VUQ2CR_cjs.wiggle; }
 });
 Object.defineProperty(exports, "withFade", {
   enumerable: true,
-  get: function () { return chunk3IO5RWE4_cjs.withFade; }
+  get: function () { return chunkI6VUQ2CR_cjs.withFade; }
 });
 Object.defineProperty(exports, "Sequence", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.Sequence; }
+  get: function () { return chunkLALEBV63_cjs.Sequence; }
 });
 Object.defineProperty(exports, "noise", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.noise; }
+  get: function () { return chunkLALEBV63_cjs.noise; }
 });
 Object.defineProperty(exports, "noise2", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.noise2; }
+  get: function () { return chunkLALEBV63_cjs.noise2; }
 });
 Object.defineProperty(exports, "rand", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.rand; }
+  get: function () { return chunkLALEBV63_cjs.rand; }
 });
 Object.defineProperty(exports, "random", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.random; }
+  get: function () { return chunkLALEBV63_cjs.random; }
 });
 Object.defineProperty(exports, "registerSequenceType", {
   enumerable: true,
-  get: function () { return chunkX62H3RBG_cjs.registerSequenceType; }
+  get: function () { return chunkLALEBV63_cjs.registerSequenceType; }
 });
 Object.defineProperty(exports, "inspectSound", {
   enumerable: true,
-  get: function () { return chunkO66JGPVV_cjs.inspectSound; }
+  get: function () { return chunk23SXKSUI_cjs.inspectSound; }
 });
 Object.defineProperty(exports, "warnUnknownOptions", {
   enumerable: true,

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, H as HoverOptions, I as InspectOptions, c as InspectReport, d as IssueGroup, L as LayerInfo, e as LoadProgressState, f as LoadStage, g as LoaderOption, h as LoopEvent, i as MotionBlurOptions, a as MotionBlurSpec, M as Movie, j as MovieErrorEvent, k as MovieOptions, O as OnionSkinOptions, P as PickHit, l as PickOptions, m as ProgressEvent, R as RebuildOptions, n as RebuildReason, o as RebuildReport, p as RenderOptions, q as ReviewOptions, r as ReviewReport, S as SnapshotOptions, T as ThumbnailOptions, s as TimelineData, t as TimelineHtmlOptions, u as TimelineRow, v as TimelineSvgOptions, w as TimelineTransition, V as VolumeEvent, x as dismissLoader, y as failLoader, z as resolveLoader } from './Movie-C-d4zN-N.cjs';
-import { S as SequenceSpec, g as CompositionShape, e as Sequence, I as ImageSequenceSpec, h as CameraSequenceSpec, K as Keyframe, i as TextSequenceSpec, M as MusicOptions, c as SequenceCommon } from './types-C5xo0fzb.cjs';
-export { j as ArcShapeSpec, A as AssetSpec, k as AudioAssetSpec, l as AudioMusicSpec, m as AudioSequenceSpec, n as AudioSfxSpec, B as BlendModeName, o as CanvasInfo, p as CanvasSequenceSpec, q as ChromaKeyFilterSpec, r as CircleShapeSpec, s as CompositionSequenceSpec, C as CompositionSpec, t as CrossfadeTransition, u as CustomFilterSpec, D as DipTransition, v as DissolveTransition, E as EllipseShapeSpec, w as Expr, F as FilterSpec, G as GradientSpec, x as IrisTransition, L as LightSequenceSpec, y as LineShapeSpec, z as LumaTransition, H as MaskRefSpec, J as MatteRefSpec, N as MusicDrum, O as MusicDrums, Q as MusicInstrument, R as MusicLevel, U as MusicTrack, V as NullSequenceSpec, W as PathShapeSpec, X as PolygonShapeSpec, d as PropValue, P as Props, Y as RectShapeSpec, Z as SfxKnobs, _ as SfxOptions, $ as SfxPreset, a0 as SfxVoice, a1 as ShaderSequenceSpec, a2 as ShapeSequenceSpec, a3 as SlideTransition, b as SpaceNow, a as Stop, a4 as StopSpec, a5 as TextSpan, a6 as TransitionCommon, T as TransitionSpec, a7 as VideoSequenceSpec, a8 as WipeTransition, a9 as ZoomTransition } from './types-C5xo0fzb.cjs';
+export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, H as HoverOptions, I as InspectOptions, c as InspectReport, d as IssueGroup, L as LayerInfo, e as LoadProgressState, f as LoadStage, g as LoaderOption, h as LoopEvent, i as MotionBlurOptions, a as MotionBlurSpec, M as Movie, j as MovieErrorEvent, k as MovieOptions, O as OnionSkinOptions, P as PickHit, l as PickOptions, m as ProgressEvent, R as RebuildOptions, n as RebuildReason, o as RebuildReport, p as RenderOptions, q as ReviewOptions, r as ReviewReport, S as SnapshotOptions, T as ThumbnailOptions, s as TimelineData, t as TimelineHtmlOptions, u as TimelineRow, v as TimelineSvgOptions, w as TimelineTransition, V as VolumeEvent, x as dismissLoader, y as failLoader, z as resolveLoader } from './Movie-BqrAWN0g.cjs';
+import { S as SequenceSpec, g as CompositionShape, b as Sequence, I as ImageSequenceSpec, h as CameraSequenceSpec, K as Keyframe, i as TextSequenceSpec, M as MusicOptions, d as SequenceCommon } from './types-CTSrPvY3.cjs';
+export { j as ArcShapeSpec, A as AssetSpec, k as AudioAssetSpec, l as AudioMusicSpec, m as AudioSequenceSpec, n as AudioSfxSpec, B as BlendModeName, o as CanvasInfo, p as CanvasSequenceSpec, q as ChromaKeyFilterSpec, r as CircleShapeSpec, s as CompositionSequenceSpec, C as CompositionSpec, t as CrossfadeTransition, u as CustomFilterSpec, D as DipTransition, v as DissolveTransition, E as EllipseShapeSpec, w as Expr, F as FilterSpec, G as GradientSpec, x as IrisTransition, L as LightSequenceSpec, y as LineShapeSpec, z as LumaTransition, H as MaskRefSpec, J as MatteRefSpec, N as MusicDrum, O as MusicDrums, Q as MusicInstrument, R as MusicLevel, U as MusicTrack, V as NullSequenceSpec, W as PathShapeSpec, X as PolygonShapeSpec, e as PropValue, P as Props, Y as RectShapeSpec, Z as SfxKnobs, _ as SfxOptions, $ as SfxPreset, a0 as SfxVoice, a1 as ShaderSequenceSpec, a2 as ShapeSequenceSpec, a3 as SlideTransition, c as SpaceNow, a as Stop, a4 as StopSpec, a5 as TextSpan, a6 as TransitionCommon, T as TransitionSpec, a7 as VideoSequenceSpec, a8 as WipeTransition, a9 as ZoomTransition } from './types-CTSrPvY3.cjs';
 import { M as MusicEvents } from './soundEntry-DT13DNt8.cjs';
 export { a as AudioInspectOptions, A as AudioReport, b as AudioSourceReport, c as MusicDrumEvents, d as MusicDrumHit, e as MusicNote, f as MusicSummary, g as MusicTrackEvents, S as SoundMeasure, h as SoundReport, i as inspectSound } from './soundEntry-DT13DNt8.cjs';
 import 'pixi.js';
@@ -449,6 +449,8 @@ interface AnimateTextTween {
     ease?: string;
     /** `out` only: the composition second the exit starts at (every piece leaves in the same wave from then on, and holds its exit state until the layer ends). Without it the exit is the end of the layer run backwards. Not for `in` (an entrance starts with its piece: the options' `at`). */
     at?: number;
+    /** `out` only: the wave of the exit, when it should not be the entrance's: `0` (all pieces leave at once), or `{ each: 0.1 }` and the other {@link stagger} options. Default: the same wave as the entrance (the options' `stagger`). */
+    stagger?: StaggerOptions | 0;
 }
 interface AnimateTextOptions {
     /** What a piece is: a character (default), a word or a line. */

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, H as HoverOptions, I as InspectOptions, c as InspectReport, d as IssueGroup, L as LayerInfo, e as LoadProgressState, f as LoadStage, g as LoaderOption, h as LoopEvent, i as MotionBlurOptions, a as MotionBlurSpec, M as Movie, j as MovieErrorEvent, k as MovieOptions, O as OnionSkinOptions, P as PickHit, l as PickOptions, m as ProgressEvent, R as RebuildOptions, n as RebuildReason, o as RebuildReport, p as RenderOptions, q as ReviewOptions, r as ReviewReport, S as SnapshotOptions, T as ThumbnailOptions, s as TimelineData, t as TimelineHtmlOptions, u as TimelineRow, v as TimelineSvgOptions, w as TimelineTransition, V as VolumeEvent, x as dismissLoader, y as failLoader, z as resolveLoader } from './Movie-lMSS9JwX.js';
-import { S as SequenceSpec, g as CompositionShape, e as Sequence, I as ImageSequenceSpec, h as CameraSequenceSpec, K as Keyframe, i as TextSequenceSpec, M as MusicOptions, c as SequenceCommon } from './types-C5xo0fzb.js';
-export { j as ArcShapeSpec, A as AssetSpec, k as AudioAssetSpec, l as AudioMusicSpec, m as AudioSequenceSpec, n as AudioSfxSpec, B as BlendModeName, o as CanvasInfo, p as CanvasSequenceSpec, q as ChromaKeyFilterSpec, r as CircleShapeSpec, s as CompositionSequenceSpec, C as CompositionSpec, t as CrossfadeTransition, u as CustomFilterSpec, D as DipTransition, v as DissolveTransition, E as EllipseShapeSpec, w as Expr, F as FilterSpec, G as GradientSpec, x as IrisTransition, L as LightSequenceSpec, y as LineShapeSpec, z as LumaTransition, H as MaskRefSpec, J as MatteRefSpec, N as MusicDrum, O as MusicDrums, Q as MusicInstrument, R as MusicLevel, U as MusicTrack, V as NullSequenceSpec, W as PathShapeSpec, X as PolygonShapeSpec, d as PropValue, P as Props, Y as RectShapeSpec, Z as SfxKnobs, _ as SfxOptions, $ as SfxPreset, a0 as SfxVoice, a1 as ShaderSequenceSpec, a2 as ShapeSequenceSpec, a3 as SlideTransition, b as SpaceNow, a as Stop, a4 as StopSpec, a5 as TextSpan, a6 as TransitionCommon, T as TransitionSpec, a7 as VideoSequenceSpec, a8 as WipeTransition, a9 as ZoomTransition } from './types-C5xo0fzb.js';
+export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, H as HoverOptions, I as InspectOptions, c as InspectReport, d as IssueGroup, L as LayerInfo, e as LoadProgressState, f as LoadStage, g as LoaderOption, h as LoopEvent, i as MotionBlurOptions, a as MotionBlurSpec, M as Movie, j as MovieErrorEvent, k as MovieOptions, O as OnionSkinOptions, P as PickHit, l as PickOptions, m as ProgressEvent, R as RebuildOptions, n as RebuildReason, o as RebuildReport, p as RenderOptions, q as ReviewOptions, r as ReviewReport, S as SnapshotOptions, T as ThumbnailOptions, s as TimelineData, t as TimelineHtmlOptions, u as TimelineRow, v as TimelineSvgOptions, w as TimelineTransition, V as VolumeEvent, x as dismissLoader, y as failLoader, z as resolveLoader } from './Movie-sV8nJr_f.js';
+import { S as SequenceSpec, g as CompositionShape, b as Sequence, I as ImageSequenceSpec, h as CameraSequenceSpec, K as Keyframe, i as TextSequenceSpec, M as MusicOptions, d as SequenceCommon } from './types-CTSrPvY3.js';
+export { j as ArcShapeSpec, A as AssetSpec, k as AudioAssetSpec, l as AudioMusicSpec, m as AudioSequenceSpec, n as AudioSfxSpec, B as BlendModeName, o as CanvasInfo, p as CanvasSequenceSpec, q as ChromaKeyFilterSpec, r as CircleShapeSpec, s as CompositionSequenceSpec, C as CompositionSpec, t as CrossfadeTransition, u as CustomFilterSpec, D as DipTransition, v as DissolveTransition, E as EllipseShapeSpec, w as Expr, F as FilterSpec, G as GradientSpec, x as IrisTransition, L as LightSequenceSpec, y as LineShapeSpec, z as LumaTransition, H as MaskRefSpec, J as MatteRefSpec, N as MusicDrum, O as MusicDrums, Q as MusicInstrument, R as MusicLevel, U as MusicTrack, V as NullSequenceSpec, W as PathShapeSpec, X as PolygonShapeSpec, e as PropValue, P as Props, Y as RectShapeSpec, Z as SfxKnobs, _ as SfxOptions, $ as SfxPreset, a0 as SfxVoice, a1 as ShaderSequenceSpec, a2 as ShapeSequenceSpec, a3 as SlideTransition, c as SpaceNow, a as Stop, a4 as StopSpec, a5 as TextSpan, a6 as TransitionCommon, T as TransitionSpec, a7 as VideoSequenceSpec, a8 as WipeTransition, a9 as ZoomTransition } from './types-CTSrPvY3.js';
 import { M as MusicEvents } from './soundEntry-DT13DNt8.js';
 export { a as AudioInspectOptions, A as AudioReport, b as AudioSourceReport, c as MusicDrumEvents, d as MusicDrumHit, e as MusicNote, f as MusicSummary, g as MusicTrackEvents, S as SoundMeasure, h as SoundReport, i as inspectSound } from './soundEntry-DT13DNt8.js';
 import 'pixi.js';
@@ -449,6 +449,8 @@ interface AnimateTextTween {
     ease?: string;
     /** `out` only: the composition second the exit starts at (every piece leaves in the same wave from then on, and holds its exit state until the layer ends). Without it the exit is the end of the layer run backwards. Not for `in` (an entrance starts with its piece: the options' `at`). */
     at?: number;
+    /** `out` only: the wave of the exit, when it should not be the entrance's: `0` (all pieces leave at once), or `{ each: 0.1 }` and the other {@link stagger} options. Default: the same wave as the entrance (the options' `stagger`). */
+    stagger?: StaggerOptions | 0;
 }
 interface AnimateTextOptions {
     /** What a piece is: a character (default), a word or a line. */

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-Z6JQO7GX.js';
-import './chunk-ICI6ACHY.js';
-export { Sequence, noise, noise2, rand, random, registerSequenceType } from './chunk-4QVQ5UJJ.js';
-export { inspectSound } from './chunk-K24FF4BT.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-W46VWAZC.js';
+import './chunk-FPV3NPYC.js';
+export { Sequence, noise, noise2, rand, random, registerSequenceType } from './chunk-DM2OLQOJ.js';
+export { inspectSound } from './chunk-4SEL6W7H.js';
 import './chunk-VNP7QCJE.js';
 import './chunk-32MMNDDN.js';
 export { warnUnknownOptions } from './chunk-BXOCEZ4U.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.45.0/dist/loader.css">
+ *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.47.0/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-3IO5RWE4.cjs');
-require('./chunk-3HZV3UHU.cjs');
-require('./chunk-X62H3RBG.cjs');
-require('./chunk-O66JGPVV.cjs');
+require('./chunk-I6VUQ2CR.cjs');
+require('./chunk-DKCMJILW.cjs');
+require('./chunk-LALEBV63.cjs');
+require('./chunk-23SXKSUI.cjs');
 require('./chunk-JN7JHNZR.cjs');
 require('./chunk-3SAS3ZE5.cjs');
 var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');

package/dist/present.d.cts

@@ -1,5 +1,5 @@
-import { M as Movie, a as MotionBlurSpec } from './Movie-C-d4zN-N.cjs';
-import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, C as CompositionSpec, a as Stop } from './types-C5xo0fzb.cjs';
+import { M as Movie, a as MotionBlurSpec } from './Movie-BqrAWN0g.cjs';
+import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, C as CompositionSpec, a as Stop } from './types-CTSrPvY3.cjs';
 import 'pixi.js';
 import './soundEntry-DT13DNt8.cjs';
 

package/dist/present.d.ts

@@ -1,5 +1,5 @@
-import { M as Movie, a as MotionBlurSpec } from './Movie-lMSS9JwX.js';
-import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, C as CompositionSpec, a as Stop } from './types-C5xo0fzb.js';
+import { M as Movie, a as MotionBlurSpec } from './Movie-sV8nJr_f.js';
+import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, C as CompositionSpec, a as Stop } from './types-CTSrPvY3.js';
 import 'pixi.js';
 import './soundEntry-DT13DNt8.js';
 

package/dist/present.js

@@ -1,7 +1,7 @@
-import './chunk-Z6JQO7GX.js';
-import './chunk-ICI6ACHY.js';
-import './chunk-4QVQ5UJJ.js';
-import './chunk-K24FF4BT.js';
+import './chunk-W46VWAZC.js';
+import './chunk-FPV3NPYC.js';
+import './chunk-DM2OLQOJ.js';
+import './chunk-4SEL6W7H.js';
 import './chunk-VNP7QCJE.js';
 import './chunk-32MMNDDN.js';
 import { warnUnknownOptions } from './chunk-BXOCEZ4U.js';

package/dist/sound.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkO66JGPVV_cjs = require('./chunk-O66JGPVV.cjs');
+var chunk23SXKSUI_cjs = require('./chunk-23SXKSUI.cjs');
 
 
 
 Object.defineProperty(exports, "inspectSound", {
   enumerable: true,
-  get: function () { return chunkO66JGPVV_cjs.inspectSound; }
+  get: function () { return chunk23SXKSUI_cjs.inspectSound; }
 });
 //# sourceMappingURL=sound.cjs.map
 //# sourceMappingURL=sound.cjs.map

package/dist/sound.js

@@ -1,3 +1,3 @@
-export { inspectSound } from './chunk-K24FF4BT.js';
+export { inspectSound } from './chunk-4SEL6W7H.js';
 //# sourceMappingURL=sound.js.map
 //# sourceMappingURL=sound.js.map

package/dist/three.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkX62H3RBG_cjs = require('./chunk-X62H3RBG.cjs');
+var chunkLALEBV63_cjs = require('./chunk-LALEBV63.cjs');
 require('./chunk-3SAS3ZE5.cjs');
 require('./chunk-TWZNOUM7.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 chunkX62H3RBG_cjs.Sequence {
+var ThreeSequence = class extends chunkLALEBV63_cjs.Sequence {
   _renderer = null;
   /** The renderer this layer draws with (`'webgl'` or `'webgpu'`), once it is built. */
   renderer = null;
@@ -191,6 +191,9 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
   _borrowed = null;
   /** True once another layer owns this layer's state: destroying this one must not let it go. */
   _donated = false;
+  /** Things to do just before every draw (the 2D layers shown on meshes: `threeLayerTexture`), and those layers' handles. Both go with the state to a layer that takes it over. */
+  _drawHooks = /* @__PURE__ */ new Set();
+  _layerTextures = [];
   _scene = null;
   _camera = null;
   _ctx = null;
@@ -218,7 +221,7 @@ var ThreeSequence = class extends chunkX62H3RBG_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 = chunkX62H3RBG_cjs.buildScope(this, this.parent, this.root);
+    const scope = chunkLALEBV63_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;
@@ -289,7 +292,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       renderer.setClearColor(0, 0);
       const scene = new three$1.Scene();
       const camera = new three$1.PerspectiveCamera(50, width / height, 0.1, 2e3);
-      const ctx = { scene, camera, renderer, width, height };
+      const ctx = { scene, camera, renderer, width, height, _host: this._makeHost() };
       if (spec.followCamera) this._checkFollowShape(width, height, spec.name);
       let result;
       try {
@@ -322,6 +325,29 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
     this.intrinsicHeight = height;
     this.buildFilters();
   }
+  /** The 2D layer that a material shows (`threeLayerTexture`), for a click on the mesh to reach it (movie.pick); null for any other material. */
+  screenOf(material) {
+    const handle = this._layerTextures.find((h) => h.material === material);
+    return handle ? { source: handle.source() } : null;
+  }
+  /** What `threeLayerTexture` asks of this layer: the layers listed before it, PixiJS's renderer, whether the GPU device is shared, and a place to hook in before every draw. */
+  _makeHost() {
+    return {
+      findLayer: (name) => this.parent?.findLayer?.(name) ?? null,
+      layerNames: () => this.parent?.layerNames?.() ?? [],
+      pixiRenderer: this.root.pixiRenderer ?? null,
+      shared: this.sharedGpu,
+      beforeDraw: (fn) => {
+        this._drawHooks.add(fn);
+        return () => {
+          this._drawHooks.delete(fn);
+        };
+      },
+      track: (handle) => {
+        this._layerTextures.push(handle);
+      }
+    };
+  }
   /** Reuse (core/reuse.ts): the key this layer is matched by, while it can still lend its state. */
   reuseKey() {
     return this._renderer && !this._donated && !this._closing ? this._key : null;
@@ -347,6 +373,10 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
     this._fogMirror = d._fogMirror;
     this._tracked = d._tracked;
     this._borrowed = d;
+    this._drawHooks = d._drawHooks;
+    this._layerTextures = d._layerTextures;
+    const host = this._makeHost();
+    for (const h of this._layerTextures) h.rebind(host);
     if (this.spec && this._threeSpec.followCamera) this._checkFollowShape(width, height, name);
     this._makeSprite(this._texture, width, height, name);
   }
@@ -404,7 +434,9 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
         name = n.name;
         break;
       }
-      return { object: name, point: hit.point.toArray(), distance: hit.distance, object3d: hit.object };
+      const m = hit.object.material;
+      const material = Array.isArray(m) ? m[hit.face?.materialIndex ?? 0] : m;
+      return { object: name, point: hit.point.toArray(), distance: hit.distance, object3d: hit.object, ...hit.uv ? { uv: { u: hit.uv.x, v: hit.uv.y } } : {}, material };
     }
     return null;
   }
@@ -575,6 +607,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
    */
   _draw(t, toCanvas = false) {
     if (!this._renderer || !this._scene || !this._camera) return;
+    for (const hook of this._drawHooks) hook();
     if (this._gpu) this._advanceNodeFrame(t);
     if (!this._rt || toCanvas) {
       this._renderer.render(this._scene, this._camera);
@@ -625,9 +658,9 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       if (!m || typeof m !== "object" || seen.has(m)) return;
       seen.add(m);
       const mat = m;
-      const label = `${mat.name ? `"${mat.name}" ` : ""}${mat.type ?? "material"}`;
-      if (mat.isShaderMaterial || mat.isRawShaderMaterial) bad.push(`${label} is a ShaderMaterial (it cannot run on the WebGPU renderer)`);
-      else if (Object.prototype.hasOwnProperty.call(mat, "onBeforeCompile")) bad.push(`${label} sets onBeforeCompile (the WebGPU renderer ignores it)`);
+      const label2 = `${mat.name ? `"${mat.name}" ` : ""}${mat.type ?? "material"}`;
+      if (mat.isShaderMaterial || mat.isRawShaderMaterial) bad.push(`${label2} is a ShaderMaterial (it cannot run on the WebGPU renderer)`);
+      else if (Object.prototype.hasOwnProperty.call(mat, "onBeforeCompile")) bad.push(`${label2} sets onBeforeCompile (the WebGPU renderer ignores it)`);
     };
     scene.traverse?.((o) => {
       const mats = o.material;
@@ -724,6 +757,12 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
     }
     const texture = this._texture;
     if (!kept) {
+      for (const h of this._layerTextures) {
+        try {
+          h.dispose();
+        } catch {
+        }
+      }
       this._lightMirror?.dispose();
       this._fogMirror?.dispose();
       this._disposeRenderer();
@@ -745,7 +784,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
 function resolveDim(v, scope) {
   if (v === void 0) return void 0;
   if (typeof v === "number") return v;
-  return chunkX62H3RBG_cjs.evaluateExpr(v, scope);
+  return chunkLALEBV63_cjs.evaluateExpr(v, scope);
 }
 var ids = /* @__PURE__ */ new WeakMap();
 var lastId = 0;
@@ -759,19 +798,19 @@ function idOf(fn) {
   return id;
 }
 async function threeGltf(url, options = {}) {
-  const label = "pixi-effects: threeGltf";
-  if (typeof url !== "string" || !url) throw new Error(`${label}: the first argument is the URL of a .glb or .gltf file`);
+  const label2 = "pixi-effects: threeGltf";
+  if (typeof url !== "string" || !url) throw new Error(`${label2}: the first argument is the URL of a .glb or .gltf file`);
   let GLTFLoader;
   try {
     ({ GLTFLoader } = await import('three/addons/loaders/GLTFLoader.js'));
   } catch (err) {
-    throw new Error(`${label}: needs "three/addons/" in the import map next to "three" (${err instanceof Error ? err.message : err})`);
+    throw new Error(`${label2}: needs "three/addons/" in the import map next to "three" (${err instanceof Error ? err.message : err})`);
   }
   let gltf;
   try {
     gltf = await new GLTFLoader().loadAsync(url);
   } catch (err) {
-    throw new Error(`${label}: could not load "${url}" (${err instanceof Error ? err.message : err})`, { cause: err });
+    throw new Error(`${label2}: could not load "${url}" (${err instanceof Error ? err.message : err})`, { cause: err });
   }
   const clips = gltf.animations ?? [];
   let clip;
@@ -780,7 +819,7 @@ async function threeGltf(url, options = {}) {
   else if (wanted === void 0) clip = clips[0];
   else {
     clip = typeof wanted === "number" ? clips[wanted] : clips.find((c) => c.name === wanted);
-    if (!clip) throw new Error(`${label}: "${url}" has no animation ${JSON.stringify(wanted)}; its clips: ${clips.length ? clips.map((c, i) => `${i}: "${c.name}"`).join(", ") : "(none)"}`);
+    if (!clip) throw new Error(`${label2}: "${url}" has no animation ${JSON.stringify(wanted)}; its clips: ${clips.length ? clips.map((c, i) => `${i}: "${c.name}"`).join(", ") : "(none)"}`);
   }
   const root = gltf.scene;
   root.traverse((o) => {
@@ -842,13 +881,152 @@ function threeFrameCamera(camera, object, options = {}) {
   cam.lookAt(centre);
   cam.updateProjectionMatrix();
 }
+var label = "pixi-effects: threeLayerTexture";
+async function threeLayerTexture(ctx, name, options = {}) {
+  const host = ctx._host;
+  if (!host) throw new Error(`${label}: call it from the setup of a three layer: const screen = await threeLayerTexture(ctx, 'screen')`);
+  if (typeof name !== "string" || !name) throw new Error(`${label}: the second argument is the name of a 2D layer: threeLayerTexture(ctx, 'screen')`);
+  const resolution = options.resolution ?? 1;
+  const transparent = options.transparent === true;
+  if (!(Number.isFinite(resolution) && resolution > 0 && resolution <= 4)) throw new Error(`${label}: resolution is a number from above 0 to 4 (2 = twice the pixels), got ${JSON.stringify(options.resolution)}`);
+  const pixi = host.pixiRenderer;
+  if (!pixi) throw new Error(`${label}: PixiJS's renderer is not available here (the movie is not ready)`);
+  const source = host.findLayer(name);
+  if (!source) {
+    const names = host.layerNames();
+    throw new Error(`${label}: no layer named "${name}" before this three layer${names.length ? ` (the layers built before it: ${names.map((n) => `"${n}"`).join(", ")})` : ""}. A layer shown on a mesh must be listed BEFORE the three layer, in the same composition, and have that name.`);
+  }
+  if (source.spec.type !== "composition") {
+    throw new Error(`${label}: "${name}" is a ${source.spec.type} layer: a layer shown on a mesh must be a composition (wrap it: { type: 'composition', name: '${name}', width: 480, height: 270, sequences: [ \u2026 ] })`);
+  }
+  const width = Math.max(1, Math.round(source.intrinsicWidth * resolution)), height = Math.max(1, Math.round(source.intrinsicHeight * resolution));
+  const sharedRoute = host.shared && pixi.name === "webgpu";
+  const rt = pixi_js.RenderTexture.create({ width, height, resolution: 1, ...sharedRoute ? { autoGenerateMipmaps: true } : {} });
+  const gpuTexture = sharedRoute ? pixi.texture.getGpuSource?.(rt.source) : void 0;
+  let texture, material, readCanvas = null;
+  if (gpuTexture) {
+    let webgpu, tsl;
+    try {
+      [webgpu, tsl] = await Promise.all([import('three/webgpu'), import('three/tsl')]);
+    } catch (err) {
+      throw new Error(`${label}: needs "three/webgpu" and "three/tsl" in the import map (${err instanceof Error ? err.message : err})`);
+    }
+    const ext = new webgpu.ExternalTexture(gpuTexture);
+    ext.colorSpace = webgpu.NoColorSpace;
+    ext.minFilter = webgpu.LinearMipmapLinearFilter;
+    ext.magFilter = webgpu.LinearFilter;
+    ext.generateMipmaps = false;
+    ext.anisotropy = 4;
+    ext.repeat.set(1, -1);
+    ext.offset.set(0, 1);
+    const m = new webgpu.MeshBasicNodeMaterial();
+    const t = tsl.texture(ext);
+    const tex = t, vec4 = tsl.vec4, eotf = tsl.sRGBTransferEOTF, max = tsl.max;
+    const straight = eotf(vec4(tex.rgb.div(max(tex.a, 1e-4)), 1));
+    m.colorNode = transparent ? vec4(straight.rgb, tex.a) : vec4(eotf(vec4(tex.rgb, 1)).rgb, 1);
+    m.toneMapped = false;
+    if (transparent) {
+      m.transparent = true;
+      m.depthWrite = false;
+    }
+    texture = ext;
+    material = m;
+  } else {
+    const three2 = await import('three');
+    readCanvas = document.createElement("canvas");
+    readCanvas.width = width;
+    readCanvas.height = height;
+    const ct = new three2.CanvasTexture(readCanvas);
+    ct.colorSpace = three2.SRGBColorSpace;
+    texture = ct;
+    material = new three2.MeshBasicMaterial({ map: ct, toneMapped: false, ...transparent ? { transparent: true, depthWrite: false } : {} });
+  }
+  let current = source;
+  let display = source.target;
+  let sx = width / source.intrinsicWidth, sy = height / source.intrinsicHeight;
+  let hidden = false;
+  const hide = () => {
+    display.visible = false;
+    hidden = true;
+  };
+  hide();
+  const uncull = (c) => {
+    if (c.culled) c.culled = false;
+    for (const k of c.children) uncull(k);
+  };
+  const refresh = () => {
+    const m = new pixi_js.Matrix().scale(sx, sy);
+    display.visible = true;
+    uncull(display);
+    try {
+      pixi.render({ container: display, target: rt, transform: m, clear: true, clearColor: [0, 0, 0, 0] });
+    } finally {
+      display.visible = false;
+    }
+    if (gpuTexture) rt.source.updateMipmaps();
+    if (readCanvas) {
+      const g = readCanvas.getContext("2d");
+      if (transparent) {
+        const { pixels, width: w, height: h } = pixi.extract.pixels(rt);
+        for (let i = 0; i < pixels.length; i += 4) {
+          const a = pixels[i + 3];
+          if (a > 0 && a < 255) {
+            const k = 255 / a;
+            pixels[i] = pixels[i] * k;
+            pixels[i + 1] = pixels[i + 1] * k;
+            pixels[i + 2] = pixels[i + 2] * k;
+          }
+        }
+        g.putImageData(new ImageData(pixels, w, h), 0, 0);
+      } else {
+        g.clearRect(0, 0, width, height);
+        g.drawImage(pixi.extract.canvas(rt), 0, 0);
+      }
+      texture.needsUpdate = true;
+    }
+  };
+  const stop = host.beforeDraw(refresh);
+  refresh();
+  const handle = {
+    material,
+    texture,
+    width,
+    height,
+    source: () => current,
+    rebind(next) {
+      const again = next.findLayer(name);
+      if (!again) throw new Error(`${label}: after a rebuild there is no layer "${name}" before the three layer any more`);
+      current = again;
+      display = again.target;
+      sx = width / again.intrinsicWidth;
+      sy = height / again.intrinsicHeight;
+      hide();
+      refresh();
+    },
+    dispose() {
+      stop();
+      if (hidden) {
+        display.visible = true;
+        hidden = false;
+      }
+      try {
+        rt.destroy(true);
+      } catch {
+      }
+      texture.dispose?.();
+      material.dispose?.();
+    }
+  };
+  host.track(handle);
+  return handle;
+}
 
 // src/three/index.ts
 function registerThree(options = {}) {
   const kind = options.renderer ?? "webgl";
   checkRendererKind(kind, "registerThree's renderer");
   setPageRenderer(kind);
-  chunkX62H3RBG_cjs.registerSequenceType("three", ThreeSequence);
+  chunkLALEBV63_cjs.registerSequenceType("three", ThreeSequence);
 }
 function three(spec) {
   return spec;
@@ -859,5 +1037,6 @@ exports.registerThree = registerThree;
 exports.three = three;
 exports.threeFrameCamera = threeFrameCamera;
 exports.threeGltf = threeGltf;
+exports.threeLayerTexture = threeLayerTexture;
 //# sourceMappingURL=three.cjs.map
 //# sourceMappingURL=three.cjs.map