pixi-effects 0.41.0 → 0.42.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRN5FWGGM_cjs = require('./chunk-RN5FWGGM.cjs');
+var chunkWVZLAIKK_cjs = require('./chunk-WVZLAIKK.cjs');
 require('./chunk-3HZV3UHU.cjs');
 var chunkX62H3RBG_cjs = require('./chunk-X62H3RBG.cjs');
 var chunkLQDDDIC4_cjs = require('./chunk-LQDDDIC4.cjs');
@@ -12,99 +12,99 @@ var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
 
 Object.defineProperty(exports, "Movie", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.Movie; }
+  get: function () { return chunkWVZLAIKK_cjs.Movie; }
 });
 Object.defineProperty(exports, "animateText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.animateText; }
+  get: function () { return chunkWVZLAIKK_cjs.animateText; }
 });
 Object.defineProperty(exports, "audioEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.audioEnvelope; }
+  get: function () { return chunkWVZLAIKK_cjs.audioEnvelope; }
 });
 Object.defineProperty(exports, "bpmEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.bpmEnvelope; }
+  get: function () { return chunkWVZLAIKK_cjs.bpmEnvelope; }
 });
 Object.defineProperty(exports, "cameraPath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.cameraPath; }
+  get: function () { return chunkWVZLAIKK_cjs.cameraPath; }
 });
 Object.defineProperty(exports, "computeEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.computeEnvelope; }
+  get: function () { return chunkWVZLAIKK_cjs.computeEnvelope; }
 });
 Object.defineProperty(exports, "dismissLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.dismissLoader; }
+  get: function () { return chunkWVZLAIKK_cjs.dismissLoader; }
 });
 Object.defineProperty(exports, "ease", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.parseEase; }
+  get: function () { return chunkWVZLAIKK_cjs.parseEase; }
 });
 Object.defineProperty(exports, "failLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.failLoader; }
+  get: function () { return chunkWVZLAIKK_cjs.failLoader; }
 });
 Object.defineProperty(exports, "followPath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.followPath; }
+  get: function () { return chunkWVZLAIKK_cjs.followPath; }
 });
 Object.defineProperty(exports, "kenBurns", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.kenBurns; }
+  get: function () { return chunkWVZLAIKK_cjs.kenBurns; }
 });
 Object.defineProperty(exports, "measureText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.measureText; }
+  get: function () { return chunkWVZLAIKK_cjs.measureText; }
 });
 Object.defineProperty(exports, "musicBuffer", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicBuffer; }
+  get: function () { return chunkWVZLAIKK_cjs.musicBuffer; }
 });
 Object.defineProperty(exports, "musicEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicEnvelope; }
+  get: function () { return chunkWVZLAIKK_cjs.musicEnvelope; }
 });
 Object.defineProperty(exports, "musicEvents", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicEvents; }
+  get: function () { return chunkWVZLAIKK_cjs.musicEvents; }
 });
 Object.defineProperty(exports, "orbit", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.orbit; }
+  get: function () { return chunkWVZLAIKK_cjs.orbit; }
 });
 Object.defineProperty(exports, "particles", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.particles; }
+  get: function () { return chunkWVZLAIKK_cjs.particles; }
 });
 Object.defineProperty(exports, "react", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.react; }
+  get: function () { return chunkWVZLAIKK_cjs.react; }
 });
 Object.defineProperty(exports, "resolveLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.resolveLoader; }
+  get: function () { return chunkWVZLAIKK_cjs.resolveLoader; }
 });
 Object.defineProperty(exports, "samplePath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.samplePath; }
+  get: function () { return chunkWVZLAIKK_cjs.samplePath; }
 });
 Object.defineProperty(exports, "splitText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.splitText; }
+  get: function () { return chunkWVZLAIKK_cjs.splitText; }
 });
 Object.defineProperty(exports, "stagger", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.stagger; }
+  get: function () { return chunkWVZLAIKK_cjs.stagger; }
 });
 Object.defineProperty(exports, "wiggle", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.wiggle; }
+  get: function () { return chunkWVZLAIKK_cjs.wiggle; }
 });
 Object.defineProperty(exports, "withFade", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.withFade; }
