pixi-effects 0.22.0 → 0.25.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 FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoaderOption, M as MotionBlurOptions, g as MotionBlurSpec, h as Movie, i as MovieErrorEvent, j as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, k as ReviewOptions, l as ReviewReport, S as SnapshotOptions, m as SoundMeasure, n as StopEvent, o as StopImage, p as StopImagesOptions, T as TimelineData, q as TimelineHtmlOptions, r as TimelineRow, s as TimelineSvgOptions, t as TimelineTransition, V as VolumeEvent, u as dismissLoader, v as failLoader, w as resolveLoader } from './Movie-DMxOoTdW.cjs';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-DBbZVKGS.cjs';
-export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LineShapeSpec, r as MusicDrum, s as MusicDrums, t as MusicInstrument, u as MusicLevel, v as MusicTrack, N as NullSequenceSpec, w as PathShapeSpec, x as PolygonShapeSpec, y as PropValue, R as RectShapeSpec, z as SfxKnobs, H as SfxOptions, J as SfxPreset, O as SfxVoice, Q as ShapeSequenceSpec, U as SlideTransition, V as Stop, W as StopSpec, X as TransitionCommon, Y as VideoSequenceSpec, Z as WipeTransition, _ as ZoomTransition, $ as normalizeStops, a0 as pictureStops } from './types-DBbZVKGS.cjs';
-import { S as Sequence } from './Base-BzlPgd-D.cjs';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoaderOption, M as MotionBlurOptions, g as MotionBlurSpec, h as Movie, i as MovieErrorEvent, j as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, k as ReviewOptions, l as ReviewReport, S as SnapshotOptions, m as SoundMeasure, n as StopEvent, o as StopImage, p as StopImagesOptions, T as TimelineData, q as TimelineHtmlOptions, r as TimelineRow, s as TimelineSvgOptions, t as TimelineTransition, V as VolumeEvent, u as dismissLoader, v as failLoader, w as resolveLoader } from './Movie-CTpN1wYL.cjs';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-CoT0ypcx.cjs';
+export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-CoT0ypcx.cjs';
+import { S as Sequence } from './Base-DHVKqA46.cjs';
 import 'pixi.js';
 import 'gsap';
 
@@ -610,7 +610,7 @@ type DeckTransition = TransitionSpec extends infer T ? (T extends TransitionSpec
 interface DeckOptions {
     pages: DeckPage[];
     /**
-     * A transition between every two pages: `{ kind: 'crossfade' | 'slide' | 'wipe' | 'iris' | 'dip' | 'zoom' | 'dissolve', duration, …its own options }` (see Transitions). The next page starts
+     * A transition between every two pages: `{ kind: 'crossfade' | 'slide' | 'wipe' | 'iris' | 'dip' | 'zoom' | 'dissolve' | 'luma', duration, …its own options }` (see Transitions). The next page starts
      * `duration` seconds before the current one ends, and the transition plays across the overlap.
      */
     transition?: DeckTransition;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoaderOption, M as MotionBlurOptions, g as MotionBlurSpec, h as Movie, i as MovieErrorEvent, j as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, k as ReviewOptions, l as ReviewReport, S as SnapshotOptions, m as SoundMeasure, n as StopEvent, o as StopImage, p as StopImagesOptions, T as TimelineData, q as TimelineHtmlOptions, r as TimelineRow, s as TimelineSvgOptions, t as TimelineTransition, V as VolumeEvent, u as dismissLoader, v as failLoader, w as resolveLoader } from './Movie--_TJvdJa.js';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-DBbZVKGS.js';
-export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LineShapeSpec, r as MusicDrum, s as MusicDrums, t as MusicInstrument, u as MusicLevel, v as MusicTrack, N as NullSequenceSpec, w as PathShapeSpec, x as PolygonShapeSpec, y as PropValue, R as RectShapeSpec, z as SfxKnobs, H as SfxOptions, J as SfxPreset, O as SfxVoice, Q as ShapeSequenceSpec, U as SlideTransition, V as Stop, W as StopSpec, X as TransitionCommon, Y as VideoSequenceSpec, Z as WipeTransition, _ as ZoomTransition, $ as normalizeStops, a0 as pictureStops } from './types-DBbZVKGS.js';
-import { S as Sequence } from './Base-gu-5X0Cv.js';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoaderOption, M as MotionBlurOptions, g as MotionBlurSpec, h as Movie, i as MovieErrorEvent, j as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, k as ReviewOptions, l as ReviewReport, S as SnapshotOptions, m as SoundMeasure, n as StopEvent, o as StopImage, p as StopImagesOptions, T as TimelineData, q as TimelineHtmlOptions, r as TimelineRow, s as TimelineSvgOptions, t as TimelineTransition, V as VolumeEvent, u as dismissLoader, v as failLoader, w as resolveLoader } from './Movie-FM5m67V0.js';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-CoT0ypcx.js';
+export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-CoT0ypcx.js';
+import { S as Sequence } from './Base-BgnRXbtJ.js';
 import 'pixi.js';
 import 'gsap';
 
