pixi-effects 0.41.0 → 0.43.0

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRN5FWGGM_cjs = require('./chunk-RN5FWGGM.cjs');
+var chunkBEGOKE7Q_cjs = require('./chunk-BEGOKE7Q.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 chunkBEGOKE7Q_cjs.Movie; }
 });
 Object.defineProperty(exports, "animateText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.animateText; }
+  get: function () { return chunkBEGOKE7Q_cjs.animateText; }
 });
 Object.defineProperty(exports, "audioEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.audioEnvelope; }
+  get: function () { return chunkBEGOKE7Q_cjs.audioEnvelope; }
 });
 Object.defineProperty(exports, "bpmEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.bpmEnvelope; }
+  get: function () { return chunkBEGOKE7Q_cjs.bpmEnvelope; }
 });
 Object.defineProperty(exports, "cameraPath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.cameraPath; }
+  get: function () { return chunkBEGOKE7Q_cjs.cameraPath; }
 });
 Object.defineProperty(exports, "computeEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.computeEnvelope; }
+  get: function () { return chunkBEGOKE7Q_cjs.computeEnvelope; }
 });
 Object.defineProperty(exports, "dismissLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.dismissLoader; }
+  get: function () { return chunkBEGOKE7Q_cjs.dismissLoader; }
 });
 Object.defineProperty(exports, "ease", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.parseEase; }
+  get: function () { return chunkBEGOKE7Q_cjs.parseEase; }
 });
 Object.defineProperty(exports, "failLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.failLoader; }
+  get: function () { return chunkBEGOKE7Q_cjs.failLoader; }
 });
 Object.defineProperty(exports, "followPath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.followPath; }
+  get: function () { return chunkBEGOKE7Q_cjs.followPath; }
 });
 Object.defineProperty(exports, "kenBurns", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.kenBurns; }
+  get: function () { return chunkBEGOKE7Q_cjs.kenBurns; }
 });
 Object.defineProperty(exports, "measureText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.measureText; }
+  get: function () { return chunkBEGOKE7Q_cjs.measureText; }
 });
 Object.defineProperty(exports, "musicBuffer", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicBuffer; }
+  get: function () { return chunkBEGOKE7Q_cjs.musicBuffer; }
 });
 Object.defineProperty(exports, "musicEnvelope", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicEnvelope; }
+  get: function () { return chunkBEGOKE7Q_cjs.musicEnvelope; }
 });
 Object.defineProperty(exports, "musicEvents", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.musicEvents; }
+  get: function () { return chunkBEGOKE7Q_cjs.musicEvents; }
 });
 Object.defineProperty(exports, "orbit", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.orbit; }
+  get: function () { return chunkBEGOKE7Q_cjs.orbit; }
 });
 Object.defineProperty(exports, "particles", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.particles; }
+  get: function () { return chunkBEGOKE7Q_cjs.particles; }
 });
 Object.defineProperty(exports, "react", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.react; }
+  get: function () { return chunkBEGOKE7Q_cjs.react; }
 });
 Object.defineProperty(exports, "resolveLoader", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.resolveLoader; }
+  get: function () { return chunkBEGOKE7Q_cjs.resolveLoader; }
 });
 Object.defineProperty(exports, "samplePath", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.samplePath; }
+  get: function () { return chunkBEGOKE7Q_cjs.samplePath; }
 });
 Object.defineProperty(exports, "splitText", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.splitText; }
+  get: function () { return chunkBEGOKE7Q_cjs.splitText; }
 });
 Object.defineProperty(exports, "stagger", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.stagger; }
+  get: function () { return chunkBEGOKE7Q_cjs.stagger; }
 });
 Object.defineProperty(exports, "wiggle", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.wiggle; }