+  get: function () { return chunkWVZLAIKK_cjs.withFade; }
 });
 Object.defineProperty(exports, "Sequence", {
   enumerable: true,

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, 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-DWtxRiJ2.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-BHGhg-fJ.cjs';
 import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, f as CameraSequenceSpec, K as Keyframe, g as TextSequenceSpec, M as MusicOptions, d as SequenceCommon } from './types-DIh93lFb.cjs';
 export { h as ArcShapeSpec, A as AssetSpec, i as AudioAssetSpec, j as AudioMusicSpec, k as AudioSequenceSpec, l as AudioSfxSpec, B as BlendModeName, m as CanvasInfo, n as CanvasSequenceSpec, o as ChromaKeyFilterSpec, p as CircleShapeSpec, q as CompositionSequenceSpec, a as CompositionSpec, r as CrossfadeTransition, s as CustomFilterSpec, D as DipTransition, t as DissolveTransition, E as EllipseShapeSpec, u as Expr, F as FilterSpec, G as GradientSpec, v as IrisTransition, L as LightSequenceSpec, w as LineShapeSpec, x as LumaTransition, y as MaskRefSpec, z as MatteRefSpec, H as MusicDrum, J as MusicDrums, N as MusicInstrument, O as MusicLevel, Q as MusicTrack, R as NullSequenceSpec, U as PathShapeSpec, V as PolygonShapeSpec, e as PropValue, P as Props, W as RectShapeSpec, X as SfxKnobs, Y as SfxOptions, Z as SfxPreset, _ as SfxVoice, $ as ShaderSequenceSpec, a0 as ShapeSequenceSpec, a1 as SlideTransition, c as SpaceNow, b as Stop, a2 as StopSpec, a3 as TextSpan, a4 as TransitionCommon, T as TransitionSpec, a5 as VideoSequenceSpec, a6 as WipeTransition, a7 as ZoomTransition } from './types-DIh93lFb.cjs';
 import { M as MusicEvents } from './soundEntry-DT13DNt8.cjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { C as ContactSheetOptions, F as FontReport, b as FrameEvent, 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-CwqRLOzE.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-CBVFZ1kg.js';
 import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, f as CameraSequenceSpec, K as Keyframe, g as TextSequenceSpec, M as MusicOptions, d as SequenceCommon } from './types-DIh93lFb.js';
 export { h as ArcShapeSpec, A as AssetSpec, i as AudioAssetSpec, j as AudioMusicSpec, k as AudioSequenceSpec, l as AudioSfxSpec, B as BlendModeName, m as CanvasInfo, n as CanvasSequenceSpec, o as ChromaKeyFilterSpec, p as CircleShapeSpec, q as CompositionSequenceSpec, a as CompositionSpec, r as CrossfadeTransition, s as CustomFilterSpec, D as DipTransition, t as DissolveTransition, E as EllipseShapeSpec, u as Expr, F as FilterSpec, G as GradientSpec, v as IrisTransition, L as LightSequenceSpec, w as LineShapeSpec, x as LumaTransition, y as MaskRefSpec, z as MatteRefSpec, H as MusicDrum, J as MusicDrums, N as MusicInstrument, O as MusicLevel, Q as MusicTrack, R as NullSequenceSpec, U as PathShapeSpec, V as PolygonShapeSpec, e as PropValue, P as Props, W as RectShapeSpec, X as SfxKnobs, Y as SfxOptions, Z as SfxPreset, _ as SfxVoice, $ as ShaderSequenceSpec, a0 as ShapeSequenceSpec, a1 as SlideTransition, c as SpaceNow, b as Stop, a2 as StopSpec, a3 as TextSpan, a4 as TransitionCommon, T as TransitionSpec, a5 as VideoSequenceSpec, a6 as WipeTransition, a7 as ZoomTransition } from './types-DIh93lFb.js';
 import { M as MusicEvents } from './soundEntry-DT13DNt8.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-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-Y2N6U3X5.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-NFJKBWYO.js';
 import './chunk-ICI6ACHY.js';
 export { Sequence, noise, noise2, rand, random, registerSequenceType } from './chunk-4QVQ5UJJ.js';
 export { inspectSound } from './chunk-UHNSL2KJ.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.41.0/dist/loader.css">
+ *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.42.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,6 +1,6 @@
 'use strict';
 
-require('./chunk-RN5FWGGM.cjs');
+require('./chunk-WVZLAIKK.cjs');
 require('./chunk-3HZV3UHU.cjs');
 require('./chunk-X62H3RBG.cjs');
 require('./chunk-LQDDDIC4.cjs');

package/dist/present.d.cts