@@ -610,7 +610,7 @@ type DeckTransition = TransitionSpec extends infer T ? (T extends TransitionSpec
 interface DeckOptions {
     pages: DeckPage[];
     /**
-     * A transition between every two pages: `{ kind: 'crossfade' | 'slide' | 'wipe' | 'iris' | 'dip' | 'zoom' | 'dissolve', duration, …its own options }` (see Transitions). The next page starts
+     * A transition between every two pages: `{ kind: 'crossfade' | 'slide' | 'wipe' | 'iris' | 'dip' | 'zoom' | 'dissolve' | 'luma', duration, …its own options }` (see Transitions). The next page starts
      * `duration` seconds before the current one ends, and the transition plays across the overlap.
      */
     transition?: DeckTransition;

package/dist/index.js

@@ -1,11 +1,11 @@
-import { CompositionSequence } from './chunk-UQDEDYVM.js';
-import { ensureFilterLibrary, homeDistance, DEFAULT_FOV, random, noise, flattenSvgPath, rand, DEG, timeRemapOf, contentLength, resolveAt, checkEase } from './chunk-DC4JPY6A.js';
-export { noise, rand, random, registerSequenceType } from './chunk-DC4JPY6A.js';
-import { usesAdvancedBlend, enableAdvancedBlend } from './chunk-YEPDQ7I3.js';
-import { collectPropKeys } from './chunk-E7RONUZ7.js';
-import { warnUnknownOptions, suggestName } from './chunk-NHICCDTC.js';
+import { CompositionSequence, maskSourceOf } from './chunk-XS6GSJCN.js';
+import { ensureFilterLibrary, homeDistance, DEFAULT_FOV, random, noise, flattenSvgPath, rand, DEG, timeRemapOf, contentLength, resolveAt, checkEase } from './chunk-PRZ4U6JN.js';
+export { noise, rand, random, registerSequenceType } from './chunk-PRZ4U6JN.js';
+import { usesAdvancedBlend, enableAdvancedBlend } from './chunk-AXZUKNXF.js';
+import { collectPropKeys } from './chunk-TLYTYBWX.js';
+import { warnUnknownOptions, suggestName } from './chunk-BXOCEZ4U.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 { extensions, CullerPlugin, Application, Container, Rectangle, Culler, CanvasTextMetrics, TextStyle, Assets, ExtensionType, Filter, Texture, UniformGroup, GpuProgram, GlProgram, defaultFilterVert } from 'pixi.js';
 import { gsap } from 'gsap';
 import { PixiPlugin } from 'gsap/PixiPlugin';
 import { QUALITY_VERY_HIGH, QUALITY_HIGH, QUALITY_MEDIUM, QUALITY_LOW, QUALITY_VERY_LOW, Output, BufferTarget, CanvasSource, AudioBufferSource, Input, ALL_FORMATS, BlobSource, WavOutputFormat, Conversion, VideoSampleSink, MkvOutputFormat, WebMOutputFormat, MovOutputFormat, Mp4OutputFormat, getFirstEncodableAudioCodec } from 'mediabunny';
@@ -899,10 +899,10 @@ var MODE_CODES = {
 var GL_FRAGMENT = `
 in vec2 vTextureCoord;
 uniform sampler2D uTexture;
-uniform vec4 uInputSize;     // PIXI-bound: xy = sprite render texture size (with padding)
-uniform vec4 uInputClamp;    // PIXI-bound: xy = min uv of unpadded content, zw = max uv
-uniform vec4 uOutputFrame;   // PIXI-bound: xy = sprite top-left on output, zw = bbox size in px
-uniform vec4 uGlobalFrame;   // PIXI-bound: xy = global frame offset, zw = canvas size in px
+uniform highp vec4 uInputSize;     // PIXI-bound: xy = sprite render texture size (with padding)
+uniform highp vec4 uInputClamp;    // PIXI-bound: xy = min uv of unpadded content, zw = max uv
+uniform highp vec4 uOutputFrame;   // PIXI-bound: xy = sprite top-left on output, zw = bbox size in px
+uniform highp vec4 uGlobalFrame;   // PIXI-bound: xy = global frame offset, zw = canvas size in px
 uniform float uProgress;
 uniform float uSmoothing;
 uniform float uMode;
@@ -1220,6 +1220,133 @@ var TransitionMaskFilter = class extends Filter {
     this.resources.transitionUniforms.uniforms.uSeed = v;
   }
 };
+var LUMA_MAPS = ["linear", "diagonal", "radial"];
+var GL = `in vec2 vTextureCoord;
+uniform sampler2D uTexture;
+uniform sampler2D uMap;
+uniform highp vec4 uInputClamp;
+uniform highp vec4 uOutputFrame;
+uniform highp vec4 uGlobalFrame;
+uniform float uProgress;
+uniform float uSoftness;
+uniform float uInvert;
+uniform float uFlip;
+uniform float uMode;
+out vec4 finalColor;
+float lumaOf(vec2 cuv, float aspect) {
+  if (uMode > 2.5) { vec2 p = (cuv - 0.5) * vec2(aspect, 1.0); return clamp(length(p) / (0.5 * length(vec2(aspect, 1.0))), 0.0, 1.0); }
+  if (uMode > 1.5) return clamp((cuv.x + cuv.y) * 0.5, 0.0, 1.0);
+  if (uMode > 0.5) return clamp(cuv.x, 0.0, 1.0);
+  return dot(texture(uMap, cuv).rgb, vec3(0.2126, 0.7152, 0.0722));
+}
+void main(void) {
+  vec4 raw = texture(uTexture, vTextureCoord);
+  vec2 bboxUV = (vTextureCoord - uInputClamp.xy) / (uInputClamp.zw - uInputClamp.xy);
+  vec2 cuv = (uOutputFrame.xy + bboxUV * uOutputFrame.zw) / uGlobalFrame.zw;
+  float l = lumaOf(cuv, uGlobalFrame.z / uGlobalFrame.w);
+  if (uFlip > 0.5) l = 1.0 - l;
+  float s = max(uSoftness, 0.0001);
+  float ep = uProgress * (1.0 + 2.0 * s) - s;
+  float reveal = 1.0 - smoothstep(ep - s, ep + s, l);
+  if (uInvert > 0.5) reveal = 1.0 - step(0.99, reveal);
+  finalColor = raw * reveal;
+}`;
+var WGSL = `
+struct GlobalFilterUniforms {
+  uInputSize:vec4<f32>, uInputPixel:vec4<f32>, uInputClamp:vec4<f32>, uOutputFrame:vec4<f32>, uGlobalFrame:vec4<f32>, uOutputTexture:vec4<f32>,
+};
+struct LumaUniforms { uProgress:f32, uSoftness:f32, uInvert:f32, uFlip:f32, uMode:f32, };
+@group(0) @binding(0) var<uniform> gfu: GlobalFilterUniforms;
+@group(0) @binding(1) var uTexture: texture_2d<f32>;
+@group(0) @binding(2) var uSampler : sampler;
+@group(1) @binding(0) var<uniform> lumaUniforms : LumaUniforms;
+@group(1) @binding(1) var uMap: texture_2d<f32>;
+@group(1) @binding(2) var uMapSampler : sampler;
+struct VSOutput {
+  @builtin(position) position: vec4<f32>,
+  @location(0) uv : vec2<f32>,
+};
+@vertex
+fn mainVertex(
+  @location(0) aPosition : vec2<f32>,
+) -> VSOutput {
+  var position = aPosition * gfu.uOutputFrame.zw + gfu.uOutputFrame.xy;
+  position.x = position.x * (2.0 / gfu.uOutputTexture.x) - 1.0;
+  position.y = position.y * (2.0 * gfu.uOutputTexture.z / gfu.uOutputTexture.y) - gfu.uOutputTexture.z;
+  return VSOutput(vec4<f32>(position, 0.0, 1.0), aPosition * (gfu.uOutputFrame.zw * gfu.uInputSize.zw));
+}
+fn lumaOf(cuv: vec2<f32>, aspect: f32) -> f32 {
+  let mode = lumaUniforms.uMode;
+  if (mode > 2.5) {
+    let p = (cuv - vec2<f32>(0.5)) * vec2<f32>(aspect, 1.0);
+    return clamp(length(p) / (0.5 * length(vec2<f32>(aspect, 1.0))), 0.0, 1.0);
+  }
+  if (mode > 1.5) { return clamp((cuv.x + cuv.y) * 0.5, 0.0, 1.0); }
+  if (mode > 0.5) { return clamp(cuv.x, 0.0, 1.0); }
+  let m = textureSampleLevel(uMap, uMapSampler, cuv, 0.0).rgb;
+  return dot(m, vec3<f32>(0.2126, 0.7152, 0.0722));
+}
+@fragment
+fn mainFragment(@location(0) uv : vec2<f32>) -> @location(0) vec4<f32> {
+  let raw = textureSample(uTexture, uSampler, uv);
+  let bboxUV = (uv - gfu.uInputClamp.xy) / (gfu.uInputClamp.zw - gfu.uInputClamp.xy);
+  let cuv = (gfu.uOutputFrame.xy + bboxUV * gfu.uOutputFrame.zw) / gfu.uGlobalFrame.zw;
+  var l = lumaOf(cuv, gfu.uGlobalFrame.z / gfu.uGlobalFrame.w);
+  if (lumaUniforms.uFlip > 0.5) { l = 1.0 - l; }
+  let s = max(lumaUniforms.uSoftness, 0.0001);
+  let ep = lumaUniforms.uProgress * (1.0 + 2.0 * s) - s;
+  var reveal = 1.0 - smoothstep(ep - s, ep + s, l);
+  if (lumaUniforms.uInvert > 0.5) { reveal = 1.0 - step(0.99, reveal); }
+  return raw * reveal;
+}`;
+var LumaWipeFilter = class extends Filter {
+  _mapName;
+  _builtIn;
+  _resolved = false;
+  _warned = false;
+  constructor({ map, softness = 0.1, progress = 0, invert = false, flip = false }) {
+    const t = Texture.WHITE;
+    const mode = LUMA_MAPS.indexOf(map) + 1;
+    super({
+      glProgram: GlProgram.from({ vertex: defaultFilterVert, fragment: GL, name: "pe-luma-wipe" }),
+      gpuProgram: GpuProgram.from({ vertex: { source: WGSL, entryPoint: "mainVertex" }, fragment: { source: WGSL, entryPoint: "mainFragment" } }),
+      resources: {
+        lumaUniforms: new UniformGroup({
+          uProgress: { value: progress, type: "f32" },
+          uSoftness: { value: softness, type: "f32" },
+          uInvert: { value: invert ? 1 : 0, type: "f32" },
+          uFlip: { value: flip ? 1 : 0, type: "f32" },
+          uMode: { value: mode, type: "f32" }
+        }),
+        uMap: t.source,
+        uMapSampler: t.source.style
+      }
+    });
+    this._mapName = map;
+    this._builtIn = mode > 0;
+  }
+  get uProgress() {
+    return this.resources.lumaUniforms.uniforms.uProgress;
+  }
+  set uProgress(v) {
+    this.resources.lumaUniforms.uniforms.uProgress = v;
+  }
+  apply(fm, input, output, clear) {
+    if (!this._builtIn && !this._resolved) {
+      const t = Assets.get(this._mapName);
+      if (t) {
+        this.resources.uMap = t.source;
+        this.resources.uMapSampler = t.source.style;
+        this._resolved = true;
+      } else if (!this._warned) {
+        this._warned = true;
+        const guess = suggestName(this._mapName, LUMA_MAPS);
+        console.warn(`pixi-effects: luma transition map "${this._mapName}" is not a built-in map (${LUMA_MAPS.join(", ")}) and no image asset has that name${guess ? `; did you mean "${guess}"?` : ""}; the wipe follows a white map (everything changes at once)`);
+      }
+    }
+    fm.applyFilter(this, input, output, clear);
+  }
+};
 
 // src/core/Transitions.ts
 var EPS = 1e-6;
@@ -1274,7 +1401,7 @@ function expandTransitions(spec) {
   });
   const masksParticipants = /* @__PURE__ */ new Set();
   for (const t of transitions) {
-    if (t.kind === "wipe" || t.kind === "iris" || t.kind === "dissolve" || t.kind === "zoom") {
+    if (t.kind === "wipe" || t.kind === "iris" || t.kind === "dissolve" || t.kind === "zoom" || t.kind === "luma") {
       masksParticipants.add(t.from);
       masksParticipants.add(t.to);
     }
@@ -1371,6 +1498,9 @@ function expandTransitions(spec) {
       case "dissolve":
         expandDissolve(out, abs, fromEntry.seq, toEntry.seq, i);
         break;
+      case "luma":
+        expandLuma(out, abs, fromEntry.seq, toEntry.seq, i);
+        break;
     }
     rebaseNewKeyframes(fromEntry.seq, nFrom, fromStart);
     rebaseNewKeyframes(toEntry.seq, nTo, toStart);
@@ -1394,7 +1524,11 @@ function wrapAsFullComposition(seq, compW, compH) {
   delete inner.name;
   delete inner.at;
   delete inner.duration;
+  const m = inner.mask;
+  const carriesMatte = m !== void 0 && maskSourceOf(m).kind === "refs";
+  if (carriesMatte) delete inner.mask;
   return {
+    ...carriesMatte ? { mask: m } : {},
     type: "composition",
     name: seq.name,
     at: seq.at,
@@ -1621,6 +1755,20 @@ function expandDissolve(comp, t, fromSeq, toSeq, transitionIndex) {
   });
   fromSeq.filterArea = fullArea;
 }
+function expandLuma(comp, t, fromSeq, toSeq, transitionIndex) {
+  const ease = t.ease ?? "none";
+  const inName = transitionFilterName(transitionIndex);
+  const outName = `${transitionFilterName(transitionIndex)}-out`;
+  const fullArea = { x: 0, y: 0, width: comp.width ?? 0, height: comp.height ?? 0 };
+  const opts = { map: t.map ?? "linear", softness: t.softness ?? 0.1, flip: t.flip ?? false };
+  for (const [seq, name, invert] of [[toSeq, inName, false], [fromSeq, outName, true]]) {
+    const filters = ensureFilters(seq);
+    rejectReservedNameCollision(filters, seq.name);
+    filters.push({ type: "custom", name, filter: new LumaWipeFilter({ ...opts, invert }) });
+    ensureKeyframes(seq).push({ at: t.at, to: { [`filters.${name}.uProgress`]: 1 }, duration: t.duration, ease });
+    seq.filterArea = fullArea;
+  }
+}
 var OWN_NAME_PATTERN = /^_pe-transition-\d+(-out)?$/;
 function rejectReservedNameCollision(filters, seqName) {
   for (const f of filters) {
@@ -1660,7 +1808,7 @@ function inspectScene(root, frame, time, canvas, opts = {}) {
         blending.add(w.to);
       }
     }
-    comp.layers().forEach(({ seq, display, threeD, carriers, depthBlur }, i) => {
+    comp.layers().forEach(({ seq, display, threeD, carriers, depthBlur, light }, i) => {
       const t = seq.target;
       const name = seq.spec.name;
       const label = name ?? `${seq.spec.type}#${i}`;
@@ -1692,6 +1840,7 @@ function inspectScene(root, frame, time, canvas, opts = {}) {
       const zero = parentZero || zeroScale(t) || carriers.some((c) => zeroScale(c.target));
       const info = { path: prefix + label, name, type: seq.spec.type, threeD, visible, alpha, moving, bounds, onCanvas };
       if (threeD) info.depthBlur = Number(depthBlur.toFixed(2));
+      if (threeD && light !== void 0) info.light = Number(light.toFixed(2));
       layers.push(info);
       let shown = bounds ? clip(bounds, view) : null;
       const maskTarget = seq.maskSequence?.target;
@@ -1830,6 +1979,7 @@ var COLORS = {
   composition: "#8ea4c8",
   three: "#ff9f68",
   camera: "#b0b0b0",
+  light: "#b0b0b0",
   null: "#b0b0b0"
 };
 var esc = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
@@ -2323,7 +2473,7 @@ var Movie = class {
       this._rootContainer = root;
       const audioContext = this._ensureAudioContext();
       await loadAssetBundle(options.assets ?? [], audioContext);
-      const rootShape = { width: this.width, height: this.height, duration: this.duration };
+      const rootShape = { width: this.width, height: this.height, duration: this.duration, frameRate: this.frameRate };
       const seededComposition = options.composition ? {
         ...options.composition,
         width: options.composition.width ?? this.width,
@@ -3912,7 +4062,7 @@ async function audioEnvelope(source, options = {}) {
 
 // src/audio/musicEnvelope.ts
 async function musicEnvelope(music, options = {}) {
-  const { resolveMusic, renderMusic, musicLength, musicBeatTimes, TempoMap } = await import('./music-FUN7N225.js');
+  const { resolveMusic, renderMusic, musicLength, musicBeatTimes, TempoMap } = await import('./music-AF4VTFAF.js');
   const messages = [];
   const m = resolveMusic(music, "musicEnvelope()", (msg) => messages.push(msg));
   if (!m) throw new Error(`pixi-effects: musicEnvelope(): ${messages.join(" ") || "the music has nothing to play"}`);
@@ -3925,7 +4075,7 @@ async function musicEnvelope(music, options = {}) {
 
 // src/audio/musicBuffer.ts
 async function musicBuffer(music, options = {}) {
-  const { resolveMusic, renderMusic, musicLength } = await import('./music-FUN7N225.js');
+  const { resolveMusic, renderMusic, musicLength } = await import('./music-AF4VTFAF.js');
   const messages = [];
   const m = resolveMusic(music, "musicBuffer()", (msg) => messages.push(msg));
   if (!m) throw new Error(`pixi-effects: musicBuffer(): ${messages.join(" ") || "the music has nothing to play"}`);