+  get: function () { return chunkBEGOKE7Q_cjs.wiggle; }
 });
 Object.defineProperty(exports, "withFade", {
   enumerable: true,
-  get: function () { return chunkRN5FWGGM_cjs.withFade; }
+  get: function () { return chunkBEGOKE7Q_cjs.withFade; }
 });
 Object.defineProperty(exports, "Sequence", {
   enumerable: true,

package/dist/index.d.cts

@@ -1,9 +1,9 @@
-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';
-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';
+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-BdUm2Mc9.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-DiNHtdrS.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-DiNHtdrS.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 { S as Sequence } from './Base-DQWIJ6bJ.cjs';
+import { S as Sequence } from './Base-lb5Uhaqu.cjs';
 import 'pixi.js';
 
 /** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-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';
-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';
+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-B_qQIYV6.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-DiNHtdrS.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-DiNHtdrS.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 { S as Sequence } from './Base-Jgkud1Aw.js';
+import { S as Sequence } from './Base-DKFQtqzW.js';
 import 'pixi.js';
 
 /** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */

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-6N5ZBUOU.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.43.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-BEGOKE7Q.cjs');
 require('./chunk-3HZV3UHU.cjs');
 require('./chunk-X62H3RBG.cjs');
 require('./chunk-LQDDDIC4.cjs');

package/dist/present.d.cts

@@ -1,5 +1,5 @@
-import { M as Movie, a as MotionBlurSpec } from './Movie-DWtxRiJ2.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 { M as Movie, a as MotionBlurSpec } from './Movie-BdUm2Mc9.cjs';
+import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, a as CompositionSpec, b as Stop } from './types-DiNHtdrS.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-CwqRLOzE.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 { M as Movie, a as MotionBlurSpec } from './Movie-B_qQIYV6.js';
+import { S as SequenceSpec, P as Props, K as Keyframe, T as TransitionSpec, a as CompositionSpec, b as Stop } from './types-DiNHtdrS.js';
 import 'pixi.js';
 import './soundEntry-DT13DNt8.js';
 

package/dist/present.js

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

package/dist/three.cjs

@@ -161,7 +161,7 @@ function trackThree(kind) {
   live[kind]++;
   if (live[kind] > WARN_ABOVE[kind] && !warned.has(kind)) {
     warned.add(kind);
-    console.warn(`pixi-effects: ${live[kind]} three layers are alive with renderer: '${kind}', and a browser keeps ${LIMIT[kind]} for the whole page; layers beyond that draw nothing, without an error. Put several objects in one three layer, destroy layers that are over, ` + (kind === "webgl" ? `or use renderer: 'webgpu' for some (its limit is about 32)` : `or use renderer: 'webgl' for some of them (a different pool of contexts)`));
+    console.warn(`pixi-effects: ${live[kind]} three layers are alive with renderer: '${kind}', and a browser keeps ${LIMIT[kind]} for the whole page; layers beyond that draw nothing, without an error. Put several objects in one three layer, destroy layers that are over, ` + (kind === "webgl" ? `or use renderer: 'webgpu' for some (in a movie PixiJS draws on WebGPU they share its GPU device and have no limit; otherwise it is about 32)` : `or use renderer: 'webgl' for some of them (a different pool of contexts), or leave shareGpu on in a movie PixiJS draws on WebGPU (the layers then share its device)`));
   }
 }
 function releaseThree(kind) {
@@ -178,6 +178,11 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
   backend = null;
   _gpu = false;
   // renderer: 'webgpu': async init and async render
+  /** True when the layer draws on PixiJS's own GPU device into a texture PixiJS samples directly (no canvas of its own, no copy, no share of the page's context cap). */
+  sharedGpu = false;
+  _rt = null;
+  // the texture a shared layer draws into
+  _sharedTexture = null;
   _scene = null;
   _camera = null;
   _ctx = null;
@@ -189,6 +194,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;
   }
@@ -221,31 +228,43 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       } catch (err) {
         throw new Error(`pixi-effects: renderer: 'webgpu' needs three 0.17x or later with "three/webgpu" in the import map (${err instanceof Error ? err.message : err})`);
       }