@@ -1,4 +1,4 @@
-import { M as Movie, a as MotionBlurSpec } from './Movie-DWtxRiJ2.cjs';
+import { M as Movie, a as MotionBlurSpec } from './Movie-BHGhg-fJ.cjs';
 import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, a as CompositionSpec, b as Stop } from './types-DIh93lFb.cjs';
 import 'pixi.js';
 import './soundEntry-DT13DNt8.cjs';

package/dist/present.d.ts

@@ -1,4 +1,4 @@
-import { M as Movie, a as MotionBlurSpec } from './Movie-CwqRLOzE.js';
+import { M as Movie, a as MotionBlurSpec } from './Movie-CBVFZ1kg.js';
 import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, a as CompositionSpec, b as Stop } from './types-DIh93lFb.js';
 import 'pixi.js';
 import './soundEntry-DT13DNt8.js';

package/dist/present.js

@@ -1,4 +1,4 @@
-import './chunk-Y2N6U3X5.js';
+import './chunk-NFJKBWYO.js';
 import './chunk-ICI6ACHY.js';
 import './chunk-4QVQ5UJJ.js';
 import './chunk-UHNSL2KJ.js';

package/dist/three.cjs

@@ -189,6 +189,8 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
   _fogMirror = null;
   _warnedSpace = /* @__PURE__ */ new Set();
   _tracked = false;
+  /** Set when this layer lets its renderer go on purpose: the context loss that follows is its own doing, not the browser's. */
+  _closing = false;
   get _threeSpec() {
     return this.spec;
   }
@@ -245,7 +247,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       this._track();
       let said = false;
       canvas.addEventListener("webglcontextlost", () => {
-        if (said) return;
+        if (said || this._closing) return;
         said = true;
         console.warn(`pixi-effects: three layer${spec.name ? ` "${spec.name}"` : ""}: the browser took this layer's WebGL context away (a page keeps about 16 for all its layers, PixiJS and shader layers: too many were alive), so the layer draws nothing. Put several objects in one three layer, or destroy layers that are over`);
       });
@@ -336,6 +338,36 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
     }
     return null;
   }
+  /**
+   * `hit.three.grab(plane)`: drag a grabbed point of the scene. Returns a function of a point (u, v) of the layer's picture (0..1, v down) that gives where the pointer's ray through the layer's
+   * camera meets a plane through the grabbed point, and how far that is from the grabbed point (`delta`): move the object by it and it follows the pointer exactly. `plane`: `'screen'` (facing the
+   * camera: the default), `'floor'` (horizontal, the three y up), `'wall'` (z constant), or a normal `[x, y, z]`. null where the ray never meets it (a floor seen edge-on, behind the camera).
+   */
+  dragPlane(point, plane = "screen") {
+    const grabbed = new three$1.Vector3(...point);
+    let normal;
+    if (plane === "floor") normal = new three$1.Vector3(0, 1, 0);
+    else if (plane === "wall") normal = new three$1.Vector3(0, 0, 1);
+    else if (Array.isArray(plane)) normal = new three$1.Vector3(...plane).normalize();
+    else {
+      const turn = new three$1.Quaternion();
+      this._camera?.updateMatrixWorld();
+      this._camera?.getWorldQuaternion(turn);
+      normal = new three$1.Vector3(0, 0, 1).applyQuaternion(turn);
+    }
+    const surface = new three$1.Plane().setFromNormalAndCoplanarPoint(normal, grabbed);
+    return (u, v) => {
+      const scene = this._scene, camera = this._camera;
+      if (!scene || !camera) return null;
+      scene.updateMatrixWorld();
+      camera.updateMatrixWorld();
+      const ray = new three$1.Raycaster();
+      ray.setFromCamera(new three$1.Vector2(u * 2 - 1, -(v * 2 - 1)), camera);
+      const at = ray.ray.intersectPlane(surface, new three$1.Vector3());
+      if (!at) return null;
+      return { point: at.toArray(), delta: at.clone().sub(grabbed).toArray() };
+    };
+  }
   /**
    * The determinism check (`check`, `movie.review()`): the scene drawn at a few moments in two orders, with one draw thrown away first, and the pictures compared, as the canvas layer
    * does. A layer whose same frame is not the same picture (a clock, `Math.random`, a mixer advanced with `update(dt)`, any state that builds up from call to call) is reported.
@@ -557,6 +589,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
   }
   _disposeRenderer() {
     if (!this._renderer) return;
+    this._closing = true;
     if (this._tracked) {
       this._tracked = false;
       releaseThree(this._gpu ? "webgpu" : "webgl");