-      renderer = new mod.WebGPURenderer({ canvas, alpha: true, antialias });
-      this._renderer = renderer;
-      this._track();
-      const warn = console.warn;
-      let noGpu = false;
-      console.warn = (...args) => {
-        if (/WebGPU is not available/.test(String(args[0]))) noGpu = true;
-        else warn.apply(console, args);
-      };
-      try {
-        await renderer.init();
-      } catch (err) {
-        this._disposeRenderer();
-        throw err;
-      } finally {
-        console.warn = warn;
+      let shared = spec.shareGpu === false ? void 0 : this.root.gpu;
+      for (; ; ) {
+        renderer = new mod.WebGPURenderer(shared ? { device: shared.device, alpha: true, antialias } : { canvas, alpha: true, antialias });
+        this._renderer = renderer;
+        if (!shared) this._track();
+        const warn = console.warn;
+        let noGpu = false;
+        console.warn = (...args) => {
+          if (/WebGPU is not available/.test(String(args[0]))) noGpu = true;
+          else warn.apply(console, args);
+        };
+        try {
+          await renderer.init();
+          if (shared) {
+            renderer.setSize(Math.round(width * resolution), Math.round(height * resolution), false);
+            renderer.setClearColor(0, 0);
+            this._prepareShared(renderer, shared, width, height, resolution, antialias);
+          }
+          this.backend = noGpu ? "webgl2" : "webgpu";
+          break;
+        } catch (err) {
+          this._disposeRenderer();
+          if (!shared) throw err;
+          console.warn(`pixi-effects: three layer${spec.name ? ` "${spec.name}"` : ""}: could not draw on PixiJS's GPU device (${err instanceof Error ? err.message : err}); it uses a canvas of its own (shareGpu: false does this on purpose)`);
+          shared = void 0;
+          this._closing = false;
+        } finally {
+          console.warn = warn;
+        }
       }
-      this.backend = noGpu ? "webgl2" : "webgpu";
     } else {
       renderer = new three$1.WebGLRenderer({ canvas, alpha: true, antialias });
       this._renderer = renderer;
       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`);
       });
@@ -272,7 +291,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       if (!("camera" in this._objects)) this._objects.camera = this._camera;
       if (this._gpu) this._checkWebGpuMaterials(scene, spec.name);
       this._draw(0);
-      const texture = pixi_js.Texture.from(canvas);
+      const texture = this._sharedTexture ?? pixi_js.Texture.from(canvas);
       const sprite = new pixi_js.Sprite({ texture, label: spec.name });
       sprite.cullable = true;
       sprite.width = width;
@@ -308,7 +327,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       }
     }
     this._draw(t);
-    this.target?.texture.source.update();
+    if (!this.sharedGpu) this.target?.texture.source.update();
   }
   /**
    * `movie.pick`: a ray through the point (u, v) of the layer's picture (0..1, v down) from the layer's camera, and what it meets first: the object's name (its own, or its nearest
@@ -336,6 +355,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.
@@ -368,7 +417,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       try {
         this._followSpace(t);
         this._threeSpec.update?.(t, ctx);
-        this._draw(t);
+        this._draw(t, true);
         g.clearRect(0, 0, w, h);
         g.drawImage(source, 0, 0);
       } catch {
@@ -471,10 +520,45 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
    * follow each other in one task (a seek, an export) would all show the lights of the last animation frame: a lamp keyframed with `three.lamp.intensity` would not move.
    * So before each render the layer advances the node frame itself, and gives `time` the layer's own time (not three's wall clock).
    */
-  _draw(t) {
+  _draw(t, toCanvas = false) {
     if (!this._renderer || !this._scene || !this._camera) return;
     if (this._gpu) this._advanceNodeFrame(t);
-    this._renderer.render(this._scene, this._camera);
+    if (!this._rt || toCanvas) {
+      this._renderer.render(this._scene, this._camera);
+      return;
+    }
+    const r = this._renderer;
+    r.setOutputRenderTarget(this._rt);
+    try {
+      this._renderer.render(this._scene, this._camera);
+    } finally {
+      r.setOutputRenderTarget(null);
+      r.setRenderTarget(null);
+    }
+  }
+  /**
+   * A shared layer's texture: a render target of the layer's size, drawn into once (the GPU texture exists only after a draw) and adopted by a PixiJS texture source. Throws when something
+   * is not as this expects (the build then makes the layer again on a canvas of its own). Done before `setup`, so nothing the author made yet depends on the renderer.
+   */
+  _prepareShared(renderer, shared, width, height, resolution, antialias) {
+    const w = Math.round(width * resolution), h = Math.round(height * resolution);
+    const rt = new three$1.RenderTarget(w, h, { depthBuffer: true, samples: antialias ? 4 : 0 });
+    this._rt = rt;
+    const r = renderer;
+    if (typeof r.setOutputRenderTarget !== "function") throw new Error("this three has no setOutputRenderTarget");
+    r.setOutputRenderTarget(rt);
+    try {
+      renderer.render(new three$1.Scene(), new three$1.PerspectiveCamera());
+    } finally {
+      r.setOutputRenderTarget(null);
+      r.setRenderTarget(null);
+    }
+    const gpuTexture = r.backend?.get?.(rt.texture)?.texture;
+    if (!gpuTexture || typeof gpuTexture.createView !== "function") throw new Error("three keeps no GPU texture for a render target");
+    const source = new pixi_js.TextureSource({ width: w, height: h, format: gpuTexture.format, label: "three layer (shared GPU)" });
+    shared.adopt(source, gpuTexture);
+    this._sharedTexture = new pixi_js.Texture({ source });
+    this.sharedGpu = true;
   }
   /**
    * The author chose renderer: 'webgpu'. Three's WebGPU renderer turns materials into node materials: a ShaderMaterial / RawShaderMaterial cannot run there (three logs an error on
@@ -557,6 +641,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");
@@ -568,6 +653,11 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
       console.warn("pixi-effects: three renderer dispose threw \u2014", err);
     }
     this._renderer = null;
+    try {
+      this._rt?.dispose();
+    } catch {
+    }
+    this._rt = null;
   }
   destroy() {
     const spec = this._threeSpec;
@@ -590,6 +680,7 @@ var ThreeSequence = class extends chunkX62H3RBG_cjs.Sequence {
     this._objects = {};
     super.destroy();
     texture?.destroy(true);
+    this._sharedTexture = null;
   }
 };
 function resolveDim(v, scope) {