fuxi-topology 0.2.6 → 0.2.7

package/dist/fuxi-topology.js

@@ -1,4 +1,4 @@
-import { EventEmitter as le, Graphics as L, Sprite as gn, Texture as ne, Rectangle as Lt, Container as R, Point as Vr, MeshRope as Xr, TilingSprite as mn, TextStyle as qr, Text as vn, Assets as gi, ColorMatrixFilter as mi, Filter as G, GlProgram as U, UniformGroup as H, BlurFilter as Jr, Application as Kr } from "pixi.js";
+import { EventEmitter as le, Graphics as L, Sprite as gn, Texture as ne, Rectangle as Lt, Container as R, Point as Vr, MeshRope as Xr, TilingSprite as mn, TextStyle as qr, Text as vn, Assets as gi, BlurFilter as Jr, Filter as G, GlProgram as U, UniformGroup as H, ColorMatrixFilter as mi, Application as Kr } from "pixi.js";
 import dt from "pathfinding";
 import { zoom as Zr, ZoomTransform as Ut, zoomTransform as Qr, zoomIdentity as es } from "d3-zoom";
 import { ZoomTransform as md } from "d3-zoom";
@@ -3027,712 +3027,710 @@ class Ja extends le {
     this._looseGraphics.clear(), this._rootOrder = [], this.removeAllListeners();
   }
 }
-function Ze(t) {
-  return `#${t.toString(16).padStart(6, "0")}`;
-}
-function Ka(t) {
-  return "convertToBlob" in t && typeof t.convertToBlob == "function" ? t.convertToBlob({ type: "image/png" }) : new Promise((e, i) => {
-    t.toBlob(
-      (n) => n ? e(n) : i(new Error("Failed to create PNG blob")),
-      "image/png"
-    );
-  });
-}
-function Za(t) {
-  return typeof t.toDataURL == "function" ? t.toDataURL("image/png") : "";
+function bf(t, e) {
+  const i = e?.strength ?? 4, n = e?.quality ?? 4;
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new Jr({ strength: i, quality: n });
+    },
+    setOptions(r, s) {
+      const o = r;
+      s.strength !== void 0 && (o.strength = s.strength), s.quality !== void 0 && (o.quality = s.quality);
+    }
+  };
 }
-function Ct(t) {
-  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+const Ka = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
 }
-function It(t, e) {
-  const i = t instanceof Blob ? URL.createObjectURL(t) : `data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`, n = document.createElement("a");
-  n.href = i, n.download = e, document.body.appendChild(n), n.click(), document.body.removeChild(n), t instanceof Blob && URL.revokeObjectURL(i);
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
 }
-async function Qa(t, e) {
-  const { pixelRatio: i = 2 } = e ?? {}, n = t.app, r = n.renderer.resolution, s = n.screen.width, o = n.screen.height;
-  n.renderer.resolution = i, n.renderer.resize(s, o), n.render();
-  const a = Ka(n.canvas);
-  return n.renderer.resolution = r, n.renderer.resize(s, o), n.render(), a;
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
 }
-async function ec(t, e) {
-  const i = t.app.renderer;
-  try {
-    return await i.extract.base64({ target: e, format: "png" });
-  } catch {
-    try {
-      const n = i.extract.canvas(e);
-      return Za(n);
-    } catch {
-      return "";
+`
+);
+function Za(t) {
+  return (
+    /* glsl */
+    `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform vec4 uInputSize;
+uniform float uThreshold;
+uniform float uIntensity;
+uniform float uRadius;
+
+const int SAMPLES = ${t};
+const float FSAMPLES = ${t}.0;
+
+void main(void)
+{
+    vec4 original = texture(uTexture, vTextureCoord);
+
+    /* ---- 提取高亮区域并模糊 ---- */
+    vec3 bloom = vec3(0.0);
+    float totalWeight = 0.0;
+
+    for (int i = -SAMPLES; i <= SAMPLES; i++) {
+        for (int j = -SAMPLES; j <= SAMPLES; j++) {
+            vec2 offset = vec2(float(i), float(j)) * uRadius * uInputSize.zw;
+            vec4 samp = texture(uTexture, vTextureCoord + offset);
+
+            // 亮度提取（Luminance）
+            float lum = dot(samp.rgb, vec3(0.2126, 0.7152, 0.0722));
+            float bright = max(0.0, lum - uThreshold);
+
+            // 高斯权重近似
+            float dist = length(vec2(float(i), float(j)));
+            float weight = exp(-dist * dist / (2.0 * FSAMPLES));
+
+            bloom += samp.rgb * bright * weight;
+            totalWeight += weight;
+        }
     }
-  }
+
+    bloom /= totalWeight;
+
+    /* ---- 叠加 ---- */
+    vec3 result = original.rgb + bloom * uIntensity;
+
+    finalColor = vec4(result, original.a);
 }
-async function tc(t) {
-  const e = /* @__PURE__ */ new Map();
-  for (const i of t.nodes.getAll()) {
-    const n = i.options.icon;
-    if (!e.has(n))
-      try {
-        const r = await t.icons.loadTexture(n), s = await ec(t, r);
-        e.set(n, s);
-      } catch {
-        e.set(n, "");
+`
+  );
+}
+class Qa extends G {
+  constructor(e = {}) {
+    const i = e.threshold ?? 0.5, n = e.intensity ?? 1, r = e.radius ?? 2, s = e.samples ?? 3, o = U.from({
+      vertex: Ka,
+      fragment: Za(s),
+      name: "bloom-filter"
+    });
+    super({
+      glProgram: o,
+      resources: {
+        bloomUniforms: new H({
+          uThreshold: { value: i, type: "f32" },
+          uIntensity: { value: n, type: "f32" },
+          uRadius: { value: r, type: "f32" }
+        })
       }
+    });
   }
-  return e;
-}
-async function ic(t, e) {
-  const { background: i = !0 } = e ?? {}, n = t.projectionContainer, r = n.skew.x, s = n.skew.y, o = n.scale.x, a = n.position.x, c = n.position.y, l = Math.ceil(t.app.screen.width), h = Math.ceil(t.app.screen.height), u = o * Math.cos(s), f = o * Math.sin(s), d = o * Math.sin(r), p = o * Math.cos(r), m = Math.cos(s), v = Math.sin(s), _ = Math.sin(r), x = Math.cos(r), w = m * x - v * _, S = x / w, b = -v / w, E = -_ / w, N = m / w, j = u * p - f * d, ee = [
-    { x: 0, y: 0 },
-    { x: l, y: 0 },
-    { x: 0, y: h },
-    { x: l, y: h }
-  ];
-  let V = 1 / 0, X = 1 / 0, ue = -1 / 0, fe = -1 / 0;
-  for (const { x: I, y: te } of ee) {
-    const pe = I - a, ge = te - c, me = (p * pe - d * ge) / j, ve = (-f * pe + u * ge) / j;
-    V = Math.min(V, me), X = Math.min(X, ve), ue = Math.max(ue, me), fe = Math.max(fe, ve);
+  /* ---------- 便捷存取器 ---------- */
+  get threshold() {
+    return this.resources.bloomUniforms.uniforms.uThreshold;
   }
-  const q = g * 2, de = {
-    x: Math.floor((V - q) / g) * g,
-    y: Math.floor((X - q) / g) * g,
-    width: Math.ceil((ue - V + q * 2) / g) * g,
-    height: Math.ceil((fe - X + q * 2) / g) * g
-  }, $ = await tc(t), O = [];
-  O.push(
-    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"',
-    `     width="${l}" height="${h}" viewBox="0 0 ${l} ${h}">`
-  ), O.push("  <defs>");
-  for (const [I, te] of $)
-    te && O.push(
-      `    <symbol id="icon-${Ct(I)}" viewBox="0 0 100 100">`,
-      `      <image href="${te}" width="100" height="100" />`,
-      "    </symbol>"
-    );
-  if (O.push("  </defs>"), i) {
-    const I = t.grid.options, te = Ze(I.bgColor ?? 0);
-    O.push(`  <rect width="${l}" height="${h}" fill="${te}" />`);
+  set threshold(e) {
+    this.resources.bloomUniforms.uniforms.uThreshold = e;
   }
-  const Gt = `matrix(${u},${f},${d},${p},${a},${c})`;
-  if (O.push(`  <g transform="${Gt}">`), i) {
-    const I = await nc(t, de);
-    I && O.push(I);
+  get intensity() {
+    return this.resources.bloomUniforms.uniforms.uIntensity;
   }
-  for (const I of t.rects.getAll())
-    O.push(rc(I.options));
-  for (const I of t.lines.getAll())
-    O.push(sc(I));
-  for (const I of t.nodes.getAll())
-    O.push(oc(I.options, $, S, b, E, N));
-  for (const I of t.texts.getAll())
-    O.push(ac(I.options, S, b, E, N));
-  return O.push("  </g>"), O.push("</svg>"), O.join(`
-`);
-}
-async function nc(t, e) {
-  const n = t.grid.getGraphics().children[0];
-  if (!n) return "";
-  const r = t.grid.options.tileSize ?? 100, s = n.x, o = n.y, a = n.width, c = n.height, l = n.tilePosition?.x ?? 0, h = n.tilePosition?.y ?? 0;
-  try {
-    n.x = 0, n.y = 0, n.width = e.width, n.height = e.height, n.tilePosition && n.tilePosition.set(
-      -e.x - r / 2,
-      -e.y - r / 2
-    );
-    const u = n.parent;
-    u && u.removeChild(n);
-    const f = await t.app.renderer.extract.base64({
-      target: n,
-      format: "png"
-    });
-    return u && u.addChild(n), `    <image href="${f}" x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" />`;
-  } catch {
-    return "";
-  } finally {
-    n.x = s, n.y = o, n.width = a, n.height = c, n.tilePosition && n.tilePosition.set(l, h);
+  set intensity(e) {
+    this.resources.bloomUniforms.uniforms.uIntensity = e;
   }
-}
-function rc(t) {
-  const e = t.x * g - g / 2, i = t.y * g - g / 2, n = (t.width ?? 1) * g, r = (t.height ?? 1) * g, s = Ze(t.bgColor ?? 3447003), o = t.bgOpacity ?? 0.8, a = Ze(t.borderColor ?? 16777215), c = t.borderWidth ?? 2, l = t.borderOpacity ?? 1, h = t.borderRadius ?? 0, u = h > 0 ? ` rx="${h}" ry="${h}"` : "";
-  return `    <rect x="${e}" y="${i}" width="${n}" height="${r}"${u} fill="${s}" fill-opacity="${o}" stroke="${a}" stroke-width="${c}" stroke-opacity="${l}" />`;
-}
-function sc(t) {
-  const e = t.options, i = Ze(e.color ?? 4473958), n = e.width ?? 6, r = t.getPoints();
-  let s;
-  if (r && r.length >= 2)
-    s = r.map((a) => `${a.x},${a.y}`).join(" ");
-  else {
-    const a = [];
-    for (const c of e.anchor) {
-      const l = t.resolveAnchorPosition(c);
-      l && a.push({ x: l.x * g, y: l.y * g });
-    }
-    if (a.length < 2) return "";
-    s = a.map((c) => `${c.x},${c.y}`).join(" ");
+  get radius() {
+    return this.resources.bloomUniforms.uniforms.uRadius;
   }
-  const o = e.mode === "dashed" ? ` stroke-dasharray="${(e.dashPattern ?? [10, 5]).join(",")}"` : "";
-  return `    <polyline points="${s}" fill="none" stroke="${i}" stroke-width="${n}" stroke-linecap="round" stroke-linejoin="round"${o} />`;
-}
-function oc(t, e, i, n, r, s) {
-  const o = t.x * g, a = t.y * g, c = t.scale ?? 1, l = t.isFlat ?? !1, h = l ? 1 : t.scaleY ?? 1, u = t.offsetY ?? 0, f = t.icon;
-  if (!(e.has(f) && e.get(f) !== "")) return "";
-  const p = 100, m = -p / 2 * h + cr / 2 + u, v = [];
-  if (l) {
-    const _ = p * c, x = p * c, w = o - _ / 2, S = a + c * (m - p / 2);
-    v.push(
-      `    <use href="#icon-${Ct(f)}" x="${w}" y="${S}" width="${_}" height="${x}" />`
-    );
-  } else {
-    const _ = p * c, x = p * c * h, w = -_ / 2, S = c * h * m - x / 2, b = `matrix(${i},${n},${r},${s},0,0)`;
-    v.push(`    <g transform="translate(${o},${a})">`), v.push(`      <g transform="${b}">`), v.push(
-      `        <use href="#icon-${Ct(f)}" x="${w}" y="${S}" width="${_}" height="${x}" />`
-    ), v.push("      </g>"), v.push("    </g>");
+  set radius(e) {
+    this.resources.bloomUniforms.uniforms.uRadius = e;
   }
-  return v.join(`
-`);
-}
-function ac(t, e, i, n, r) {
-  const s = t.x * g, o = t.y * g, a = t.fontSize ?? 16, c = Ze(t.color ?? 16777215), l = t.fontWeight ?? "normal", h = t.fontFamily ?? "Arial", u = t.align ?? "center", f = t.position ?? "x", d = u === "left" ? "start" : u === "right" ? "end" : "middle", p = Ct(t.text), m = `text-anchor="${d}" fill="${c}" font-size="${a}" font-weight="${l}" font-family="${h}"`;
-  if (f === "screen") {
-    const v = `matrix(${e},${i},${n},${r},0,0)`;
-    return [
-      `    <g transform="translate(${s},${o})">`,
-      `      <text transform="${v}" ${m}>${p}</text>`,
-      "    </g>"
-    ].join(`
-`);
-  } else return f === "y" ? `    <text x="${s}" y="${o}" transform="rotate(-90,${s},${o})" ${m}>${p}</text>` : `    <text x="${s}" y="${o}" ${m}>${p}</text>`;
 }
-class De extends le {
-  /** 默认缩放级别 */
-  static DEFAULT_ZOOM = 0.8;
-  id;
-  app;
-  icons;
-  states;
-  postprocess;
-  projectionContainer;
-  layer;
-  grid;
-  nodes;
-  lines;
-  texts;
-  rects;
-  fences;
-  waves;
-  images;
-  sceneItems = /* @__PURE__ */ new Set();
-  /** 上一帧相机状态，用于 ticker 检测增量变化 */
-  lastCameraState = { x: 0, y: 0, scale: 0 };
-  _isActive = !1;
-  _cameraHandler;
-  constructor(e, i, n, r, s) {
-    super(), this.id = e, this.app = i, this.icons = n, this.states = r, this.postprocess = s, this.projectionContainer = new R(), this.layer = new Ja(this.projectionContainer), this.lines = new Ra(this), this.nodes = new Oa(this), this.texts = new Na(this), this.rects = new Ga(this), this.fences = new Ya(this), this.waves = new Wa(this), this.images = new Va(this), this.grid = new Da();
-    const { skewX: o, skewY: a } = lr();
-    this.projectionContainer.sortableChildren = !0, this.projectionContainer.skew.set(o, a), this.projectionContainer.scale.set(De.DEFAULT_ZOOM), this.projectionContainer.position.set(i.screen.width / 2, i.screen.height / 2), this.projectionContainer.addChild(this.grid.getGraphics()), this.grid.getGraphics().zIndex = -1, this.registerItem(this.grid);
-  }
-  // ========== 激活 / 停用 ==========
-  setActive(e) {
-    e !== this._isActive && (this._isActive = e, e ? (this.app.stage.addChild(this.projectionContainer), this.postprocess.bind(this.projectionContainer, this.app), this.app.ticker.add(this.tickerCallback, this), this.notifyCameraChange(!1, !1), this.emit("ready")) : (this.app.ticker.remove(this.tickerCallback, this), this.postprocess.unbind(), this.app.stage.removeChild(this.projectionContainer)));
-  }
-  get isActive() {
-    return this._isActive;
-  }
-  // ========== 序列化 ==========
-  toJSON() {
-    return {
-      nodes: this.nodes.toJSON(),
-      lines: this.lines.toJSON(),
-      texts: this.texts.toJSON(),
-      rects: this.rects.toJSON(),
-      fences: this.fences.toJSON(),
-      waves: this.waves.toJSON(),
-      images: this.images.toJSON(),
-      grid: this.grid.toJSON(),
-      camera: this.getCamera(),
-      layer: this.layer.toJSON()
-    };
-  }
-  fromJSON(e) {
-    this.clear(), e.nodes && this.nodes.fromJSON(e.nodes), e.lines && this.lines.fromJSON(e.lines), e.texts && this.texts.fromJSON(e.texts), e.rects && this.rects.fromJSON(e.rects), e.fences && this.fences.fromJSON(e.fences), e.waves && this.waves.fromJSON(e.waves), e.images && this.images.fromJSON(e.images), e.grid && this.grid.fromJSON(e.grid), e.camera && this.setCamera(e.camera), e.layer?.length && this.layer.fromJSON(e.layer);
-  }
-  /** 序列化为 YAML 字符串 */
-  toYAML() {
-    return be(this.toJSON());
-  }
-  /** 从 YAML 字符串反序列化 */
-  fromYAML(e) {
-    this.fromJSON(Ce(e));
+function Cf(t, e) {
+  const i = e?.threshold ?? 0.5, n = e?.intensity ?? 1, r = e?.radius ?? 2, s = e?.samples ?? 3;
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new Qa({ threshold: i, intensity: n, radius: r, samples: s });
+    },
+    setOptions(o, a) {
+      const c = o;
+      a.threshold !== void 0 && (c.threshold = a.threshold), a.intensity !== void 0 && (c.intensity = a.intensity), a.radius !== void 0 && (c.radius = a.radius);
+    }
+  };
+}
+function Ki(t, e) {
+  const i = e.brightness ?? 1, n = e.contrast ?? 0, r = e.saturate ?? 0, s = e.hue ?? 0;
+  t.reset(), i !== 1 && t.brightness(i, !0), n !== 0 && t.contrast(n, !0), r !== 0 && t.saturate(r, !0), s !== 0 && t.hue(s, !0);
+}
+function If(t, e) {
+  const i = {
+    brightness: e?.brightness ?? 1,
+    contrast: e?.contrast ?? 0,
+    saturate: e?.saturate ?? 0,
+    hue: e?.hue ?? 0
+  };
+  return {
+    postProcessId: t,
+    createFilter() {
+      const n = new mi();
+      return Ki(n, i), n;
+    },
+    setOptions(n, r) {
+      Object.assign(i, r), Ki(n, i);
+    }
+  };
+}
+const ec = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`
+), tc = (
+  /* glsl */
+  `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform float uRadius;
+uniform float uSoftness;
+uniform float uIntensity;
+uniform vec3 uColor;
+
+void main(void)
+{
+    vec4 original = texture(uTexture, vTextureCoord);
+
+    // 将归一化 0.5 中心映射到实际纹理坐标空间
+    vec2 texCenter = vec2(0.5) * (uOutputFrame.zw * uInputSize.zw);
+    // 从中心到边缘的距离（归一化回 0~1 空间）
+    vec2 center = (vTextureCoord - texCenter) / (uOutputFrame.zw * uInputSize.zw);
+    float dist = length(center) * 2.0;
+
+    // smoothstep 在 radius 和 radius+softness 之间平滑过渡
+    float vignetteFactor = smoothstep(uRadius, uRadius + uSoftness, dist) * uIntensity;
+
+    // 将边缘像素向暗角颜色混合
+    finalColor = vec4(mix(original.rgb, uColor, vignetteFactor), original.a);
+}
+`
+);
+class ic extends G {
+  constructor(e = {}) {
+    const i = e.radius ?? 0.3, n = e.softness ?? 0.5, r = e.intensity ?? 0.8, s = e.color ?? [0, 0, 0], o = U.from({
+      vertex: ec,
+      fragment: tc,
+      name: "vignette-filter"
+    });
+    super({
+      glProgram: o,
+      resources: {
+        vignetteUniforms: new H({
+          uRadius: { value: i, type: "f32" },
+          uSoftness: { value: n, type: "f32" },
+          uIntensity: { value: r, type: "f32" },
+          uColor: { value: new Float32Array(s), type: "vec3<f32>" }
+        })
+      }
+    });
   }
-  // ========== 导出 ==========
-  /**
-   * 将场景导出为 PNG 图片
-   * @param options 导出选项（padding / pixelRatio）
-   * @returns PNG Blob
-   */
-  async exportPNG(e) {
-    return Qa(this, e);
+  /* ---------- 便捷存取器 ---------- */
+  get radius() {
+    return this.resources.vignetteUniforms.uniforms.uRadius;
   }
-  /**
-   * 将场景导出为 SVG 字符串
-   * @param options 导出选项（padding / background）
-   * @returns SVG 文档字符串
-   */
-  async exportSVG(e) {
-    return ic(this, e);
+  set radius(e) {
+    this.resources.vignetteUniforms.uniforms.uRadius = e;
   }
-  /**
-   * 导出 PNG 并自动触发浏览器下载
-   * @param filename 文件名，默认为 `{sceneId}.png`
-   * @param options  导出选项
-   */
-  async downloadPNG(e, i) {
-    const n = await this.exportPNG(i);
-    It(n, e ?? `${this.id}.png`);
+  get softness() {
+    return this.resources.vignetteUniforms.uniforms.uSoftness;
   }
-  /**
-   * 导出 SVG 并自动触发浏览器下载
-   * @param filename 文件名，默认为 `{sceneId}.svg`
-   * @param options  导出选项
-   */
-  async downloadSVG(e, i) {
-    const n = await this.exportSVG(i);
-    It(n, e ?? `${this.id}.svg`);
+  set softness(e) {
+    this.resources.vignetteUniforms.uniforms.uSoftness = e;
   }
-  // ========== 相机控制 ==========
-  /**
-   * 注册外部相机处理器（通常由 ViewportPlugin 调用）。
-   * 注册后，`setCamera` 将委托给该处理器而非直接更新 projectionContainer，
-   * 从而允许插件实现动画过渡等特性。
-   *
-   * @param handler 处理函数，传 `undefined` 可清除
-   */
-  setCameraHandler(e) {
-    this._cameraHandler = e;
+  get intensity() {
+    return this.resources.vignetteUniforms.uniforms.uIntensity;
   }
-  /**
-   * 获取当前相机状态
-   */
-  getCamera() {
-    const e = this.projectionContainer;
-    return { zoom: e.scale.x, x: e.position.x, y: e.position.y };
+  set intensity(e) {
+    this.resources.vignetteUniforms.uniforms.uIntensity = e;
   }
-  /**
-   * 设置相机状态。
-   * - 如果有外部处理器（ViewportPlugin 等），委托给处理器更新（可带动画过渡）。
-   * - 否则，直接更新 projectionContainer。
-   *
-   * 返回 Promise，在有动画过渡时可 `await` 等待完成。
-   *
-   * @param camera 部分相机参数，未传的字段保留当前值
-   */
-  setCamera(e) {
-    const i = this.projectionContainer, n = {
-      zoom: e.zoom ?? i.scale.x,
-      x: e.x ?? i.position.x,
-      y: e.y ?? i.position.y
-    };
-    return this._cameraHandler ? Promise.resolve(this._cameraHandler(n)) : (this.applyCamera(n), Promise.resolve());
+  get color() {
+    const e = this.resources.vignetteUniforms.uniforms.uColor;
+    return [e[0], e[1], e[2]];
   }
-  /**
-   * 直接将相机状态应用到 projectionContainer。
-   * 当没有安装 ViewportPlugin 时由 `setCamera` 内部调用。
-   * 也可被外部直接调用以跳过插件处理。
-   */
-  applyCamera(e) {
-    const i = this.projectionContainer, n = this.lastCameraState, r = e.x !== n.x || e.y !== n.y, s = e.zoom !== n.scale;
-    i.scale.set(e.zoom), i.position.set(e.x, e.y), this._isActive && (this.lastCameraState = { x: i.x, y: i.y, scale: i.scale.x }, this.notifyCameraChange(r, s));
+  set color(e) {
+    const i = this.resources.vignetteUniforms.uniforms.uColor;
+    i[0] = e[0], i[1] = e[1], i[2] = e[2];
   }
-  /**
-   * 获取默认相机状态（居中 + 默认缩放）
-   */
-  getDefaultCamera() {
-    return {
-      zoom: De.DEFAULT_ZOOM,
-      x: this.app.screen.width / 2,
-      y: this.app.screen.height / 2
-    };
+}
+function Af(t, e) {
+  const i = e?.radius ?? 0.3, n = e?.softness ?? 0.5, r = e?.intensity ?? 0.8, s = e?.color ?? [0, 0, 0];
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new ic({ radius: i, softness: n, intensity: r, color: s });
+    },
+    setOptions(o, a) {
+      const c = o;
+      a.radius !== void 0 && (c.radius = a.radius), a.softness !== void 0 && (c.softness = a.softness), a.intensity !== void 0 && (c.intensity = a.intensity), a.color !== void 0 && (c.color = a.color);
+    }
+  };
+}
+const nc = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`
+), rc = (
+  /* glsl */
+  `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform vec4 uInputSize;
+uniform float uPixelSize;
+
+void main(void)
+{
+    // 将纹理坐标对齐到像素块中心
+    vec2 pixelCoord = vTextureCoord * uInputSize.xy;
+    vec2 snapped = floor(pixelCoord / uPixelSize) * uPixelSize + uPixelSize * 0.5;
+    vec2 uv = snapped * uInputSize.zw;
+
+    finalColor = texture(uTexture, uv);
+}
+`
+);
+class sc extends G {
+  constructor(e = {}) {
+    const i = e.pixelSize ?? 8, n = U.from({
+      vertex: nc,
+      fragment: rc,
+      name: "pixelate-filter"
+    });
+    super({
+      glProgram: n,
+      resources: {
+        pixelateUniforms: new H({
+          uPixelSize: { value: i, type: "f32" }
+        })
+      }
+    });
   }
-  // ========== 常用操作 ==========
-  get stage() {
-    return this.app.stage;
+  /* ---------- 便捷存取器 ---------- */
+  get pixelSize() {
+    return this.resources.pixelateUniforms.uniforms.uPixelSize;
   }
-  clear() {
-    this.lines.clear(), this.nodes.clear(), this.texts.clear(), this.rects.clear(), this.fences.clear(), this.waves.clear(), this.images.clear(), this.layer.clear();
+  set pixelSize(e) {
+    this.resources.pixelateUniforms.uniforms.uPixelSize = e;
   }
-  destroy() {
-    this.setActive(!1), this.emit("destroyed"), this.grid?.destroy(), this.lines?.destroy(), this.nodes?.destroy(), this.texts?.destroy(), this.rects?.destroy(), this.fences?.destroy(), this.waves?.destroy(), this.images?.destroy(), this.layer?.destroy(), this.removeAllListeners(), this.sceneItems.clear(), this.app.stage.removeChild(this.projectionContainer), this.projectionContainer.destroy();
+}
+function Tf(t, e) {
+  const i = e?.pixelSize ?? 8;
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new sc({ pixelSize: i });
+    },
+    setOptions(n, r) {
+      const s = n;
+      r.pixelSize !== void 0 && (s.pixelSize = r.pixelSize);
+    }
+  };
+}
+const oc = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`
+), ac = (
+  /* glsl */
+  `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform float uIntensity;
+uniform float uSeed;
+
+// 伪随机噪声生成
+float random(vec2 co)
+{
+    return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453);
+}
+
+void main(void)
+{
+    vec4 original = texture(uTexture, vTextureCoord);
+
+    // 用坐标和种子生成噪声
+    float noise = random(vTextureCoord + uSeed) * 2.0 - 1.0;
+
+    // 叠加噪声到 RGB 通道
+    vec3 result = original.rgb + noise * uIntensity;
+
+    finalColor = vec4(clamp(result, 0.0, 1.0), original.a);
+}
+`
+);
+class cc extends G {
+  constructor(e = {}) {
+    const i = e.intensity ?? 0.15, n = e.seed ?? 0, r = U.from({
+      vertex: oc,
+      fragment: ac,
+      name: "noise-filter"
+    });
+    super({
+      glProgram: r,
+      resources: {
+        noiseUniforms: new H({
+          uIntensity: { value: i, type: "f32" },
+          uSeed: { value: n, type: "f32" }
+        })
+      }
+    });
   }
-  // ========== SceneItem 注册和渲染循环 ==========
-  registerItem(e) {
-    this.sceneItems.add(e);
+  /* ---------- 便捷存取器 ---------- */
+  get intensity() {
+    return this.resources.noiseUniforms.uniforms.uIntensity;
   }
-  unregisterItem(e) {
-    this.sceneItems.delete(e);
+  set intensity(e) {
+    this.resources.noiseUniforms.uniforms.uIntensity = e;
   }
-  tickerCallback = () => {
-    const e = this.app.ticker.deltaMS;
-    for (const a of this.sceneItems)
-      a.onRender(e), a.tickStates(e);
-    this.postprocess.update(e);
-    const { x: i, y: n } = this.projectionContainer.position, r = this.projectionContainer.scale.x, s = i !== this.lastCameraState.x || n !== this.lastCameraState.y, o = r !== this.lastCameraState.scale;
-    (s || o) && (this.lastCameraState = { x: i, y: n, scale: r }, this.notifyCameraChange(s, o));
-  };
-  /**
-   * 通知所有 SceneItem 相机已变化，并向外发射相机事件。
-   *
-   * @param positionChanged 位置（x/y）是否改变；传 `false` 时不发射 `camera:move` 事件
-   * @param zoomChanged 缩放是否改变；传 `false` 时不发射 `camera:zoom` 事件
-   *
-   * 两者均为 `false` 时仅通知 SceneItem（用于场景初始化），不发射任何相机事件。
-   */
-  notifyCameraChange(e = !0, i = !0) {
-    const n = this.getViewRect(), r = this.projectionContainer.scale.x;
-    for (const o of this.sceneItems) o.onCameraChange(n, r);
-    if (!e && !i) return;
-    const s = {
-      ...this.getCamera(),
-      positionChanged: e,
-      zoomChanged: i
-    };
-    this.emit("camera:change", s), e && this.emit("camera:move", s), i && this.emit("camera:zoom", s);
+  get seed() {
+    return this.resources.noiseUniforms.uniforms.uSeed;
   }
-  getViewRect() {
-    const { width: e, height: i } = this.app.screen, n = this.projectionContainer, r = n.skew.x, s = n.skew.y, o = n.scale.x, a = n.scale.y, c = Math.cos(s) * o, l = Math.sin(s) * o, h = Math.sin(r) * a, u = Math.cos(r) * a, f = n.x, d = n.y, p = c * u - l * h, m = u / p, v = -l / p, _ = -h / p, x = c / p, w = (ue, fe) => {
-      const q = ue - f, de = fe - d;
-      return { x: m * q + _ * de, y: v * q + x * de };
-    }, S = w(0, 0), b = w(e, 0), E = w(0, i), N = w(e, i), j = Math.min(S.x, b.x, E.x, N.x), ee = Math.min(S.y, b.y, E.y, N.y), V = Math.max(S.x, b.x, E.x, N.x), X = Math.max(S.y, b.y, E.y, N.y);
-    return { x: j, y: ee, width: V - j, height: X - ee };
+  set seed(e) {
+    this.resources.noiseUniforms.uniforms.uSeed = e;
   }
-  /**
-   * 计算场景中所有内容的包围盒（projectionContainer 本地坐标系）
-   * @returns 包围盒，如果场景为空则返回 null
-   */
-  getContentBounds() {
-    let i = 1 / 0, n = 1 / 0, r = -1 / 0, s = -1 / 0, o = !1;
-    const a = (c, l) => {
-      o = !0, c < i && (i = c), l < n && (n = l), c > r && (r = c), l > s && (s = l);
-    };
-    for (const c of this.nodes.getAll())
-      a(c.options.x * 100, c.options.y * 100);
-    for (const c of this.rects.getAll()) {
-      const l = c.options.x * 100, h = c.options.y * 100, u = (c.options.width ?? 1) * 100, f = (c.options.height ?? 1) * 100;
-      a(l, h), a(l + u, h + f);
+}
+function Of(t, e) {
+  const i = e?.intensity ?? 0.15;
+  let n = e?.animated ?? !0;
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new cc({ intensity: i });
+    },
+    onUpdate(r, s) {
+      n && (r.seed = Math.random());
+    },
+    setOptions(r, s) {
+      const o = r;
+      s.intensity !== void 0 && (o.intensity = s.intensity), s.animated !== void 0 && (n = s.animated);
     }
-    for (const c of this.texts.getAll())
-      a(c.options.x * 100, c.options.y * 100);
-    for (const c of this.lines.getAll())
-      for (const l of c.options.anchor) {
-        const h = c.resolveAnchorPosition(l);
-        h && a(h.x * 100, h.y * 100);
-      }
-    for (const c of this.fences.getAll()) {
-      const l = c.options.x * 100, h = c.options.y * 100, u = c.options.direction ?? "+x", f = (c.options.length ?? 4) * 100;
-      switch (a(l, h), u) {
-        case "x":
-        case "+x":
-          a(l + f, h);
-          break;
-        case "-x":
-          a(l - f, h);
-          break;
-        case "y":
-        case "+y":
-          a(l, h + f);
-          break;
-        case "-y":
-          a(l, h - f);
-          break;
-      }
-    }
-    for (const c of this.waves.getAll()) {
-      const l = (c.options.width ?? 4) * 100, h = (c.options.height ?? 4) * 100;
-      a(c.options.x * 100 - l / 2, c.options.y * 100 - h / 2), a(c.options.x * 100 + l / 2, c.options.y * 100 + h / 2);
-    }
-    for (const c of this.images.getAll())
-      a(c.options.x * 100, c.options.y * 100);
-    return o ? { x: i, y: n, width: r - i, height: s - n } : null;
-  }
+  };
 }
-class Oe {
-  topology;
-  sceneCleanups = /* @__PURE__ */ new Map();
-  _onSceneAdded;
-  _onSceneRemoved;
-  _onSceneSwitched;
-  _onItemPointerDown;
-  _onItemPointerUp;
-  _onItemPointerOver;
-  _onItemPointerOut;
-  install(e) {
-    this.topology = e;
-    for (const i of e.getSceneIds()) {
-      const n = e.getScene(i);
-      n && this.invokeHookScene(n);
-    }
-    this._onSceneAdded = (i) => this.invokeHookScene(i), this._onSceneRemoved = ({ id: i }) => {
-      this.unhookScene(i), this.onSceneRemoved(i);
-    }, this._onSceneSwitched = (i) => this.onSceneSwitched(i), this._onItemPointerDown = (i) => this.onItemPointerDown(i), this._onItemPointerUp = (i) => this.onItemPointerUp(i), this._onItemPointerOver = (i) => this.onItemPointerOver(i), this._onItemPointerOut = (i) => this.onItemPointerOut(i), e.on("scene:added", this._onSceneAdded), e.on("scene:removed", this._onSceneRemoved), e.on("scene:switched", this._onSceneSwitched), e.on("item:pointerdown", this._onItemPointerDown), e.on("item:pointerup", this._onItemPointerUp), e.on("item:pointerover", this._onItemPointerOver), e.on("item:pointerout", this._onItemPointerOut);
-  }
-  uninstall(e) {
-    for (const [i] of this.sceneCleanups) this.unhookScene(i);
-    this._onSceneAdded && e.off("scene:added", this._onSceneAdded), this._onSceneRemoved && e.off("scene:removed", this._onSceneRemoved), this._onSceneSwitched && e.off("scene:switched", this._onSceneSwitched), this._onItemPointerDown && e.off("item:pointerdown", this._onItemPointerDown), this._onItemPointerUp && e.off("item:pointerup", this._onItemPointerUp), this._onItemPointerOver && e.off("item:pointerover", this._onItemPointerOver), this._onItemPointerOut && e.off("item:pointerout", this._onItemPointerOut), this._onSceneAdded = void 0, this._onSceneRemoved = void 0, this._onSceneSwitched = void 0, this._onItemPointerDown = void 0, this._onItemPointerUp = void 0, this._onItemPointerOver = void 0, this._onItemPointerOut = void 0, this.topology = void 0;
-  }
-  unhookScene(e) {
-    const i = this.sceneCleanups.get(e);
-    i && (i(), this.sceneCleanups.delete(e));
-  }
-  invokeHookScene(e) {
-    const i = this.hookScene(e);
-    i && this.sceneCleanups.set(e.id, i);
-  }
-  onItemPointerDown(e) {
-  }
-  onItemPointerUp(e) {
-  }
-  onItemPointerOver(e) {
-  }
-  onItemPointerOut(e) {
+const lc = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`
+), hc = (
+  /* glsl */
+  `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform float uOffset;
+uniform vec2 uDirection;
+
+void main(void)
+{
+    // 将归一化 0.5 中心映射到实际纹理坐标空间
+    vec2 texCenter = vec2(0.5) * (uOutputFrame.zw * uInputSize.zw);
+    // 从中心到当前像素的方向
+    vec2 center = vTextureCoord - texCenter;
+    vec2 dir = normalize(center) * uOffset * 0.01;
+
+    // 沿径向偏移采样 RGB 三通道
+    float r = texture(uTexture, vTextureCoord + dir).r;
+    float g = texture(uTexture, vTextureCoord).g;
+    float b = texture(uTexture, vTextureCoord - dir).b;
+    float a = texture(uTexture, vTextureCoord).a;
+
+    finalColor = vec4(r, g, b, a);
+}
+`
+);
+class uc extends G {
+  constructor(e = {}) {
+    const i = e.offset ?? 3, n = U.from({
+      vertex: lc,
+      fragment: hc,
+      name: "chromatic-aberration-filter"
+    });
+    super({
+      glProgram: n,
+      resources: {
+        chromaticUniforms: new H({
+          uOffset: { value: i, type: "f32" },
+          uDirection: { value: new Float32Array([1, 1]), type: "vec2<f32>" }
+        })
+      }
+    });
   }
-  onSceneSwitched(e) {
+  /* ---------- 便捷存取器 ---------- */
+  get offset() {
+    return this.resources.chromaticUniforms.uniforms.uOffset;
   }
-  onSceneRemoved(e) {
+  set offset(e) {
+    this.resources.chromaticUniforms.uniforms.uOffset = e;
   }
 }
-class Ti extends Oe {
-  activeScene;
-  hookScene(e) {
+function Pf(t, e) {
+  const i = e?.offset ?? 3;
+  return {
+    postProcessId: t,
+    createFilter() {
+      return new uc({ offset: i });
+    },
+    setOptions(n, r) {
+      const s = n;
+      r.offset !== void 0 && (s.offset = r.offset);
+    }
+  };
+}
+const fc = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
+}
+
+vec2 filterTextureCoord(void)
+{
+    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+}
+
+void main(void)
+{
+    gl_Position = filterVertexPosition();
+    vTextureCoord = filterTextureCoord();
+}
+`
+), dc = (
+  /* glsl */
+  `
+precision highp float;
+
+in vec2 vTextureCoord;
+out vec4 finalColor;
+
+uniform sampler2D uTexture;
+uniform vec4 uInputSize;
+uniform float uLineWidth;
+uniform float uIntensity;
+uniform float uOffset;
+
+void main(void)
+{
+    vec4 original = texture(uTexture, vTextureCoord);
+
+    // 按像素行计算扫描线
+    float y = vTextureCoord.y * uInputSize.y + uOffset;
+    float scanline = step(0.5, fract(y / uLineWidth));
+
+    // 暗行降低亮度
+    float factor = 1.0 - scanline * uIntensity;
+
+    finalColor = vec4(original.rgb * factor, original.a);
+}
+`
+);
+class pc extends G {
+  constructor(e = {}) {
+    const i = e.lineWidth ?? 2, n = e.intensity ?? 0.3, r = e.offset ?? 0, s = U.from({
+      vertex: fc,
+      fragment: dc,
+      name: "scanlines-filter"
+    });
+    super({
+      glProgram: s,
+      resources: {
+        scanlinesUniforms: new H({
+          uLineWidth: { value: i, type: "f32" },
+          uIntensity: { value: n, type: "f32" },
+          uOffset: { value: r, type: "f32" }
+        })
+      }
+    });
   }
-  install(e) {
-    super.install(e), e.activeScene && this.bindActive(e.activeScene);
+  /* ---------- 便捷存取器 ---------- */
+  get lineWidth() {
+    return this.resources.scanlinesUniforms.uniforms.uLineWidth;
   }
-  onSceneSwitched({ to: e }) {
-    this.unbindActive(), this.bindActive(e);
+  set lineWidth(e) {
+    this.resources.scanlinesUniforms.uniforms.uLineWidth = e;
   }
-  onSceneRemoved(e) {
-    this.activeScene?.id === e && (this.onUnbindActiveScene(), this.activeScene = void 0);
+  get intensity() {
+    return this.resources.scanlinesUniforms.uniforms.uIntensity;
   }
-  bindActive(e) {
-    this.activeScene = e, this.onBindActiveScene(e);
+  set intensity(e) {
+    this.resources.scanlinesUniforms.uniforms.uIntensity = e;
   }
-  unbindActive() {
-    this.activeScene && (this.onUnbindActiveScene(), this.activeScene = void 0);
+  get offset() {
+    return this.resources.scanlinesUniforms.uniforms.uOffset;
   }
-  uninstall(e) {
-    this.unbindActive(), super.uninstall(e);
+  set offset(e) {
+    this.resources.scanlinesUniforms.uniforms.uOffset = e;
   }
 }
-class cc extends Ti {
-  name = "hit-test";
-  _enabled = !0;
-  _hoveredItemId = null;
-  _hoveredItemType = null;
-  get enabled() {
-    return this._enabled;
-  }
-  set enabled(e) {
-    this._enabled = e;
-  }
-  _handlers;
-  onBindActiveScene(e) {
-    const i = this.topology, n = i.app.stage, r = (c) => {
-      let l = c.target;
-      for (; l && l !== n; ) {
-        const h = Ta(l);
-        if (h) {
-          const { itemType: u, itemId: f } = h;
-          return { itemType: u, itemId: f };
-        }
-        l = l.parent;
-      }
-      return { itemType: null, itemId: null };
-    }, s = (c) => {
-      if (!this._enabled) return;
-      const { itemType: l, itemId: h } = r(c);
-      i.emit("item:pointerdown", { itemType: l, itemId: h, sceneId: e.id, event: c });
-    }, o = (c) => {
-      if (!this._enabled) return;
-      const { itemType: l, itemId: h } = r(c);
-      i.emit("item:pointerup", { itemType: l, itemId: h, sceneId: e.id, event: c });
-    }, a = (c) => {
-      if (!this._enabled) return;
-      const { itemType: l, itemId: h } = r(c);
-      (this._hoveredItemId !== h || this._hoveredItemType !== l) && (this._hoveredItemId !== null && this._hoveredItemType !== null && i.emit("item:pointerout", {
-        itemType: this._hoveredItemType,
-        itemId: this._hoveredItemId,
-        sceneId: e.id,
-        event: c
-      }), h !== null && l !== null && i.emit("item:pointerover", { itemType: l, itemId: h, sceneId: e.id, event: c }), this._hoveredItemId = h, this._hoveredItemType = l);
-    };
-    n.on("pointerdown", s), n.on("pointerup", o), n.on("pointermove", a), this._handlers = { onPointerDown: s, onPointerUp: o, onPointerMove: a };
-  }
-  onUnbindActiveScene() {
-    if (!this._handlers) return;
-    const e = this.topology?.app.stage;
-    e && (e.off("pointerdown", this._handlers.onPointerDown), e.off("pointerup", this._handlers.onPointerUp), e.off("pointermove", this._handlers.onPointerMove)), this._handlers = void 0, this._hoveredItemId = null, this._hoveredItemType = null;
-  }
-}
-class lc extends le {
-  icons = /* @__PURE__ */ new Map();
-  textureCache = /* @__PURE__ */ new Map();
-  loading = /* @__PURE__ */ new Map();
-  /** 添加或批量添加图标 */
-  add(e) {
-    for (const i of Array.isArray(e) ? e : [e]) {
-      const { id: n } = i, r = this.icons.has(n);
-      this.icons.set(n, i), r ? (this.textureCache.delete(n), this.loading.delete(n), this.emit("icon:updated", i)) : this.emit("icon:added", i);
-    }
-    return this;
-  }
-  /** 删除图标（按 id） */
-  remove(e) {
-    return this.icons.delete(e) ? (this.textureCache.delete(e), this.loading.delete(e), this.emit("icon:removed", { id: e }), !0) : !1;
-  }
-  /** 获取图标 URL（按 id） */
-  getUrl(e) {
-    return this.icons.get(e)?.url;
-  }
-  /** 获取图标完整信息（按 id） */
-  get(e) {
-    return this.icons.get(e);
-  }
-  /** 是否已注册（按 id） */
-  has(e) {
-    return this.icons.has(e);
-  }
-  /** 获取所有图标 */
-  getAll() {
-    return [...this.icons.values()];
-  }
-  /**
-   * 加载图标纹理，自动缓存。
-   * 参数为图标 id；若 id 未注册则当作 URL 直接加载。
-   */
-  async loadTexture(e) {
-    const i = this.textureCache.get(e);
-    if (i) return i;
-    const n = this.loading.get(e);
-    if (n) return n;
-    const r = this.icons.get(e)?.url ?? e, s = gi.load(r).then((o) => (this.textureCache.set(e, o), this.loading.delete(e), o));
-    return this.loading.set(e, s), s;
-  }
-  /** 清空所有图标和缓存 */
-  clear() {
-    this.icons.clear(), this.textureCache.clear(), this.loading.clear(), this.emit("icons:cleared");
-  }
-  /** 序列化 */
-  toJSON() {
-    return this.getAll();
-  }
-  /** 反序列化（追加模式） */
-  fromJSON(e) {
-    this.add(e);
-  }
-  /** 序列化为 YAML 字符串 */
-  toYAML() {
-    return be(this.toJSON());
-  }
-  /** 从 YAML 字符串反序列化（追加模式） */
-  fromYAML(e) {
-    this.fromJSON(Ce(e));
-  }
-  destroy() {
-    this.clear(), this.removeAllListeners();
-  }
-}
-const Wt = /* @__PURE__ */ new WeakMap();
-function bf(t, e, i) {
-  const n = i?.frequency ?? 2, r = i?.minAlpha ?? 0.2, s = i?.maxAlpha ?? 1;
-  return {
-    stateId: t,
-    type: e,
-    onEnter(o) {
-      Wt.set(o, { elapsed: 0 });
-    },
-    onLeave(o) {
-      Wt.delete(o), o.getGraphics().alpha = 1;
-    },
-    onUpdate(o, a) {
-      const c = Wt.get(o);
-      if (!c) return;
-      c.elapsed += a;
-      const l = (Math.sin(c.elapsed * n * Math.PI * 2 / 1e3) + 1) / 2;
-      o.getGraphics().alpha = r + l * (s - r);
-    }
-  };
-}
-const ot = /* @__PURE__ */ new WeakMap();
-function Cf(t, e, i) {
-  const n = i?.frequency ?? 2, r = i?.height ?? 12;
-  return {
-    stateId: t,
-    type: e,
-    onEnter(s) {
-      const o = s.getGraphics();
-      ot.set(s, { elapsed: 0, origY: o.position.y, origX: o.position.x });
-    },
-    onLeave(s) {
-      const o = ot.get(s);
-      o && (s.getGraphics().position.y = o.origY, s.getGraphics().position.x = o.origX, ot.delete(s));
-    },
-    onUpdate(s, o) {
-      const a = ot.get(s);
-      if (!a) return;
-      a.elapsed += o;
-      const c = Math.abs(Math.sin(a.elapsed * n * Math.PI / 1e3));
-      s.getGraphics().position.y = a.origY - r * c, s.getGraphics().position.x = a.origX - r * c;
-    }
-  };
-}
-const Ve = /* @__PURE__ */ new WeakMap();
-function Rt(t) {
-  const e = t.getGraphics(), i = (Ve.get(e) ?? 0) + 1;
-  if (Ve.set(e, i), i > 1) return;
-  const n = e.getLocalBounds(), r = 100, s = 80, o = Math.min(n.x, -r) - s, a = Math.min(n.y, -r) - s, c = Math.max(n.x + n.width, r) + s, l = Math.max(n.y + n.height, r) + s;
-  e.filterArea = new Lt(o, a, c - o, l - a);
-}
-function Dt(t) {
-  const e = t.getGraphics(), i = (Ve.get(e) ?? 1) - 1;
-  i <= 0 ? (Ve.delete(e), e.filterArea = void 0) : Ve.set(e, i);
-}
-const jt = /* @__PURE__ */ new WeakMap();
-function If(t, e, i) {
-  const n = i?.brightness ?? 1.5;
+function Mf(t, e) {
+  const i = e?.lineWidth ?? 2, n = e?.intensity ?? 0.3;
+  let r = e?.animated ?? !1, s = e?.speed ?? 0.5, o = 0;
   return {
-    stateId: t,
-    type: e,
-    onEnter(r) {
-      const s = r.getGraphics(), o = new mi();
-      o.brightness(n, !1), jt.set(r, o), Rt(r), s.filters = [...s.filters ?? [], o];
+    postProcessId: t,
+    createFilter() {
+      return new pc({ lineWidth: i, intensity: n, offset: 0 });
     },
-    onLeave(r) {
-      const s = jt.get(r);
-      if (s) {
-        const o = r.getGraphics();
-        o.filters = (o.filters ?? []).filter((a) => a !== s), Dt(r), jt.delete(r);
-      }
-    }
-  };
-}
-const Vt = /* @__PURE__ */ new WeakMap();
-function Af(t, e, i) {
-  const n = Math.max(0, Math.min(1, i?.brightness ?? 0.5));
-  return {
-    stateId: t,
-    type: e,
-    onEnter(r) {
-      const s = r.getGraphics(), o = new mi();
-      o.brightness(n, !1), Vt.set(r, o), Rt(r), s.filters = [...s.filters ?? [], o];
+    onUpdate(a, c) {
+      r && (o += s * c, a.offset = o);
     },
-    onLeave(r) {
-      const s = Vt.get(r);
-      if (s) {
-        const o = r.getGraphics();
-        o.filters = (o.filters ?? []).filter((a) => a !== s), Dt(r), Vt.delete(r);
-      }
+    setOptions(a, c) {
+      const l = a;
+      c.lineWidth !== void 0 && (l.lineWidth = c.lineWidth), c.intensity !== void 0 && (l.intensity = c.intensity), c.animated !== void 0 && (r = c.animated), c.speed !== void 0 && (s = c.speed);
     }
   };
 }
-const hc = (
+const gc = (
   /* glsl */
   `
 in vec2 aPosition;
@@ -3761,12 +3759,9 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-);
-function uc(t) {
-  const e = Math.max(8, Math.round(t * 3)), i = Math.max(2, Math.round(t)), n = e * i;
-  return (
-    /* glsl */
-    `
+), mc = (
+  /* glsl */
+  `
 precision highp float;
 
 in vec2 vTextureCoord;
@@ -3774,150 +3769,110 @@ out vec4 finalColor;
 
 uniform sampler2D uTexture;
 uniform vec4 uInputSize;
-uniform float uDistance;
-uniform float uOuterStrength;
-uniform vec3 uColor;
+uniform vec4 uOutputFrame;
+uniform vec2 uCenter;
+uniform float uIntensity;
+uniform float uDecay;
+uniform float uDensity;
+uniform float uWeight;
 
-const int ANGLE_STEPS = ${e};
-const int DIST_STEPS  = ${i};
-const float TOTAL     = ${n}.0;
-const float PI2       = 6.28318530718;
+const int NUM_SAMPLES = 30;
 
 void main(void)
 {
-    vec4 original = texture(uTexture, vTextureCoord);
-
-    /* ---- 环形采样：累计周围像素的 alpha ---- */
-    float totalAlpha = 0.0;
+    vec2 texCoord = vTextureCoord;
+    // 将归一化 0~1 的光源中心映射到实际纹理坐标空间
+    vec2 center = uCenter * (uOutputFrame.zw * uInputSize.zw);
+    vec2 deltaTexCoord = (texCoord - center) * (1.0 / float(NUM_SAMPLES)) * uDensity;
 
-    for (int i = 0; i < ANGLE_STEPS; i++) {
-        float angle = float(i) * PI2 / float(ANGLE_STEPS);
-        vec2 dir = vec2(cos(angle), sin(angle));
+    vec4 color = texture(uTexture, texCoord);
+    float illuminationDecay = 1.0;
 
-        for (int j = 1; j <= DIST_STEPS; j++) {
-            float pct = float(j) / float(DIST_STEPS);
-            vec2 offset = dir * pct * uDistance * uInputSize.zw;
-            totalAlpha += texture(uTexture, vTextureCoord + offset).a;
-        }
+    for (int i = 0; i < NUM_SAMPLES; i++) {
+        texCoord -= deltaTexCoord;
+        vec4 samp = texture(uTexture, texCoord);
+        samp *= illuminationDecay * uWeight;
+        color += samp;
+        illuminationDecay *= uDecay;
     }
 
-    totalAlpha /= TOTAL;
-
-    /* ---- 外发光：仅在原始像素透明处显示 ---- */
-    float glowAlpha = clamp(totalAlpha * uOuterStrength * (1.0 - original.a), 0.0, 1.0);
-
-    /* ---- premultiplied-alpha 合成：original 在上，glow 在下 ---- */
-    vec4 glow = vec4(uColor * glowAlpha, glowAlpha);
-    finalColor = original + glow * (1.0 - original.a);
+    vec4 original = texture(uTexture, vTextureCoord);
+    finalColor = mix(original, color * uIntensity / float(NUM_SAMPLES), uIntensity);
 }
 `
-  );
-}
-class fc extends G {
+);
+class vc extends G {
   constructor(e = {}) {
-    const i = e.quality ?? 4, n = e.distance ?? 10, r = e.color ?? [1, 1, 0], s = e.outerStrength ?? 4, o = U.from({
-      vertex: hc,
-      fragment: uc(i),
-      name: "glow-filter"
+    const i = e.centerX ?? 0.5, n = e.centerY ?? 0.5, r = e.intensity ?? 0.3, s = e.decay ?? 0.96, o = e.density ?? 1, a = e.weight ?? 0.5, c = U.from({
+      vertex: gc,
+      fragment: mc,
+      name: "god-rays-filter"
     });
     super({
-      glProgram: o,
+      glProgram: c,
       resources: {
-        glowUniforms: new H({
-          uDistance: { value: n, type: "f32" },
-          uOuterStrength: { value: s, type: "f32" },
-          uColor: {
-            value: new Float32Array(r),
-            type: "vec3<f32>"
-          }
+        godRaysUniforms: new H({
+          uCenter: { value: new Float32Array([i, n]), type: "vec2<f32>" },
+          uIntensity: { value: r, type: "f32" },
+          uDecay: { value: s, type: "f32" },
+          uDensity: { value: o, type: "f32" },
+          uWeight: { value: a, type: "f32" }
         })
-      },
-      padding: n + 5
+      }
     });
   }
   /* ---------- 便捷存取器 ---------- */
-  get distance() {
-    return this.resources.glowUniforms.uniforms.uDistance;
+  get centerX() {
+    return this.resources.godRaysUniforms.uniforms.uCenter[0];
   }
-  set distance(e) {
-    this.resources.glowUniforms.uniforms.uDistance = e, this.padding = e + 5;
+  set centerX(e) {
+    this.resources.godRaysUniforms.uniforms.uCenter[0] = e;
   }
-  get outerStrength() {
-    return this.resources.glowUniforms.uniforms.uOuterStrength;
+  get centerY() {
+    return this.resources.godRaysUniforms.uniforms.uCenter[1];
   }
-  set outerStrength(e) {
-    this.resources.glowUniforms.uniforms.uOuterStrength = e;
+  set centerY(e) {
+    this.resources.godRaysUniforms.uniforms.uCenter[1] = e;
   }
-  get color() {
-    return this.resources.glowUniforms.uniforms.uColor;
+  get intensity() {
+    return this.resources.godRaysUniforms.uniforms.uIntensity;
   }
-  set color(e) {
-    const i = this.resources.glowUniforms.uniforms.uColor;
-    i[0] = e[0], i[1] = e[1], i[2] = e[2];
+  set intensity(e) {
+    this.resources.godRaysUniforms.uniforms.uIntensity = e;
+  }
+  get decay() {
+    return this.resources.godRaysUniforms.uniforms.uDecay;
+  }
+  set decay(e) {
+    this.resources.godRaysUniforms.uniforms.uDecay = e;
+  }
+  get density() {
+    return this.resources.godRaysUniforms.uniforms.uDensity;
+  }
+  set density(e) {
+    this.resources.godRaysUniforms.uniforms.uDensity = e;
+  }
+  get weight() {
+    return this.resources.godRaysUniforms.uniforms.uWeight;
+  }
+  set weight(e) {
+    this.resources.godRaysUniforms.uniforms.uWeight = e;
   }
 }
-const at = /* @__PURE__ */ new WeakMap();
-function dc(t) {
-  return [
-    (t >> 16 & 255) / 255,
-    (t >> 8 & 255) / 255,
-    (t & 255) / 255
-  ];
-}
-function Tf(t, e, i) {
-  const n = i?.color ?? 16776960, r = i?.distance ?? 10, [s, o] = i?.strength ?? [2, 6], a = i?.frequency ?? 1.5, c = i?.quality ?? 4, l = dc(n);
-  return {
-    stateId: t,
-    type: e,
-    onEnter(h) {
-      const u = h.getGraphics(), f = new fc({
-        color: l,
-        distance: r,
-        outerStrength: s,
-        quality: c
-      });
-      at.set(h, { elapsed: 0, filter: f }), Rt(h), u.filters = [...u.filters ?? [], f];
-    },
-    onLeave(h) {
-      const u = at.get(h);
-      if (u) {
-        const f = h.getGraphics();
-        f.filters = (f.filters ?? []).filter((d) => d !== u.filter), Dt(h), at.delete(h);
-      }
-    },
-    onUpdate(h, u) {
-      const f = at.get(h);
-      if (!f) return;
-      f.elapsed += u;
-      const d = (Math.sin(f.elapsed * a * Math.PI * 2 / 1e3) + 1) / 2;
-      f.filter.outerStrength = s + d * (o - s);
-    }
-  };
-}
-const ct = /* @__PURE__ */ new WeakMap();
-function Of(t, e, i) {
-  const n = i?.frequency ?? 1.2, r = i?.minScale ?? 0.92, s = i?.maxScale ?? 1.08;
+function Ef(t, e) {
+  const i = e?.centerX ?? 0.5, n = e?.centerY ?? 0.5, r = e?.intensity ?? 0.3, s = e?.decay ?? 0.96, o = e?.density ?? 1, a = e?.weight ?? 0.5;
   return {
-    stateId: t,
-    type: e,
-    onEnter(o) {
-      const a = o.getGraphics();
-      ct.set(o, { elapsed: 0, origScaleX: a.scale.x, origScaleY: a.scale.y });
-    },
-    onLeave(o) {
-      const a = ct.get(o);
-      a && (o.getGraphics().scale.set(a.origScaleX, a.origScaleY), ct.delete(o));
+    postProcessId: t,
+    createFilter() {
+      return new vc({ centerX: i, centerY: n, intensity: r, decay: s, density: o, weight: a });
     },
-    onUpdate(o, a) {
-      const c = ct.get(o);
-      if (!c) return;
-      c.elapsed += a;
-      const l = c.elapsed * n / 1e3 % 1, h = Math.pow(Math.abs(Math.sin(l * Math.PI)), 0.6), u = r + h * (s - r);
-      o.getGraphics().scale.set(c.origScaleX * u, c.origScaleY * u);
+    setOptions(c, l) {
+      const h = c;
+      l.centerX !== void 0 && (h.centerX = l.centerX), l.centerY !== void 0 && (h.centerY = l.centerY), l.intensity !== void 0 && (h.intensity = l.intensity), l.decay !== void 0 && (h.decay = l.decay), l.density !== void 0 && (h.density = l.density), l.weight !== void 0 && (h.weight = l.weight);
     }
   };
 }
-const pc = (
+const xc = (
   /* glsl */
   `
 in vec2 aPosition;
@@ -3946,7 +3901,7 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-), gc = (
+), yc = (
   /* glsl */
   `
 precision highp float;
@@ -3955,224 +3910,76 @@ in vec2 vTextureCoord;
 out vec4 finalColor;
 
 uniform sampler2D uTexture;
-uniform float uPhase;     // 光带中心位置（投影轴坐标）
-uniform float uWidth;     // 光带宽度（投影轴空间）
-uniform float uIntensity; // 白光峰值强度 0-1
-uniform float uCosA;      // cos(angle)
-uniform float uSinA;      // sin(angle)
+uniform float uAmount;
 
 void main(void)
 {
     vec4 original = texture(uTexture, vTextureCoord);
 
-    // 将纹理坐标投影到扫光方向上
-    float pos = vTextureCoord.x * uCosA + vTextureCoord.y * uSinA;
-
-    // 计算到光带中心的距离，smooth 衰减
-    float dist = abs(pos - uPhase);
-    float halfW = uWidth * 0.5;
-    float t = 1.0 - smoothstep(0.0, halfW, dist);
+    // Rec.709 亮度系数
+    float lum = dot(original.rgb, vec3(0.2126, 0.7152, 0.0722));
+    vec3 gray = vec3(lum);
 
-    // 仅在不透明区域叠加白光（premultiplied-alpha）
-    float add = t * uIntensity * original.a;
-    vec3 newRgb = min(original.rgb + vec3(add), vec3(original.a));
+    // 按 amount 在原色和灰色之间插值
+    vec3 result = mix(original.rgb, gray, uAmount);
 
-    finalColor = vec4(newRgb, original.a);
+    finalColor = vec4(result, original.a);
 }
 `
 );
-class mc extends G {
-  _angle;
+class _c extends G {
   constructor(e = {}) {
-    const i = e.width ?? 0.35, n = e.intensity ?? 0.6, r = e.angle ?? Math.PI / 6, s = U.from({
-      vertex: pc,
-      fragment: gc,
-      name: "shimmer-filter"
+    const i = e.amount ?? 1, n = U.from({
+      vertex: xc,
+      fragment: yc,
+      name: "grayscale-filter"
     });
     super({
-      glProgram: s,
+      glProgram: n,
       resources: {
-        shimmerUniforms: new H({
-          uPhase: { value: 0, type: "f32" },
-          uWidth: { value: i, type: "f32" },
-          uIntensity: { value: n, type: "f32" },
-          uCosA: { value: Math.cos(r), type: "f32" },
-          uSinA: { value: Math.sin(r), type: "f32" }
+        grayscaleUniforms: new H({
+          uAmount: { value: i, type: "f32" }
         })
       }
-    }), this._angle = r;
+    });
   }
   /* ---------- 便捷存取器 ---------- */
-  get phase() {
-    return this.resources.shimmerUniforms.uniforms.uPhase;
-  }
-  set phase(e) {
-    this.resources.shimmerUniforms.uniforms.uPhase = e;
-  }
-  get width() {
-    return this.resources.shimmerUniforms.uniforms.uWidth;
-  }
-  set width(e) {
-    this.resources.shimmerUniforms.uniforms.uWidth = e;
-  }
-  get intensity() {
-    return this.resources.shimmerUniforms.uniforms.uIntensity;
-  }
-  set intensity(e) {
-    this.resources.shimmerUniforms.uniforms.uIntensity = e;
-  }
-  get angle() {
-    return this._angle;
+  get amount() {
+    return this.resources.grayscaleUniforms.uniforms.uAmount;
   }
-  set angle(e) {
-    this._angle = e, this.resources.shimmerUniforms.uniforms.uCosA = Math.cos(e), this.resources.shimmerUniforms.uniforms.uSinA = Math.sin(e);
+  set amount(e) {
+    this.resources.grayscaleUniforms.uniforms.uAmount = e;
   }
 }
-const lt = /* @__PURE__ */ new WeakMap();
-function Pf(t, e, i) {
-  const n = i?.frequency ?? 0.8, r = i?.width ?? 0.35, s = i?.intensity ?? 0.6, o = i?.angle ?? Math.PI / 6;
+function Lf(t, e) {
+  const i = e?.amount ?? 1;
   return {
-    stateId: t,
-    type: e,
-    onEnter(a) {
-      const c = new mc({ width: r, intensity: s, angle: o }), l = a.getGraphics();
-      Rt(a), l.filters = [...l.filters ?? [], c];
-      const h = Math.abs(Math.cos(o)) + Math.abs(Math.sin(o));
-      lt.set(a, { elapsed: 0, filter: c, maxProj: h });
-    },
-    onLeave(a) {
-      const c = lt.get(a);
-      if (c) {
-        const l = a.getGraphics();
-        l.filters = (l.filters ?? []).filter((h) => h !== c.filter), Dt(a), lt.delete(a);
-      }
+    postProcessId: t,
+    createFilter() {
+      return new _c({ amount: i });
     },
-    onUpdate(a, c) {
-      const l = lt.get(a);
-      if (!l) return;
-      l.elapsed += c;
-      const h = l.elapsed * n / 1e3 % 1, u = r * 0.5, f = l.maxProj + r;
-      l.filter.phase = h * f - u;
+    setOptions(n, r) {
+      const s = n;
+      r.amount !== void 0 && (s.amount = r.amount);
     }
   };
 }
-const Xt = /* @__PURE__ */ new WeakMap();
-function Mf(t, e, i) {
-  const n = i?.color ?? 16711680;
-  return {
-    stateId: t,
-    type: e,
-    onEnter(r) {
-      const s = r.getGraphics();
-      Xt.set(r, s.tint), s.tint = n;
-    },
-    onLeave(r) {
-      const s = Xt.get(r);
-      s !== void 0 && (r.getGraphics().tint = s, Xt.delete(r));
-    }
-  };
-}
-class vc extends le {
-  states = /* @__PURE__ */ new Map();
-  /** stateId → 该状态下所有的插件定义 */
-  plugins = /* @__PURE__ */ new Map();
-  /** 添加或批量添加状态 */
-  add(e) {
-    for (const i of Array.isArray(e) ? e : [e]) {
-      const n = this.states.has(i.id);
-      this.states.set(i.id, i), this.emit(n ? "state:updated" : "state:added", i);
-    }
-    return this;
-  }
-  /** 删除状态（同时清除关联的插件） */
-  remove(e) {
-    return this.states.delete(e) ? (this.plugins.delete(e), this.emit("state:removed", { id: e }), !0) : !1;
-  }
-  get(e) {
-    return this.states.get(e);
-  }
-  has(e) {
-    return this.states.has(e);
-  }
-  getAll() {
-    return [...this.states.values()];
-  }
-  clear() {
-    this.states.clear(), this.plugins.clear(), this.emit("states:cleared");
-  }
-  /** 注册状态插件 */
-  registerPlugin(e) {
-    const i = this.plugins.get(e.stateId) ?? [];
-    return i.push(e), this.plugins.set(e.stateId, i), this;
-  }
-  /** 注销指定 stateId + type 的所有插件 */
-  unregisterPlugin(e, i) {
-    const n = this.plugins.get(e);
-    if (n) {
-      const r = n.filter((s) => s.type !== i);
-      r.length ? this.plugins.set(e, r) : this.plugins.delete(e);
-    }
-    return this;
-  }
-  /** 获取匹配 stateId + type 的插件列表 */
-  getPlugins(e, i) {
-    return (this.plugins.get(e) ?? []).filter((n) => n.type === i);
-  }
-  /** 获取状态权重，未定义时为 0 */
-  getWeight(e) {
-    return this.states.get(e)?.weight ?? 0;
-  }
-  /** 按权重升序排列 stateId 列表 */
-  sortByWeight(e) {
-    return [...e].sort((i, n) => this.getWeight(i) - this.getWeight(n));
-  }
-  /** 序列化（仅元数据，插件为运行时代码不参与序列化） */
-  toJSON() {
-    return this.getAll();
-  }
-  /** 反序列化（追加模式） */
-  fromJSON(e) {
-    this.add(e);
-  }
-  toYAML() {
-    return be(this.toJSON());
-  }
-  fromYAML(e) {
-    this.fromJSON(Ce(e));
-  }
-  destroy() {
-    this.clear(), this.removeAllListeners();
-  }
-}
-function Ef(t, e) {
-  const i = e?.strength ?? 4, n = e?.quality ?? 4;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new Jr({ strength: i, quality: n });
-    },
-    setOptions(r, s) {
-      const o = r;
-      s.strength !== void 0 && (o.strength = s.strength), s.quality !== void 0 && (o.quality = s.quality);
-    }
-  };
-}
-const xc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
+const wc = (
+  /* glsl */
+  `
+in vec2 aPosition;
+out vec2 vTextureCoord;
+
+uniform vec4 uInputSize;
+uniform vec4 uOutputFrame;
+uniform vec4 uOutputTexture;
+
+vec4 filterVertexPosition(void)
+{
+    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
+    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
+    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
+    return vec4(position, 0.0, 1.0);
 }
 
 vec2 filterTextureCoord(void)
@@ -4186,11 +3993,9 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-);
-function yc(t) {
-  return (
-    /* glsl */
-    `
+), Sc = (
+  /* glsl */
+  `
 precision highp float;
 
 in vec2 vTextureCoord;
@@ -4198,123 +4003,68 @@ out vec4 finalColor;
 
 uniform sampler2D uTexture;
 uniform vec4 uInputSize;
-uniform float uThreshold;
-uniform float uIntensity;
-uniform float uRadius;
-
-const int SAMPLES = ${t};
-const float FSAMPLES = ${t}.0;
+uniform float uStrength;
 
 void main(void)
 {
-    vec4 original = texture(uTexture, vTextureCoord);
-
-    /* ---- 提取高亮区域并模糊 ---- */
-    vec3 bloom = vec3(0.0);
-    float totalWeight = 0.0;
-
-    for (int i = -SAMPLES; i <= SAMPLES; i++) {
-        for (int j = -SAMPLES; j <= SAMPLES; j++) {
-            vec2 offset = vec2(float(i), float(j)) * uRadius * uInputSize.zw;
-            vec4 samp = texture(uTexture, vTextureCoord + offset);
-
-            // 亮度提取（Luminance）
-            float lum = dot(samp.rgb, vec3(0.2126, 0.7152, 0.0722));
-            float bright = max(0.0, lum - uThreshold);
-
-            // 高斯权重近似
-            float dist = length(vec2(float(i), float(j)));
-            float weight = exp(-dist * dist / (2.0 * FSAMPLES));
+    vec2 step = uInputSize.zw;
 
-            bloom += samp.rgb * bright * weight;
-            totalWeight += weight;
-        }
-    }
+    // 采样 3×3 邻域
+    vec4 center = texture(uTexture, vTextureCoord);
+    vec4 top    = texture(uTexture, vTextureCoord + vec2( 0.0, -step.y));
+    vec4 bottom = texture(uTexture, vTextureCoord + vec2( 0.0,  step.y));
+    vec4 left   = texture(uTexture, vTextureCoord + vec2(-step.x,  0.0));
+    vec4 right  = texture(uTexture, vTextureCoord + vec2( step.x,  0.0));
 
-    bloom /= totalWeight;
+    // 拉普拉斯卷积核: [-1, -1, -1; -1, 8, -1; -1, -1, -1] 的简化版
+    // 仅取上下左右 4 邻域: [0,-1,0; -1,4,-1; 0,-1,0]
+    vec4 edge = center * 4.0 - top - bottom - left - right;
 
-    /* ---- 叠加 ---- */
-    vec3 result = original.rgb + bloom * uIntensity;
+    // 按强度叠加锐化
+    vec4 result = center + edge * uStrength;
 
-    finalColor = vec4(result, original.a);
+    finalColor = vec4(clamp(result.rgb, 0.0, 1.0), center.a);
 }
 `
-  );
-}
-class _c extends G {
+);
+class bc extends G {
   constructor(e = {}) {
-    const i = e.threshold ?? 0.5, n = e.intensity ?? 1, r = e.radius ?? 2, s = e.samples ?? 3, o = U.from({
-      vertex: xc,
-      fragment: yc(s),
-      name: "bloom-filter"
+    const i = e.strength ?? 0.5, n = U.from({
+      vertex: wc,
+      fragment: Sc,
+      name: "sharpen-filter"
     });
     super({
-      glProgram: o,
+      glProgram: n,
       resources: {
-        bloomUniforms: new H({
-          uThreshold: { value: i, type: "f32" },
-          uIntensity: { value: n, type: "f32" },
-          uRadius: { value: r, type: "f32" }
+        sharpenUniforms: new H({
+          uStrength: { value: i, type: "f32" }
         })
       }
     });
   }
   /* ---------- 便捷存取器 ---------- */
-  get threshold() {
-    return this.resources.bloomUniforms.uniforms.uThreshold;
-  }
-  set threshold(e) {
-    this.resources.bloomUniforms.uniforms.uThreshold = e;
-  }
-  get intensity() {
-    return this.resources.bloomUniforms.uniforms.uIntensity;
-  }
-  set intensity(e) {
-    this.resources.bloomUniforms.uniforms.uIntensity = e;
-  }
-  get radius() {
-    return this.resources.bloomUniforms.uniforms.uRadius;
+  get strength() {
+    return this.resources.sharpenUniforms.uniforms.uStrength;
   }
-  set radius(e) {
-    this.resources.bloomUniforms.uniforms.uRadius = e;
+  set strength(e) {
+    this.resources.sharpenUniforms.uniforms.uStrength = e;
   }
 }
-function Lf(t, e) {
-  const i = e?.threshold ?? 0.5, n = e?.intensity ?? 1, r = e?.radius ?? 2, s = e?.samples ?? 3;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new _c({ threshold: i, intensity: n, radius: r, samples: s });
-    },
-    setOptions(o, a) {
-      const c = o;
-      a.threshold !== void 0 && (c.threshold = a.threshold), a.intensity !== void 0 && (c.intensity = a.intensity), a.radius !== void 0 && (c.radius = a.radius);
-    }
-  };
-}
-function Ki(t, e) {
-  const i = e.brightness ?? 1, n = e.contrast ?? 0, r = e.saturate ?? 0, s = e.hue ?? 0;
-  t.reset(), i !== 1 && t.brightness(i, !0), n !== 0 && t.contrast(n, !0), r !== 0 && t.saturate(r, !0), s !== 0 && t.hue(s, !0);
-}
 function kf(t, e) {
-  const i = {
-    brightness: e?.brightness ?? 1,
-    contrast: e?.contrast ?? 0,
-    saturate: e?.saturate ?? 0,
-    hue: e?.hue ?? 0
-  };
+  const i = e?.strength ?? 0.5;
   return {
     postProcessId: t,
     createFilter() {
-      const n = new mi();
-      return Ki(n, i), n;
+      return new bc({ strength: i });
     },
     setOptions(n, r) {
-      Object.assign(i, r), Ki(n, i);
+      const s = n;
+      r.strength !== void 0 && (s.strength = r.strength);
     }
   };
 }
-const wc = (
+const Cc = (
   /* glsl */
   `
 in vec2 aPosition;
@@ -4343,7 +4093,7 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-), Sc = (
+), Ic = (
   /* glsl */
   `
 precision highp float;
@@ -4352,736 +4102,928 @@ in vec2 vTextureCoord;
 out vec4 finalColor;
 
 uniform sampler2D uTexture;
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform float uRadius;
-uniform float uSoftness;
-uniform float uIntensity;
-uniform vec3 uColor;
+uniform float uAmount;
 
 void main(void)
 {
     vec4 original = texture(uTexture, vTextureCoord);
 
-    // 将归一化 0.5 中心映射到实际纹理坐标空间
-    vec2 texCenter = vec2(0.5) * (uOutputFrame.zw * uInputSize.zw);
-    // 从中心到边缘的距离（归一化回 0~1 空间）
-    vec2 center = (vTextureCoord - texCenter) / (uOutputFrame.zw * uInputSize.zw);
-    float dist = length(center) * 2.0;
+    // 反色
+    vec3 inverted = 1.0 - original.rgb;
 
-    // smoothstep 在 radius 和 radius+softness 之间平滑过渡
-    float vignetteFactor = smoothstep(uRadius, uRadius + uSoftness, dist) * uIntensity;
+    // 按 amount 在原色和反色之间插值
+    vec3 result = mix(original.rgb, inverted, uAmount);
 
-    // 将边缘像素向暗角颜色混合
-    finalColor = vec4(mix(original.rgb, uColor, vignetteFactor), original.a);
+    finalColor = vec4(result, original.a);
 }
 `
 );
-class bc extends G {
+class Ac extends G {
   constructor(e = {}) {
-    const i = e.radius ?? 0.3, n = e.softness ?? 0.5, r = e.intensity ?? 0.8, s = e.color ?? [0, 0, 0], o = U.from({
-      vertex: wc,
-      fragment: Sc,
-      name: "vignette-filter"
+    const i = e.amount ?? 1, n = U.from({
+      vertex: Cc,
+      fragment: Ic,
+      name: "invert-filter"
     });
     super({
-      glProgram: o,
+      glProgram: n,
       resources: {
-        vignetteUniforms: new H({
-          uRadius: { value: i, type: "f32" },
-          uSoftness: { value: n, type: "f32" },
-          uIntensity: { value: r, type: "f32" },
-          uColor: { value: new Float32Array(s), type: "vec3<f32>" }
+        invertUniforms: new H({
+          uAmount: { value: i, type: "f32" }
         })
       }
     });
   }
   /* ---------- 便捷存取器 ---------- */
-  get radius() {
-    return this.resources.vignetteUniforms.uniforms.uRadius;
-  }
-  set radius(e) {
-    this.resources.vignetteUniforms.uniforms.uRadius = e;
-  }
-  get softness() {
-    return this.resources.vignetteUniforms.uniforms.uSoftness;
-  }
-  set softness(e) {
-    this.resources.vignetteUniforms.uniforms.uSoftness = e;
-  }
-  get intensity() {
-    return this.resources.vignetteUniforms.uniforms.uIntensity;
-  }
-  set intensity(e) {
-    this.resources.vignetteUniforms.uniforms.uIntensity = e;
-  }
-  get color() {
-    const e = this.resources.vignetteUniforms.uniforms.uColor;
-    return [e[0], e[1], e[2]];
+  get amount() {
+    return this.resources.invertUniforms.uniforms.uAmount;
   }
-  set color(e) {
-    const i = this.resources.vignetteUniforms.uniforms.uColor;
-    i[0] = e[0], i[1] = e[1], i[2] = e[2];
+  set amount(e) {
+    this.resources.invertUniforms.uniforms.uAmount = e;
   }
 }
 function Ff(t, e) {
-  const i = e?.radius ?? 0.3, n = e?.softness ?? 0.5, r = e?.intensity ?? 0.8, s = e?.color ?? [0, 0, 0];
+  const i = e?.amount ?? 1;
   return {
     postProcessId: t,
     createFilter() {
-      return new bc({ radius: i, softness: n, intensity: r, color: s });
+      return new Ac({ amount: i });
     },
-    setOptions(o, a) {
-      const c = o;
-      a.radius !== void 0 && (c.radius = a.radius), a.softness !== void 0 && (c.softness = a.softness), a.intensity !== void 0 && (c.intensity = a.intensity), a.color !== void 0 && (c.color = a.color);
+    setOptions(n, r) {
+      const s = n;
+      r.amount !== void 0 && (s.amount = r.amount);
     }
   };
 }
-const Cc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`
-), Ic = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform vec4 uInputSize;
-uniform float uPixelSize;
-
-void main(void)
-{
-    // 将纹理坐标对齐到像素块中心
-    vec2 pixelCoord = vTextureCoord * uInputSize.xy;
-    vec2 snapped = floor(pixelCoord / uPixelSize) * uPixelSize + uPixelSize * 0.5;
-    vec2 uv = snapped * uInputSize.zw;
-
-    finalColor = texture(uTexture, uv);
-}
-`
-);
-class Ac extends G {
-  constructor(e = {}) {
-    const i = e.pixelSize ?? 8, n = U.from({
-      vertex: Cc,
-      fragment: Ic,
-      name: "pixelate-filter"
-    });
-    super({
-      glProgram: n,
-      resources: {
-        pixelateUniforms: new H({
-          uPixelSize: { value: i, type: "f32" }
-        })
-      }
-    });
+class Ti extends le {
+  /** 额外 padding：覆盖 BlurFilter spread + 变换舍入误差（与 states/_filter-utils 同理） */
+  static FILTER_AREA_PAD = 80;
+  items = /* @__PURE__ */ new Map();
+  /** postProcessId → 插件定义 */
+  defs = /* @__PURE__ */ new Map();
+  /** postProcessId → 运行时 Filter 实例 */
+  filters = /* @__PURE__ */ new Map();
+  /** 当前绑定的目标容器 */
+  _target = null;
+  /** PixiJS Application 引用，用于获取 screen 尺寸 */
+  _app = null;
+  /** 绑定到目标容器（projectionContainer），启用后滤镜自动挂载 */
+  bind(e, i) {
+    this._target = e, this._app = i, this.rebuildFilters();
   }
-  /* ---------- 便捷存取器 ---------- */
-  get pixelSize() {
-    return this.resources.pixelateUniforms.uniforms.uPixelSize;
+  /** 解绑目标容器，清除所有已挂载的滤镜 */
+  unbind() {
+    this._target && (this.clearFilters(), this._target.filterArea = void 0, this._target = null, this._app = null);
   }
-  set pixelSize(e) {
-    this.resources.pixelateUniforms.uniforms.uPixelSize = e;
+  /** 添加或批量添加后期处理项 */
+  add(e) {
+    for (const i of Array.isArray(e) ? e : [e]) {
+      i.enabled === void 0 && (i.enabled = !0);
+      const n = this.items.has(i.id);
+      this.items.set(i.id, i), this.emit(n ? "postprocess:updated" : "postprocess:added", i);
+    }
+    return this.rebuildFilters(), this;
   }
-}
-function Rf(t, e) {
-  const i = e?.pixelSize ?? 8;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new Ac({ pixelSize: i });
-    },
-    setOptions(n, r) {
-      const s = n;
-      r.pixelSize !== void 0 && (s.pixelSize = r.pixelSize);
+  /** 删除后期处理项（同时清除关联的插件和滤镜） */
+  remove(e) {
+    return this.items.delete(e) ? (this.destroyFilter(e), this.defs.delete(e), this.emit("postprocess:removed", { id: e }), this.rebuildFilters(), !0) : !1;
+  }
+  get(e) {
+    return this.items.get(e);
+  }
+  has(e) {
+    return this.items.has(e);
+  }
+  getAll() {
+    return [...this.items.values()];
+  }
+  clear() {
+    this.clearFilters(), this.items.clear(), this.defs.clear(), this.emit("postprocess:cleared");
+  }
+  /** 启用后期处理效果 */
+  enable(e) {
+    const i = this.items.get(e);
+    return i && !i.enabled && (i.enabled = !0, this.emit("postprocess:enabled", { id: e }), this.rebuildFilters()), this;
+  }
+  /** 禁用后期处理效果 */
+  disable(e) {
+    const i = this.items.get(e);
+    return i && i.enabled !== !1 && (i.enabled = !1, this.emit("postprocess:disabled", { id: e }), this.rebuildFilters()), this;
+  }
+  /** 注册后期处理插件 */
+  register(e) {
+    return this.defs.set(e.postProcessId, e), this.rebuildFilters(), this;
+  }
+  /** 注销后期处理插件 */
+  unregister(e) {
+    return this.destroyFilter(e), this.defs.delete(e), this.rebuildFilters(), this;
+  }
+  /** 获取后期处理权重 */
+  getWeight(e) {
+    return this.items.get(e)?.weight ?? 0;
+  }
+  /** 获取运行时 Filter 实例（供调试用） */
+  getFilter(e) {
+    return this.filters.get(e);
+  }
+  /**
+   * 热更新后期处理参数，直接修改运行时 Filter 的 uniform，无需销毁重建。
+   * 仅当对应 PostProcessDef 实现了 setOptions 时生效。
+   * 不支持热更新的参数（如 bloom 的 samples）需重新调用 register 重建。
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  updateOptions(e, i) {
+    const n = this.filters.get(e), r = this.defs.get(e);
+    return n && r?.setOptions && r.setOptions(n, i), this;
+  }
+  /** 逐帧更新（由 Scene ticker 驱动） */
+  update(e) {
+    this._target && this._app && this._target.filters?.length && (this._target.filterArea = this.computeFilterArea());
+    for (const [i, n] of this.defs) {
+      if (!n.onUpdate) continue;
+      const r = this.items.get(i);
+      if (!r || r.enabled === !1) continue;
+      const s = this.filters.get(i);
+      s && n.onUpdate(s, e);
     }
-  };
-}
-const Tc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`
-), Oc = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform float uIntensity;
-uniform float uSeed;
-
-// 伪随机噪声生成
-float random(vec2 co)
-{
-    return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453);
-}
-
-void main(void)
-{
-    vec4 original = texture(uTexture, vTextureCoord);
-
-    // 用坐标和种子生成噪声
-    float noise = random(vTextureCoord + uSeed) * 2.0 - 1.0;
-
-    // 叠加噪声到 RGB 通道
-    vec3 result = original.rgb + noise * uIntensity;
-
-    finalColor = vec4(clamp(result, 0.0, 1.0), original.a);
+  }
+  /** 序列化（仅元数据，插件为运行时代码不参与序列化） */
+  toJSON() {
+    return this.getAll();
+  }
+  /** 反序列化（追加模式） */
+  fromJSON(e) {
+    this.add(e);
+  }
+  toYAML() {
+    return be(this.toJSON());
+  }
+  fromYAML(e) {
+    this.fromJSON(Ce(e));
+  }
+  destroy() {
+    this.clearFilters(), this.items.clear(), this.defs.clear(), this._target = null, this._app = null, this.removeAllListeners();
+  }
+  // ========== 内部方法 ==========
+  /**
+   * 计算 filterArea（projectionContainer 局部坐标空间），参考 states/_filter-utils。
+   *
+   * 将视口四角通过 worldTransform 逆变换到容器局部空间，
+   * 加上 pad 以确保 BlurFilter 等带扩展的滤镜不被裁剪。
+   *
+   * **filterArea 走的是独立且正确的路径：**
+   * ```
+   * filterArea（local）
+   *   × container.worldTransform → world
+   *   × renderGroup.cacheToLocalTransform → render group local ✓
+   * ```
+   */
+  computeFilterArea() {
+    const e = this._app.screen, i = this._target.worldTransform.clone().invert(), n = i.apply({ x: e.x, y: e.y }), r = i.apply({ x: e.x + e.width, y: e.y }), s = i.apply({ x: e.x + e.width, y: e.y + e.height }), o = i.apply({ x: e.x, y: e.y + e.height }), a = Ti.FILTER_AREA_PAD, c = Math.min(n.x, r.x, s.x, o.x) - a, l = Math.min(n.y, r.y, s.y, o.y) - a, h = Math.max(n.x, r.x, s.x, o.x) + a, u = Math.max(n.y, r.y, s.y, o.y) + a;
+    return new Lt(c, l, h - c, u - l);
+  }
+  /** 按权重升序排列，返回有效（已注册 + 已启用）的 ID 列表 */
+  getActiveIds() {
+    const e = [];
+    for (const [i, n] of this.items)
+      n.enabled !== !1 && (this.defs.has(i) ? e.push(i) : console.warn(
+        `[PostProcess] "${i}" 后处理插件未注册（register），效果将被跳过。请确保在启用前调用 postprocess.register()。`
+      ));
+    return e.sort((i, n) => this.getWeight(i) - this.getWeight(n));
+  }
+  /** 重建 filters 数组并挂载到目标容器 */
+  rebuildFilters() {
+    if (!this._target) return;
+    const e = this.getActiveIds();
+    for (const [n, r] of this.filters)
+      e.includes(n) || this.destroyFilter(n);
+    for (const n of e)
+      if (!this.filters.has(n)) {
+        const r = this.defs.get(n);
+        this.filters.set(n, r.createFilter());
+      }
+    const i = e.map((n) => this.filters.get(n)).filter(Boolean);
+    i.length > 0 ? (this._target.filterArea = this.computeFilterArea(), this._target.filters = i) : (this._target.filterArea = void 0, this._target.filters = null);
+  }
+  /** 销毁单个滤镜实例 */
+  destroyFilter(e) {
+    const i = this.filters.get(e);
+    i && (this.defs.get(e)?.onDestroy?.(i), i.destroy(), this.filters.delete(e));
+  }
+  /** 清除所有运行时滤镜 */
+  clearFilters() {
+    for (const e of [...this.filters.keys()])
+      this.destroyFilter(e);
+    this._target && (this._target.filters = null);
+  }
 }
-`
-);
-class Pc extends G {
-  constructor(e = {}) {
-    const i = e.intensity ?? 0.15, n = e.seed ?? 0, r = U.from({
-      vertex: Tc,
-      fragment: Oc,
-      name: "noise-filter"
-    });
-    super({
-      glProgram: r,
-      resources: {
-        noiseUniforms: new H({
-          uIntensity: { value: i, type: "f32" },
-          uSeed: { value: n, type: "f32" }
-        })
+function Ze(t) {
+  return `#${t.toString(16).padStart(6, "0")}`;
+}
+function Tc(t) {
+  return "convertToBlob" in t && typeof t.convertToBlob == "function" ? t.convertToBlob({ type: "image/png" }) : new Promise((e, i) => {
+    t.toBlob(
+      (n) => n ? e(n) : i(new Error("Failed to create PNG blob")),
+      "image/png"
+    );
+  });
+}
+function Oc(t) {
+  return typeof t.toDataURL == "function" ? t.toDataURL("image/png") : "";
+}
+function Ct(t) {
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function It(t, e) {
+  const i = t instanceof Blob ? URL.createObjectURL(t) : `data:image/svg+xml;charset=utf-8,${encodeURIComponent(t)}`, n = document.createElement("a");
+  n.href = i, n.download = e, document.body.appendChild(n), n.click(), document.body.removeChild(n), t instanceof Blob && URL.revokeObjectURL(i);
+}
+async function Pc(t, e) {
+  const { pixelRatio: i = 2 } = e ?? {}, n = t.app, r = n.renderer.resolution, s = n.screen.width, o = n.screen.height;
+  n.renderer.resolution = i, n.renderer.resize(s, o), n.render();
+  const a = Tc(n.canvas);
+  return n.renderer.resolution = r, n.renderer.resize(s, o), n.render(), a;
+}
+async function Mc(t, e) {
+  const i = t.app.renderer;
+  try {
+    return await i.extract.base64({ target: e, format: "png" });
+  } catch {
+    try {
+      const n = i.extract.canvas(e);
+      return Oc(n);
+    } catch {
+      return "";
+    }
+  }
+}
+async function Ec(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const i of t.nodes.getAll()) {
+    const n = i.options.icon;
+    if (!e.has(n))
+      try {
+        const r = await t.icons.loadTexture(n), s = await Mc(t, r);
+        e.set(n, s);
+      } catch {
+        e.set(n, "");
       }
+  }
+  return e;
+}
+async function Lc(t, e) {
+  const { background: i = !0 } = e ?? {}, n = t.projectionContainer, r = n.skew.x, s = n.skew.y, o = n.scale.x, a = n.position.x, c = n.position.y, l = Math.ceil(t.app.screen.width), h = Math.ceil(t.app.screen.height), u = o * Math.cos(s), f = o * Math.sin(s), d = o * Math.sin(r), p = o * Math.cos(r), m = Math.cos(s), v = Math.sin(s), _ = Math.sin(r), x = Math.cos(r), w = m * x - v * _, S = x / w, b = -v / w, E = -_ / w, N = m / w, j = u * p - f * d, ee = [
+    { x: 0, y: 0 },
+    { x: l, y: 0 },
+    { x: 0, y: h },
+    { x: l, y: h }
+  ];
+  let V = 1 / 0, X = 1 / 0, ue = -1 / 0, fe = -1 / 0;
+  for (const { x: I, y: te } of ee) {
+    const pe = I - a, ge = te - c, me = (p * pe - d * ge) / j, ve = (-f * pe + u * ge) / j;
+    V = Math.min(V, me), X = Math.min(X, ve), ue = Math.max(ue, me), fe = Math.max(fe, ve);
+  }
+  const q = g * 2, de = {
+    x: Math.floor((V - q) / g) * g,
+    y: Math.floor((X - q) / g) * g,
+    width: Math.ceil((ue - V + q * 2) / g) * g,
+    height: Math.ceil((fe - X + q * 2) / g) * g
+  }, $ = await Ec(t), O = [];
+  O.push(
+    '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"',
+    `     width="${l}" height="${h}" viewBox="0 0 ${l} ${h}">`
+  ), O.push("  <defs>");
+  for (const [I, te] of $)
+    te && O.push(
+      `    <symbol id="icon-${Ct(I)}" viewBox="0 0 100 100">`,
+      `      <image href="${te}" width="100" height="100" />`,
+      "    </symbol>"
+    );
+  if (O.push("  </defs>"), i) {
+    const I = t.grid.options, te = Ze(I.bgColor ?? 0);
+    O.push(`  <rect width="${l}" height="${h}" fill="${te}" />`);
+  }
+  const Gt = `matrix(${u},${f},${d},${p},${a},${c})`;
+  if (O.push(`  <g transform="${Gt}">`), i) {
+    const I = await kc(t, de);
+    I && O.push(I);
+  }
+  for (const I of t.rects.getAll())
+    O.push(Fc(I.options));
+  for (const I of t.lines.getAll())
+    O.push(Rc(I));
+  for (const I of t.nodes.getAll())
+    O.push(Dc(I.options, $, S, b, E, N));
+  for (const I of t.texts.getAll())
+    O.push(zc(I.options, S, b, E, N));
+  return O.push("  </g>"), O.push("</svg>"), O.join(`
+`);
+}
+async function kc(t, e) {
+  const n = t.grid.getGraphics().children[0];
+  if (!n) return "";
+  const r = t.grid.options.tileSize ?? 100, s = n.x, o = n.y, a = n.width, c = n.height, l = n.tilePosition?.x ?? 0, h = n.tilePosition?.y ?? 0;
+  try {
+    n.x = 0, n.y = 0, n.width = e.width, n.height = e.height, n.tilePosition && n.tilePosition.set(
+      -e.x - r / 2,
+      -e.y - r / 2
+    );
+    const u = n.parent;
+    u && u.removeChild(n);
+    const f = await t.app.renderer.extract.base64({
+      target: n,
+      format: "png"
     });
+    return u && u.addChild(n), `    <image href="${f}" x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" />`;
+  } catch {
+    return "";
+  } finally {
+    n.x = s, n.y = o, n.width = a, n.height = c, n.tilePosition && n.tilePosition.set(l, h);
+  }
+}
+function Fc(t) {
+  const e = t.x * g - g / 2, i = t.y * g - g / 2, n = (t.width ?? 1) * g, r = (t.height ?? 1) * g, s = Ze(t.bgColor ?? 3447003), o = t.bgOpacity ?? 0.8, a = Ze(t.borderColor ?? 16777215), c = t.borderWidth ?? 2, l = t.borderOpacity ?? 1, h = t.borderRadius ?? 0, u = h > 0 ? ` rx="${h}" ry="${h}"` : "";
+  return `    <rect x="${e}" y="${i}" width="${n}" height="${r}"${u} fill="${s}" fill-opacity="${o}" stroke="${a}" stroke-width="${c}" stroke-opacity="${l}" />`;
+}
+function Rc(t) {
+  const e = t.options, i = Ze(e.color ?? 4473958), n = e.width ?? 6, r = t.getPoints();
+  let s;
+  if (r && r.length >= 2)
+    s = r.map((a) => `${a.x},${a.y}`).join(" ");
+  else {
+    const a = [];
+    for (const c of e.anchor) {
+      const l = t.resolveAnchorPosition(c);
+      l && a.push({ x: l.x * g, y: l.y * g });
+    }
+    if (a.length < 2) return "";
+    s = a.map((c) => `${c.x},${c.y}`).join(" ");
+  }
+  const o = e.mode === "dashed" ? ` stroke-dasharray="${(e.dashPattern ?? [10, 5]).join(",")}"` : "";
+  return `    <polyline points="${s}" fill="none" stroke="${i}" stroke-width="${n}" stroke-linecap="round" stroke-linejoin="round"${o} />`;
+}
+function Dc(t, e, i, n, r, s) {
+  const o = t.x * g, a = t.y * g, c = t.scale ?? 1, l = t.isFlat ?? !1, h = l ? 1 : t.scaleY ?? 1, u = t.offsetY ?? 0, f = t.icon;
+  if (!(e.has(f) && e.get(f) !== "")) return "";
+  const p = 100, m = -p / 2 * h + cr / 2 + u, v = [];
+  if (l) {
+    const _ = p * c, x = p * c, w = o - _ / 2, S = a + c * (m - p / 2);
+    v.push(
+      `    <use href="#icon-${Ct(f)}" x="${w}" y="${S}" width="${_}" height="${x}" />`
+    );
+  } else {
+    const _ = p * c, x = p * c * h, w = -_ / 2, S = c * h * m - x / 2, b = `matrix(${i},${n},${r},${s},0,0)`;
+    v.push(`    <g transform="translate(${o},${a})">`), v.push(`      <g transform="${b}">`), v.push(
+      `        <use href="#icon-${Ct(f)}" x="${w}" y="${S}" width="${_}" height="${x}" />`
+    ), v.push("      </g>"), v.push("    </g>");
+  }
+  return v.join(`
+`);
+}
+function zc(t, e, i, n, r) {
+  const s = t.x * g, o = t.y * g, a = t.fontSize ?? 16, c = Ze(t.color ?? 16777215), l = t.fontWeight ?? "normal", h = t.fontFamily ?? "Arial", u = t.align ?? "center", f = t.position ?? "x", d = u === "left" ? "start" : u === "right" ? "end" : "middle", p = Ct(t.text), m = `text-anchor="${d}" fill="${c}" font-size="${a}" font-weight="${l}" font-family="${h}"`;
+  if (f === "screen") {
+    const v = `matrix(${e},${i},${n},${r},0,0)`;
+    return [
+      `    <g transform="translate(${s},${o})">`,
+      `      <text transform="${v}" ${m}>${p}</text>`,
+      "    </g>"
+    ].join(`
+`);
+  } else return f === "y" ? `    <text x="${s}" y="${o}" transform="rotate(-90,${s},${o})" ${m}>${p}</text>` : `    <text x="${s}" y="${o}" ${m}>${p}</text>`;
+}
+class De extends le {
+  /** 默认缩放级别 */
+  static DEFAULT_ZOOM = 0.8;
+  id;
+  app;
+  icons;
+  states;
+  postprocess;
+  projectionContainer;
+  layer;
+  grid;
+  nodes;
+  lines;
+  texts;
+  rects;
+  fences;
+  waves;
+  images;
+  sceneItems = /* @__PURE__ */ new Set();
+  /** 上一帧相机状态，用于 ticker 检测增量变化 */
+  lastCameraState = { x: 0, y: 0, scale: 0 };
+  _isActive = !1;
+  _cameraHandler;
+  constructor(e, i, n, r) {
+    super(), this.id = e, this.app = i, this.icons = n, this.states = r, this.postprocess = new Ti(), this.projectionContainer = new R(), this.layer = new Ja(this.projectionContainer), this.lines = new Ra(this), this.nodes = new Oa(this), this.texts = new Na(this), this.rects = new Ga(this), this.fences = new Ya(this), this.waves = new Wa(this), this.images = new Va(this), this.grid = new Da();
+    const { skewX: s, skewY: o } = lr();
+    this.projectionContainer.sortableChildren = !0, this.projectionContainer.skew.set(s, o), this.projectionContainer.scale.set(De.DEFAULT_ZOOM), this.projectionContainer.position.set(i.screen.width / 2, i.screen.height / 2), this.projectionContainer.addChild(this.grid.getGraphics()), this.grid.getGraphics().zIndex = -1, this.registerItem(this.grid);
+  }
+  // ========== 激活 / 停用 ==========
+  setActive(e) {
+    e !== this._isActive && (this._isActive = e, e ? (this.app.stage.addChild(this.projectionContainer), this.postprocess.bind(this.projectionContainer, this.app), this.app.ticker.add(this.tickerCallback, this), this.notifyCameraChange(!1, !1), this.emit("ready")) : (this.app.ticker.remove(this.tickerCallback, this), this.postprocess.unbind(), this.app.stage.removeChild(this.projectionContainer)));
+  }
+  get isActive() {
+    return this._isActive;
+  }
+  // ========== 序列化 ==========
+  toJSON() {
+    return {
+      nodes: this.nodes.toJSON(),
+      lines: this.lines.toJSON(),
+      texts: this.texts.toJSON(),
+      rects: this.rects.toJSON(),
+      fences: this.fences.toJSON(),
+      waves: this.waves.toJSON(),
+      images: this.images.toJSON(),
+      grid: this.grid.toJSON(),
+      camera: this.getCamera(),
+      layer: this.layer.toJSON(),
+      postprocess: this.postprocess.toJSON()
+    };
+  }
+  fromJSON(e) {
+    this.clear(), e.nodes && this.nodes.fromJSON(e.nodes), e.lines && this.lines.fromJSON(e.lines), e.texts && this.texts.fromJSON(e.texts), e.rects && this.rects.fromJSON(e.rects), e.fences && this.fences.fromJSON(e.fences), e.waves && this.waves.fromJSON(e.waves), e.images && this.images.fromJSON(e.images), e.grid && this.grid.fromJSON(e.grid), e.camera && this.setCamera(e.camera), e.layer?.length && this.layer.fromJSON(e.layer), e.postprocess && this.postprocess.fromJSON(e.postprocess);
+  }
+  /** 序列化为 YAML 字符串 */
+  toYAML() {
+    return be(this.toJSON());
+  }
+  /** 从 YAML 字符串反序列化 */
+  fromYAML(e) {
+    this.fromJSON(Ce(e));
+  }
+  // ========== 导出 ==========
+  /**
+   * 将场景导出为 PNG 图片
+   * @param options 导出选项（padding / pixelRatio）
+   * @returns PNG Blob
+   */
+  async exportPNG(e) {
+    return Pc(this, e);
+  }
+  /**
+   * 将场景导出为 SVG 字符串
+   * @param options 导出选项（padding / background）
+   * @returns SVG 文档字符串
+   */
+  async exportSVG(e) {
+    return Lc(this, e);
+  }
+  /**
+   * 导出 PNG 并自动触发浏览器下载
+   * @param filename 文件名，默认为 `{sceneId}.png`
+   * @param options  导出选项
+   */
+  async downloadPNG(e, i) {
+    const n = await this.exportPNG(i);
+    It(n, e ?? `${this.id}.png`);
+  }
+  /**
+   * 导出 SVG 并自动触发浏览器下载
+   * @param filename 文件名，默认为 `{sceneId}.svg`
+   * @param options  导出选项
+   */
+  async downloadSVG(e, i) {
+    const n = await this.exportSVG(i);
+    It(n, e ?? `${this.id}.svg`);
+  }
+  // ========== 相机控制 ==========
+  /**
+   * 注册外部相机处理器（通常由 ViewportPlugin 调用）。
+   * 注册后，`setCamera` 将委托给该处理器而非直接更新 projectionContainer，
+   * 从而允许插件实现动画过渡等特性。
+   *
+   * @param handler 处理函数，传 `undefined` 可清除
+   */
+  setCameraHandler(e) {
+    this._cameraHandler = e;
+  }
+  /**
+   * 获取当前相机状态
+   */
+  getCamera() {
+    const e = this.projectionContainer;
+    return { zoom: e.scale.x, x: e.position.x, y: e.position.y };
+  }
+  /**
+   * 设置相机状态。
+   * - 如果有外部处理器（ViewportPlugin 等），委托给处理器更新（可带动画过渡）。
+   * - 否则，直接更新 projectionContainer。
+   *
+   * 返回 Promise，在有动画过渡时可 `await` 等待完成。
+   *
+   * @param camera 部分相机参数，未传的字段保留当前值
+   */
+  setCamera(e) {
+    const i = this.projectionContainer, n = {
+      zoom: e.zoom ?? i.scale.x,
+      x: e.x ?? i.position.x,
+      y: e.y ?? i.position.y
+    };
+    return this._cameraHandler ? Promise.resolve(this._cameraHandler(n)) : (this.applyCamera(n), Promise.resolve());
+  }
+  /**
+   * 直接将相机状态应用到 projectionContainer。
+   * 当没有安装 ViewportPlugin 时由 `setCamera` 内部调用。
+   * 也可被外部直接调用以跳过插件处理。
+   */
+  applyCamera(e) {
+    const i = this.projectionContainer, n = this.lastCameraState, r = e.x !== n.x || e.y !== n.y, s = e.zoom !== n.scale;
+    i.scale.set(e.zoom), i.position.set(e.x, e.y), this._isActive && (this.lastCameraState = { x: i.x, y: i.y, scale: i.scale.x }, this.notifyCameraChange(r, s));
+  }
+  /**
+   * 获取默认相机状态（居中 + 默认缩放）
+   */
+  getDefaultCamera() {
+    return {
+      zoom: De.DEFAULT_ZOOM,
+      x: this.app.screen.width / 2,
+      y: this.app.screen.height / 2
+    };
+  }
+  // ========== 常用操作 ==========
+  get stage() {
+    return this.app.stage;
+  }
+  clear() {
+    this.lines.clear(), this.nodes.clear(), this.texts.clear(), this.rects.clear(), this.fences.clear(), this.waves.clear(), this.images.clear(), this.layer.clear(), this.postprocess.clear();
+  }
+  destroy() {
+    this.setActive(!1), this.emit("destroyed"), this.grid?.destroy(), this.lines?.destroy(), this.nodes?.destroy(), this.texts?.destroy(), this.rects?.destroy(), this.fences?.destroy(), this.waves?.destroy(), this.images?.destroy(), this.layer?.destroy(), this.postprocess.destroy(), this.removeAllListeners(), this.sceneItems.clear(), this.app.stage.removeChild(this.projectionContainer), this.projectionContainer.destroy();
+  }
+  // ========== SceneItem 注册和渲染循环 ==========
+  registerItem(e) {
+    this.sceneItems.add(e);
+  }
+  unregisterItem(e) {
+    this.sceneItems.delete(e);
+  }
+  tickerCallback = () => {
+    const e = this.app.ticker.deltaMS;
+    for (const a of this.sceneItems)
+      a.onRender(e), a.tickStates(e);
+    this.postprocess.update(e);
+    const { x: i, y: n } = this.projectionContainer.position, r = this.projectionContainer.scale.x, s = i !== this.lastCameraState.x || n !== this.lastCameraState.y, o = r !== this.lastCameraState.scale;
+    (s || o) && (this.lastCameraState = { x: i, y: n, scale: r }, this.notifyCameraChange(s, o));
+  };
+  /**
+   * 通知所有 SceneItem 相机已变化，并向外发射相机事件。
+   *
+   * @param positionChanged 位置（x/y）是否改变；传 `false` 时不发射 `camera:move` 事件
+   * @param zoomChanged 缩放是否改变；传 `false` 时不发射 `camera:zoom` 事件
+   *
+   * 两者均为 `false` 时仅通知 SceneItem（用于场景初始化），不发射任何相机事件。
+   */
+  notifyCameraChange(e = !0, i = !0) {
+    const n = this.getViewRect(), r = this.projectionContainer.scale.x;
+    for (const o of this.sceneItems) o.onCameraChange(n, r);
+    if (!e && !i) return;
+    const s = {
+      ...this.getCamera(),
+      positionChanged: e,
+      zoomChanged: i
+    };
+    this.emit("camera:change", s), e && this.emit("camera:move", s), i && this.emit("camera:zoom", s);
+  }
+  getViewRect() {
+    const { width: e, height: i } = this.app.screen, n = this.projectionContainer, r = n.skew.x, s = n.skew.y, o = n.scale.x, a = n.scale.y, c = Math.cos(s) * o, l = Math.sin(s) * o, h = Math.sin(r) * a, u = Math.cos(r) * a, f = n.x, d = n.y, p = c * u - l * h, m = u / p, v = -l / p, _ = -h / p, x = c / p, w = (ue, fe) => {
+      const q = ue - f, de = fe - d;
+      return { x: m * q + _ * de, y: v * q + x * de };
+    }, S = w(0, 0), b = w(e, 0), E = w(0, i), N = w(e, i), j = Math.min(S.x, b.x, E.x, N.x), ee = Math.min(S.y, b.y, E.y, N.y), V = Math.max(S.x, b.x, E.x, N.x), X = Math.max(S.y, b.y, E.y, N.y);
+    return { x: j, y: ee, width: V - j, height: X - ee };
+  }
+  /**
+   * 计算场景中所有内容的包围盒（projectionContainer 本地坐标系）
+   * @returns 包围盒，如果场景为空则返回 null
+   */
+  getContentBounds() {
+    let i = 1 / 0, n = 1 / 0, r = -1 / 0, s = -1 / 0, o = !1;
+    const a = (c, l) => {
+      o = !0, c < i && (i = c), l < n && (n = l), c > r && (r = c), l > s && (s = l);
+    };
+    for (const c of this.nodes.getAll())
+      a(c.options.x * 100, c.options.y * 100);
+    for (const c of this.rects.getAll()) {
+      const l = c.options.x * 100, h = c.options.y * 100, u = (c.options.width ?? 1) * 100, f = (c.options.height ?? 1) * 100;
+      a(l, h), a(l + u, h + f);
+    }
+    for (const c of this.texts.getAll())
+      a(c.options.x * 100, c.options.y * 100);
+    for (const c of this.lines.getAll())
+      for (const l of c.options.anchor) {
+        const h = c.resolveAnchorPosition(l);
+        h && a(h.x * 100, h.y * 100);
+      }
+    for (const c of this.fences.getAll()) {
+      const l = c.options.x * 100, h = c.options.y * 100, u = c.options.direction ?? "+x", f = (c.options.length ?? 4) * 100;
+      switch (a(l, h), u) {
+        case "x":
+        case "+x":
+          a(l + f, h);
+          break;
+        case "-x":
+          a(l - f, h);
+          break;
+        case "y":
+        case "+y":
+          a(l, h + f);
+          break;
+        case "-y":
+          a(l, h - f);
+          break;
+      }
+    }
+    for (const c of this.waves.getAll()) {
+      const l = (c.options.width ?? 4) * 100, h = (c.options.height ?? 4) * 100;
+      a(c.options.x * 100 - l / 2, c.options.y * 100 - h / 2), a(c.options.x * 100 + l / 2, c.options.y * 100 + h / 2);
+    }
+    for (const c of this.images.getAll())
+      a(c.options.x * 100, c.options.y * 100);
+    return o ? { x: i, y: n, width: r - i, height: s - n } : null;
+  }
+}
+class Oe {
+  topology;
+  sceneCleanups = /* @__PURE__ */ new Map();
+  _onSceneAdded;
+  _onSceneRemoved;
+  _onSceneSwitched;
+  _onItemPointerDown;
+  _onItemPointerUp;
+  _onItemPointerOver;
+  _onItemPointerOut;
+  install(e) {
+    this.topology = e;
+    for (const i of e.getSceneIds()) {
+      const n = e.getScene(i);
+      n && this.invokeHookScene(n);
+    }
+    this._onSceneAdded = (i) => this.invokeHookScene(i), this._onSceneRemoved = ({ id: i }) => {
+      this.unhookScene(i), this.onSceneRemoved(i);
+    }, this._onSceneSwitched = (i) => this.onSceneSwitched(i), this._onItemPointerDown = (i) => this.onItemPointerDown(i), this._onItemPointerUp = (i) => this.onItemPointerUp(i), this._onItemPointerOver = (i) => this.onItemPointerOver(i), this._onItemPointerOut = (i) => this.onItemPointerOut(i), e.on("scene:added", this._onSceneAdded), e.on("scene:removed", this._onSceneRemoved), e.on("scene:switched", this._onSceneSwitched), e.on("item:pointerdown", this._onItemPointerDown), e.on("item:pointerup", this._onItemPointerUp), e.on("item:pointerover", this._onItemPointerOver), e.on("item:pointerout", this._onItemPointerOut);
   }
-  /* ---------- 便捷存取器 ---------- */
-  get intensity() {
-    return this.resources.noiseUniforms.uniforms.uIntensity;
+  uninstall(e) {
+    for (const [i] of this.sceneCleanups) this.unhookScene(i);
+    this._onSceneAdded && e.off("scene:added", this._onSceneAdded), this._onSceneRemoved && e.off("scene:removed", this._onSceneRemoved), this._onSceneSwitched && e.off("scene:switched", this._onSceneSwitched), this._onItemPointerDown && e.off("item:pointerdown", this._onItemPointerDown), this._onItemPointerUp && e.off("item:pointerup", this._onItemPointerUp), this._onItemPointerOver && e.off("item:pointerover", this._onItemPointerOver), this._onItemPointerOut && e.off("item:pointerout", this._onItemPointerOut), this._onSceneAdded = void 0, this._onSceneRemoved = void 0, this._onSceneSwitched = void 0, this._onItemPointerDown = void 0, this._onItemPointerUp = void 0, this._onItemPointerOver = void 0, this._onItemPointerOut = void 0, this.topology = void 0;
   }
-  set intensity(e) {
-    this.resources.noiseUniforms.uniforms.uIntensity = e;
+  unhookScene(e) {
+    const i = this.sceneCleanups.get(e);
+    i && (i(), this.sceneCleanups.delete(e));
   }
-  get seed() {
-    return this.resources.noiseUniforms.uniforms.uSeed;
+  invokeHookScene(e) {
+    const i = this.hookScene(e);
+    i && this.sceneCleanups.set(e.id, i);
   }
-  set seed(e) {
-    this.resources.noiseUniforms.uniforms.uSeed = e;
+  onItemPointerDown(e) {
   }
-}
-function Df(t, e) {
-  const i = e?.intensity ?? 0.15;
-  let n = e?.animated ?? !0;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new Pc({ intensity: i });
-    },
-    onUpdate(r, s) {
-      n && (r.seed = Math.random());
-    },
-    setOptions(r, s) {
-      const o = r;
-      s.intensity !== void 0 && (o.intensity = s.intensity), s.animated !== void 0 && (n = s.animated);
-    }
-  };
-}
-const Mc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`
-), Ec = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform float uOffset;
-uniform vec2 uDirection;
-
-void main(void)
-{
-    // 将归一化 0.5 中心映射到实际纹理坐标空间
-    vec2 texCenter = vec2(0.5) * (uOutputFrame.zw * uInputSize.zw);
-    // 从中心到当前像素的方向
-    vec2 center = vTextureCoord - texCenter;
-    vec2 dir = normalize(center) * uOffset * 0.01;
-
-    // 沿径向偏移采样 RGB 三通道
-    float r = texture(uTexture, vTextureCoord + dir).r;
-    float g = texture(uTexture, vTextureCoord).g;
-    float b = texture(uTexture, vTextureCoord - dir).b;
-    float a = texture(uTexture, vTextureCoord).a;
-
-    finalColor = vec4(r, g, b, a);
-}
-`
-);
-class Lc extends G {
-  constructor(e = {}) {
-    const i = e.offset ?? 3, n = U.from({
-      vertex: Mc,
-      fragment: Ec,
-      name: "chromatic-aberration-filter"
-    });
-    super({
-      glProgram: n,
-      resources: {
-        chromaticUniforms: new H({
-          uOffset: { value: i, type: "f32" },
-          uDirection: { value: new Float32Array([1, 1]), type: "vec2<f32>" }
-        })
-      }
-    });
+  onItemPointerUp(e) {
   }
-  /* ---------- 便捷存取器 ---------- */
-  get offset() {
-    return this.resources.chromaticUniforms.uniforms.uOffset;
+  onItemPointerOver(e) {
   }
-  set offset(e) {
-    this.resources.chromaticUniforms.uniforms.uOffset = e;
+  onItemPointerOut(e) {
+  }
+  onSceneSwitched(e) {
+  }
+  onSceneRemoved(e) {
   }
 }
-function zf(t, e) {
-  const i = e?.offset ?? 3;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new Lc({ offset: i });
-    },
-    setOptions(n, r) {
-      const s = n;
-      r.offset !== void 0 && (s.offset = r.offset);
-    }
-  };
-}
-const kc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`
-), Fc = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform vec4 uInputSize;
-uniform float uLineWidth;
-uniform float uIntensity;
-uniform float uOffset;
-
-void main(void)
-{
-    vec4 original = texture(uTexture, vTextureCoord);
-
-    // 按像素行计算扫描线
-    float y = vTextureCoord.y * uInputSize.y + uOffset;
-    float scanline = step(0.5, fract(y / uLineWidth));
-
-    // 暗行降低亮度
-    float factor = 1.0 - scanline * uIntensity;
-
-    finalColor = vec4(original.rgb * factor, original.a);
-}
-`
-);
-class Rc extends G {
-  constructor(e = {}) {
-    const i = e.lineWidth ?? 2, n = e.intensity ?? 0.3, r = e.offset ?? 0, s = U.from({
-      vertex: kc,
-      fragment: Fc,
-      name: "scanlines-filter"
-    });
-    super({
-      glProgram: s,
-      resources: {
-        scanlinesUniforms: new H({
-          uLineWidth: { value: i, type: "f32" },
-          uIntensity: { value: n, type: "f32" },
-          uOffset: { value: r, type: "f32" }
-        })
-      }
-    });
+class Oi extends Oe {
+  activeScene;
+  hookScene(e) {
   }
-  /* ---------- 便捷存取器 ---------- */
-  get lineWidth() {
-    return this.resources.scanlinesUniforms.uniforms.uLineWidth;
+  install(e) {
+    super.install(e), e.activeScene && this.bindActive(e.activeScene);
   }
-  set lineWidth(e) {
-    this.resources.scanlinesUniforms.uniforms.uLineWidth = e;
+  onSceneSwitched({ to: e }) {
+    this.unbindActive(), this.bindActive(e);
   }
-  get intensity() {
-    return this.resources.scanlinesUniforms.uniforms.uIntensity;
+  onSceneRemoved(e) {
+    this.activeScene?.id === e && (this.onUnbindActiveScene(), this.activeScene = void 0);
   }
-  set intensity(e) {
-    this.resources.scanlinesUniforms.uniforms.uIntensity = e;
+  bindActive(e) {
+    this.activeScene = e, this.onBindActiveScene(e);
   }
-  get offset() {
-    return this.resources.scanlinesUniforms.uniforms.uOffset;
+  unbindActive() {
+    this.activeScene && (this.onUnbindActiveScene(), this.activeScene = void 0);
+  }
+  uninstall(e) {
+    this.unbindActive(), super.uninstall(e);
+  }
+}
+class Nc extends Oi {
+  name = "hit-test";
+  _enabled = !0;
+  _hoveredItemId = null;
+  _hoveredItemType = null;
+  get enabled() {
+    return this._enabled;
+  }
+  set enabled(e) {
+    this._enabled = e;
+  }
+  _handlers;
+  onBindActiveScene(e) {
+    const i = this.topology, n = i.app.stage, r = (c) => {
+      let l = c.target;
+      for (; l && l !== n; ) {
+        const h = Ta(l);
+        if (h) {
+          const { itemType: u, itemId: f } = h;
+          return { itemType: u, itemId: f };
+        }
+        l = l.parent;
+      }
+      return { itemType: null, itemId: null };
+    }, s = (c) => {
+      if (!this._enabled) return;
+      const { itemType: l, itemId: h } = r(c);
+      i.emit("item:pointerdown", { itemType: l, itemId: h, sceneId: e.id, event: c });
+    }, o = (c) => {
+      if (!this._enabled) return;
+      const { itemType: l, itemId: h } = r(c);
+      i.emit("item:pointerup", { itemType: l, itemId: h, sceneId: e.id, event: c });
+    }, a = (c) => {
+      if (!this._enabled) return;
+      const { itemType: l, itemId: h } = r(c);
+      (this._hoveredItemId !== h || this._hoveredItemType !== l) && (this._hoveredItemId !== null && this._hoveredItemType !== null && i.emit("item:pointerout", {
+        itemType: this._hoveredItemType,
+        itemId: this._hoveredItemId,
+        sceneId: e.id,
+        event: c
+      }), h !== null && l !== null && i.emit("item:pointerover", { itemType: l, itemId: h, sceneId: e.id, event: c }), this._hoveredItemId = h, this._hoveredItemType = l);
+    };
+    n.on("pointerdown", s), n.on("pointerup", o), n.on("pointermove", a), this._handlers = { onPointerDown: s, onPointerUp: o, onPointerMove: a };
   }
-  set offset(e) {
-    this.resources.scanlinesUniforms.uniforms.uOffset = e;
+  onUnbindActiveScene() {
+    if (!this._handlers) return;
+    const e = this.topology?.app.stage;
+    e && (e.off("pointerdown", this._handlers.onPointerDown), e.off("pointerup", this._handlers.onPointerUp), e.off("pointermove", this._handlers.onPointerMove)), this._handlers = void 0, this._hoveredItemId = null, this._hoveredItemType = null;
   }
 }
-function Nf(t, e) {
-  const i = e?.lineWidth ?? 2, n = e?.intensity ?? 0.3;
-  let r = e?.animated ?? !1, s = e?.speed ?? 0.5, o = 0;
-  return {
-    postProcessId: t,
-    createFilter() {
-      return new Rc({ lineWidth: i, intensity: n, offset: 0 });
-    },
-    onUpdate(a, c) {
-      r && (o += s * c, a.offset = o);
-    },
-    setOptions(a, c) {
-      const l = a;
-      c.lineWidth !== void 0 && (l.lineWidth = c.lineWidth), c.intensity !== void 0 && (l.intensity = c.intensity), c.animated !== void 0 && (r = c.animated), c.speed !== void 0 && (s = c.speed);
-    }
-  };
-}
-const Dc = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`
-), zc = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec2 uCenter;
-uniform float uIntensity;
-uniform float uDecay;
-uniform float uDensity;
-uniform float uWeight;
-
-const int NUM_SAMPLES = 30;
-
-void main(void)
-{
-    vec2 texCoord = vTextureCoord;
-    // 将归一化 0~1 的光源中心映射到实际纹理坐标空间
-    vec2 center = uCenter * (uOutputFrame.zw * uInputSize.zw);
-    vec2 deltaTexCoord = (texCoord - center) * (1.0 / float(NUM_SAMPLES)) * uDensity;
-
-    vec4 color = texture(uTexture, texCoord);
-    float illuminationDecay = 1.0;
-
-    for (int i = 0; i < NUM_SAMPLES; i++) {
-        texCoord -= deltaTexCoord;
-        vec4 samp = texture(uTexture, texCoord);
-        samp *= illuminationDecay * uWeight;
-        color += samp;
-        illuminationDecay *= uDecay;
+class $c extends le {
+  icons = /* @__PURE__ */ new Map();
+  textureCache = /* @__PURE__ */ new Map();
+  loading = /* @__PURE__ */ new Map();
+  /** 添加或批量添加图标 */
+  add(e) {
+    for (const i of Array.isArray(e) ? e : [e]) {
+      const { id: n } = i, r = this.icons.has(n);
+      this.icons.set(n, i), r ? (this.textureCache.delete(n), this.loading.delete(n), this.emit("icon:updated", i)) : this.emit("icon:added", i);
     }
-
-    vec4 original = texture(uTexture, vTextureCoord);
-    finalColor = mix(original, color * uIntensity / float(NUM_SAMPLES), uIntensity);
-}
-`
-);
-class Nc extends G {
-  constructor(e = {}) {
-    const i = e.centerX ?? 0.5, n = e.centerY ?? 0.5, r = e.intensity ?? 0.3, s = e.decay ?? 0.96, o = e.density ?? 1, a = e.weight ?? 0.5, c = U.from({
-      vertex: Dc,
-      fragment: zc,
-      name: "god-rays-filter"
-    });
-    super({
-      glProgram: c,
-      resources: {
-        godRaysUniforms: new H({
-          uCenter: { value: new Float32Array([i, n]), type: "vec2<f32>" },
-          uIntensity: { value: r, type: "f32" },
-          uDecay: { value: s, type: "f32" },
-          uDensity: { value: o, type: "f32" },
-          uWeight: { value: a, type: "f32" }
-        })
-      }
-    });
+    return this;
   }
-  /* ---------- 便捷存取器 ---------- */
-  get centerX() {
-    return this.resources.godRaysUniforms.uniforms.uCenter[0];
+  /** 删除图标（按 id） */
+  remove(e) {
+    return this.icons.delete(e) ? (this.textureCache.delete(e), this.loading.delete(e), this.emit("icon:removed", { id: e }), !0) : !1;
   }
-  set centerX(e) {
-    this.resources.godRaysUniforms.uniforms.uCenter[0] = e;
+  /** 获取图标 URL（按 id） */
+  getUrl(e) {
+    return this.icons.get(e)?.url;
   }
-  get centerY() {
-    return this.resources.godRaysUniforms.uniforms.uCenter[1];
+  /** 获取图标完整信息（按 id） */
+  get(e) {
+    return this.icons.get(e);
   }
-  set centerY(e) {
-    this.resources.godRaysUniforms.uniforms.uCenter[1] = e;
+  /** 是否已注册（按 id） */
+  has(e) {
+    return this.icons.has(e);
   }
-  get intensity() {
-    return this.resources.godRaysUniforms.uniforms.uIntensity;
+  /** 获取所有图标 */
+  getAll() {
+    return [...this.icons.values()];
   }
-  set intensity(e) {
-    this.resources.godRaysUniforms.uniforms.uIntensity = e;
+  /**
+   * 加载图标纹理，自动缓存。
+   * 参数为图标 id；若 id 未注册则当作 URL 直接加载。
+   */
+  async loadTexture(e) {
+    const i = this.textureCache.get(e);
+    if (i) return i;
+    const n = this.loading.get(e);
+    if (n) return n;
+    const r = this.icons.get(e)?.url ?? e, s = gi.load(r).then((o) => (this.textureCache.set(e, o), this.loading.delete(e), o));
+    return this.loading.set(e, s), s;
   }
-  get decay() {
-    return this.resources.godRaysUniforms.uniforms.uDecay;
+  /** 清空所有图标和缓存 */
+  clear() {
+    this.icons.clear(), this.textureCache.clear(), this.loading.clear(), this.emit("icons:cleared");
   }
-  set decay(e) {
-    this.resources.godRaysUniforms.uniforms.uDecay = e;
+  /** 序列化 */
+  toJSON() {
+    return this.getAll();
   }
-  get density() {
-    return this.resources.godRaysUniforms.uniforms.uDensity;
+  /** 反序列化（追加模式） */
+  fromJSON(e) {
+    this.add(e);
   }
-  set density(e) {
-    this.resources.godRaysUniforms.uniforms.uDensity = e;
+  /** 序列化为 YAML 字符串 */
+  toYAML() {
+    return be(this.toJSON());
   }
-  get weight() {
-    return this.resources.godRaysUniforms.uniforms.uWeight;
+  /** 从 YAML 字符串反序列化（追加模式） */
+  fromYAML(e) {
+    this.fromJSON(Ce(e));
   }
-  set weight(e) {
-    this.resources.godRaysUniforms.uniforms.uWeight = e;
+  destroy() {
+    this.clear(), this.removeAllListeners();
   }
 }
-function $f(t, e) {
-  const i = e?.centerX ?? 0.5, n = e?.centerY ?? 0.5, r = e?.intensity ?? 0.3, s = e?.decay ?? 0.96, o = e?.density ?? 1, a = e?.weight ?? 0.5;
+const Wt = /* @__PURE__ */ new WeakMap();
+function Rf(t, e, i) {
+  const n = i?.frequency ?? 2, r = i?.minAlpha ?? 0.2, s = i?.maxAlpha ?? 1;
   return {
-    postProcessId: t,
-    createFilter() {
-      return new Nc({ centerX: i, centerY: n, intensity: r, decay: s, density: o, weight: a });
+    stateId: t,
+    type: e,
+    onEnter(o) {
+      Wt.set(o, { elapsed: 0 });
     },
-    setOptions(c, l) {
-      const h = c;
-      l.centerX !== void 0 && (h.centerX = l.centerX), l.centerY !== void 0 && (h.centerY = l.centerY), l.intensity !== void 0 && (h.intensity = l.intensity), l.decay !== void 0 && (h.decay = l.decay), l.density !== void 0 && (h.density = l.density), l.weight !== void 0 && (h.weight = l.weight);
+    onLeave(o) {
+      Wt.delete(o), o.getGraphics().alpha = 1;
+    },
+    onUpdate(o, a) {
+      const c = Wt.get(o);
+      if (!c) return;
+      c.elapsed += a;
+      const l = (Math.sin(c.elapsed * n * Math.PI * 2 / 1e3) + 1) / 2;
+      o.getGraphics().alpha = r + l * (s - r);
     }
   };
 }
-const $c = (
-  /* glsl */
-  `
-in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition(void)
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0 * uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord(void)
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
+const ot = /* @__PURE__ */ new WeakMap();
+function Df(t, e, i) {
+  const n = i?.frequency ?? 2, r = i?.height ?? 12;
+  return {
+    stateId: t,
+    type: e,
+    onEnter(s) {
+      const o = s.getGraphics();
+      ot.set(s, { elapsed: 0, origY: o.position.y, origX: o.position.x });
+    },
+    onLeave(s) {
+      const o = ot.get(s);
+      o && (s.getGraphics().position.y = o.origY, s.getGraphics().position.x = o.origX, ot.delete(s));
+    },
+    onUpdate(s, o) {
+      const a = ot.get(s);
+      if (!a) return;
+      a.elapsed += o;
+      const c = Math.abs(Math.sin(a.elapsed * n * Math.PI / 1e3));
+      s.getGraphics().position.y = a.origY - r * c, s.getGraphics().position.x = a.origX - r * c;
+    }
+  };
 }
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
+const Ve = /* @__PURE__ */ new WeakMap();
+function Rt(t) {
+  const e = t.getGraphics(), i = (Ve.get(e) ?? 0) + 1;
+  if (Ve.set(e, i), i > 1) return;
+  const n = e.getLocalBounds(), r = 100, s = 80, o = Math.min(n.x, -r) - s, a = Math.min(n.y, -r) - s, c = Math.max(n.x + n.width, r) + s, l = Math.max(n.y + n.height, r) + s;
+  e.filterArea = new Lt(o, a, c - o, l - a);
 }
-`
-), Gc = (
-  /* glsl */
-  `
-precision highp float;
-
-in vec2 vTextureCoord;
-out vec4 finalColor;
-
-uniform sampler2D uTexture;
-uniform float uAmount;
-
-void main(void)
-{
-    vec4 original = texture(uTexture, vTextureCoord);
-
-    // Rec.709 亮度系数
-    float lum = dot(original.rgb, vec3(0.2126, 0.7152, 0.0722));
-    vec3 gray = vec3(lum);
-
-    // 按 amount 在原色和灰色之间插值
-    vec3 result = mix(original.rgb, gray, uAmount);
-
-    finalColor = vec4(result, original.a);
+function Dt(t) {
+  const e = t.getGraphics(), i = (Ve.get(e) ?? 1) - 1;
+  i <= 0 ? (Ve.delete(e), e.filterArea = void 0) : Ve.set(e, i);
 }
-`
-);
-class Uc extends G {
-  constructor(e = {}) {
-    const i = e.amount ?? 1, n = U.from({
-      vertex: $c,
-      fragment: Gc,
-      name: "grayscale-filter"
-    });
-    super({
-      glProgram: n,
-      resources: {
-        grayscaleUniforms: new H({
-          uAmount: { value: i, type: "f32" }
-        })
+const jt = /* @__PURE__ */ new WeakMap();
+function zf(t, e, i) {
+  const n = i?.brightness ?? 1.5;
+  return {
+    stateId: t,
+    type: e,
+    onEnter(r) {
+      const s = r.getGraphics(), o = new mi();
+      o.brightness(n, !1), jt.set(r, o), Rt(r), s.filters = [...s.filters ?? [], o];
+    },
+    onLeave(r) {
+      const s = jt.get(r);
+      if (s) {
+        const o = r.getGraphics();
+        o.filters = (o.filters ?? []).filter((a) => a !== s), Dt(r), jt.delete(r);
       }
-    });
-  }
-  /* ---------- 便捷存取器 ---------- */
-  get amount() {
-    return this.resources.grayscaleUniforms.uniforms.uAmount;
-  }
-  set amount(e) {
-    this.resources.grayscaleUniforms.uniforms.uAmount = e;
-  }
+    }
+  };
 }
-function Gf(t, e) {
-  const i = e?.amount ?? 1;
+const Vt = /* @__PURE__ */ new WeakMap();
+function Nf(t, e, i) {
+  const n = Math.max(0, Math.min(1, i?.brightness ?? 0.5));
   return {
-    postProcessId: t,
-    createFilter() {
-      return new Uc({ amount: i });
+    stateId: t,
+    type: e,
+    onEnter(r) {
+      const s = r.getGraphics(), o = new mi();
+      o.brightness(n, !1), Vt.set(r, o), Rt(r), s.filters = [...s.filters ?? [], o];
     },
-    setOptions(n, r) {
-      const s = n;
-      r.amount !== void 0 && (s.amount = r.amount);
+    onLeave(r) {
+      const s = Vt.get(r);
+      if (s) {
+        const o = r.getGraphics();
+        o.filters = (o.filters ?? []).filter((a) => a !== s), Dt(r), Vt.delete(r);
+      }
     }
   };
 }
-const Hc = (
+const Gc = (
   /* glsl */
   `
 in vec2 aPosition;
@@ -5110,9 +5052,12 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-), Yc = (
-  /* glsl */
-  `
+);
+function Uc(t) {
+  const e = Math.max(8, Math.round(t * 3)), i = Math.max(2, Math.round(t)), n = e * i;
+  return (
+    /* glsl */
+    `
 precision highp float;
 
 in vec2 vTextureCoord;
@@ -5120,68 +5065,150 @@ out vec4 finalColor;
 
 uniform sampler2D uTexture;
 uniform vec4 uInputSize;
-uniform float uStrength;
+uniform float uDistance;
+uniform float uOuterStrength;
+uniform vec3 uColor;
+
+const int ANGLE_STEPS = ${e};
+const int DIST_STEPS  = ${i};
+const float TOTAL     = ${n}.0;
+const float PI2       = 6.28318530718;
 
 void main(void)
 {
-    vec2 step = uInputSize.zw;
+    vec4 original = texture(uTexture, vTextureCoord);
 
-    // 采样 3×3 邻域
-    vec4 center = texture(uTexture, vTextureCoord);
-    vec4 top    = texture(uTexture, vTextureCoord + vec2( 0.0, -step.y));
-    vec4 bottom = texture(uTexture, vTextureCoord + vec2( 0.0,  step.y));
-    vec4 left   = texture(uTexture, vTextureCoord + vec2(-step.x,  0.0));
-    vec4 right  = texture(uTexture, vTextureCoord + vec2( step.x,  0.0));
+    /* ---- 环形采样：累计周围像素的 alpha ---- */
+    float totalAlpha = 0.0;
 
-    // 拉普拉斯卷积核: [-1, -1, -1; -1, 8, -1; -1, -1, -1] 的简化版
-    // 仅取上下左右 4 邻域: [0,-1,0; -1,4,-1; 0,-1,0]
-    vec4 edge = center * 4.0 - top - bottom - left - right;
+    for (int i = 0; i < ANGLE_STEPS; i++) {
+        float angle = float(i) * PI2 / float(ANGLE_STEPS);
+        vec2 dir = vec2(cos(angle), sin(angle));
 
-    // 按强度叠加锐化
-    vec4 result = center + edge * uStrength;
+        for (int j = 1; j <= DIST_STEPS; j++) {
+            float pct = float(j) / float(DIST_STEPS);
+            vec2 offset = dir * pct * uDistance * uInputSize.zw;
+            totalAlpha += texture(uTexture, vTextureCoord + offset).a;
+        }
+    }
 
-    finalColor = vec4(clamp(result.rgb, 0.0, 1.0), center.a);
+    totalAlpha /= TOTAL;
+
+    /* ---- 外发光：仅在原始像素透明处显示 ---- */
+    float glowAlpha = clamp(totalAlpha * uOuterStrength * (1.0 - original.a), 0.0, 1.0);
+
+    /* ---- premultiplied-alpha 合成：original 在上，glow 在下 ---- */
+    vec4 glow = vec4(uColor * glowAlpha, glowAlpha);
+    finalColor = original + glow * (1.0 - original.a);
 }
 `
-);
-class Bc extends G {
+  );
+}
+class Hc extends G {
   constructor(e = {}) {
-    const i = e.strength ?? 0.5, n = U.from({
-      vertex: Hc,
-      fragment: Yc,
-      name: "sharpen-filter"
+    const i = e.quality ?? 4, n = e.distance ?? 10, r = e.color ?? [1, 1, 0], s = e.outerStrength ?? 4, o = U.from({
+      vertex: Gc,
+      fragment: Uc(i),
+      name: "glow-filter"
     });
     super({
-      glProgram: n,
+      glProgram: o,
       resources: {
-        sharpenUniforms: new H({
-          uStrength: { value: i, type: "f32" }
+        glowUniforms: new H({
+          uDistance: { value: n, type: "f32" },
+          uOuterStrength: { value: s, type: "f32" },
+          uColor: {
+            value: new Float32Array(r),
+            type: "vec3<f32>"
+          }
         })
-      }
+      },
+      padding: n + 5
     });
   }
   /* ---------- 便捷存取器 ---------- */
-  get strength() {
-    return this.resources.sharpenUniforms.uniforms.uStrength;
+  get distance() {
+    return this.resources.glowUniforms.uniforms.uDistance;
   }
-  set strength(e) {
-    this.resources.sharpenUniforms.uniforms.uStrength = e;
+  set distance(e) {
+    this.resources.glowUniforms.uniforms.uDistance = e, this.padding = e + 5;
+  }
+  get outerStrength() {
+    return this.resources.glowUniforms.uniforms.uOuterStrength;
+  }
+  set outerStrength(e) {
+    this.resources.glowUniforms.uniforms.uOuterStrength = e;
+  }
+  get color() {
+    return this.resources.glowUniforms.uniforms.uColor;
+  }
+  set color(e) {
+    const i = this.resources.glowUniforms.uniforms.uColor;
+    i[0] = e[0], i[1] = e[1], i[2] = e[2];
   }
 }
-function Uf(t, e) {
-  const i = e?.strength ?? 0.5;
+const at = /* @__PURE__ */ new WeakMap();
+function Yc(t) {
+  return [
+    (t >> 16 & 255) / 255,
+    (t >> 8 & 255) / 255,
+    (t & 255) / 255
+  ];
+}
+function $f(t, e, i) {
+  const n = i?.color ?? 16776960, r = i?.distance ?? 10, [s, o] = i?.strength ?? [2, 6], a = i?.frequency ?? 1.5, c = i?.quality ?? 4, l = Yc(n);
   return {
-    postProcessId: t,
-    createFilter() {
-      return new Bc({ strength: i });
+    stateId: t,
+    type: e,
+    onEnter(h) {
+      const u = h.getGraphics(), f = new Hc({
+        color: l,
+        distance: r,
+        outerStrength: s,
+        quality: c
+      });
+      at.set(h, { elapsed: 0, filter: f }), Rt(h), u.filters = [...u.filters ?? [], f];
     },
-    setOptions(n, r) {
-      const s = n;
-      r.strength !== void 0 && (s.strength = r.strength);
+    onLeave(h) {
+      const u = at.get(h);
+      if (u) {
+        const f = h.getGraphics();
+        f.filters = (f.filters ?? []).filter((d) => d !== u.filter), Dt(h), at.delete(h);
+      }
+    },
+    onUpdate(h, u) {
+      const f = at.get(h);
+      if (!f) return;
+      f.elapsed += u;
+      const d = (Math.sin(f.elapsed * a * Math.PI * 2 / 1e3) + 1) / 2;
+      f.filter.outerStrength = s + d * (o - s);
+    }
+  };
+}
+const ct = /* @__PURE__ */ new WeakMap();
+function Gf(t, e, i) {
+  const n = i?.frequency ?? 1.2, r = i?.minScale ?? 0.92, s = i?.maxScale ?? 1.08;
+  return {
+    stateId: t,
+    type: e,
+    onEnter(o) {
+      const a = o.getGraphics();
+      ct.set(o, { elapsed: 0, origScaleX: a.scale.x, origScaleY: a.scale.y });
+    },
+    onLeave(o) {
+      const a = ct.get(o);
+      a && (o.getGraphics().scale.set(a.origScaleX, a.origScaleY), ct.delete(o));
+    },
+    onUpdate(o, a) {
+      const c = ct.get(o);
+      if (!c) return;
+      c.elapsed += a;
+      const l = c.elapsed * n / 1e3 % 1, h = Math.pow(Math.abs(Math.sin(l * Math.PI)), 0.6), u = r + h * (s - r);
+      o.getGraphics().scale.set(c.origScaleX * u, c.origScaleY * u);
     }
   };
 }
-const Wc = (
+const Bc = (
   /* glsl */
   `
 in vec2 aPosition;
@@ -5210,7 +5237,7 @@ void main(void)
     vTextureCoord = filterTextureCoord();
 }
 `
-), jc = (
+), Wc = (
   /* glsl */
   `
 precision highp float;
@@ -5219,150 +5246,176 @@ in vec2 vTextureCoord;
 out vec4 finalColor;
 
 uniform sampler2D uTexture;
-uniform float uAmount;
+uniform float uPhase;     // 光带中心位置（投影轴坐标）
+uniform float uWidth;     // 光带宽度（投影轴空间）
+uniform float uIntensity; // 白光峰值强度 0-1
+uniform float uCosA;      // cos(angle)
+uniform float uSinA;      // sin(angle)
 
 void main(void)
 {
     vec4 original = texture(uTexture, vTextureCoord);
 
-    // 反色
-    vec3 inverted = 1.0 - original.rgb;
+    // 将纹理坐标投影到扫光方向上
+    float pos = vTextureCoord.x * uCosA + vTextureCoord.y * uSinA;
 
-    // 按 amount 在原色和反色之间插值
-    vec3 result = mix(original.rgb, inverted, uAmount);
+    // 计算到光带中心的距离，smooth 衰减
+    float dist = abs(pos - uPhase);
+    float halfW = uWidth * 0.5;
+    float t = 1.0 - smoothstep(0.0, halfW, dist);
 
-    finalColor = vec4(result, original.a);
+    // 仅在不透明区域叠加白光（premultiplied-alpha）
+    float add = t * uIntensity * original.a;
+    vec3 newRgb = min(original.rgb + vec3(add), vec3(original.a));
+
+    finalColor = vec4(newRgb, original.a);
 }
 `
 );
-class Vc extends G {
+class jc extends G {
+  _angle;
   constructor(e = {}) {
-    const i = e.amount ?? 1, n = U.from({
-      vertex: Wc,
-      fragment: jc,
-      name: "invert-filter"
+    const i = e.width ?? 0.35, n = e.intensity ?? 0.6, r = e.angle ?? Math.PI / 6, s = U.from({
+      vertex: Bc,
+      fragment: Wc,
+      name: "shimmer-filter"
     });
     super({
-      glProgram: n,
+      glProgram: s,
       resources: {
-        invertUniforms: new H({
-          uAmount: { value: i, type: "f32" }
+        shimmerUniforms: new H({
+          uPhase: { value: 0, type: "f32" },
+          uWidth: { value: i, type: "f32" },
+          uIntensity: { value: n, type: "f32" },
+          uCosA: { value: Math.cos(r), type: "f32" },
+          uSinA: { value: Math.sin(r), type: "f32" }
         })
       }
-    });
+    }), this._angle = r;
   }
   /* ---------- 便捷存取器 ---------- */
-  get amount() {
-    return this.resources.invertUniforms.uniforms.uAmount;
+  get phase() {
+    return this.resources.shimmerUniforms.uniforms.uPhase;
   }
-  set amount(e) {
-    this.resources.invertUniforms.uniforms.uAmount = e;
+  set phase(e) {
+    this.resources.shimmerUniforms.uniforms.uPhase = e;
+  }
+  get width() {
+    return this.resources.shimmerUniforms.uniforms.uWidth;
+  }
+  set width(e) {
+    this.resources.shimmerUniforms.uniforms.uWidth = e;
+  }
+  get intensity() {
+    return this.resources.shimmerUniforms.uniforms.uIntensity;
+  }
+  set intensity(e) {
+    this.resources.shimmerUniforms.uniforms.uIntensity = e;
+  }
+  get angle() {
+    return this._angle;
+  }
+  set angle(e) {
+    this._angle = e, this.resources.shimmerUniforms.uniforms.uCosA = Math.cos(e), this.resources.shimmerUniforms.uniforms.uSinA = Math.sin(e);
   }
 }
-function Hf(t, e) {
-  const i = e?.amount ?? 1;
+const lt = /* @__PURE__ */ new WeakMap();
+function Uf(t, e, i) {
+  const n = i?.frequency ?? 0.8, r = i?.width ?? 0.35, s = i?.intensity ?? 0.6, o = i?.angle ?? Math.PI / 6;
   return {
-    postProcessId: t,
-    createFilter() {
-      return new Vc({ amount: i });
+    stateId: t,
+    type: e,
+    onEnter(a) {
+      const c = new jc({ width: r, intensity: s, angle: o }), l = a.getGraphics();
+      Rt(a), l.filters = [...l.filters ?? [], c];
+      const h = Math.abs(Math.cos(o)) + Math.abs(Math.sin(o));
+      lt.set(a, { elapsed: 0, filter: c, maxProj: h });
     },
-    setOptions(n, r) {
-      const s = n;
-      r.amount !== void 0 && (s.amount = r.amount);
+    onLeave(a) {
+      const c = lt.get(a);
+      if (c) {
+        const l = a.getGraphics();
+        l.filters = (l.filters ?? []).filter((h) => h !== c.filter), Dt(a), lt.delete(a);
+      }
+    },
+    onUpdate(a, c) {
+      const l = lt.get(a);
+      if (!l) return;
+      l.elapsed += c;
+      const h = l.elapsed * n / 1e3 % 1, u = r * 0.5, f = l.maxProj + r;
+      l.filter.phase = h * f - u;
     }
   };
 }
-class Oi extends le {
-  /** 额外 padding：覆盖 BlurFilter spread + 变换舍入误差（与 states/_filter-utils 同理） */
-  static FILTER_AREA_PAD = 80;
-  items = /* @__PURE__ */ new Map();
-  /** postProcessId → 插件定义 */
-  defs = /* @__PURE__ */ new Map();
-  /** postProcessId → 运行时 Filter 实例 */
-  filters = /* @__PURE__ */ new Map();
-  /** 当前绑定的目标容器 */
-  _target = null;
-  /** PixiJS Application 引用，用于获取 screen 尺寸 */
-  _app = null;
-  /** 绑定到目标容器（projectionContainer），启用后滤镜自动挂载 */
-  bind(e, i) {
-    this._target = e, this._app = i, this.rebuildFilters();
-  }
-  /** 解绑目标容器，清除所有已挂载的滤镜 */
-  unbind() {
-    this._target && (this.clearFilters(), this._target.filterArea = void 0, this._target = null, this._app = null);
-  }
-  /** 添加或批量添加后期处理项 */
+const Xt = /* @__PURE__ */ new WeakMap();
+function Hf(t, e, i) {
+  const n = i?.color ?? 16711680;
+  return {
+    stateId: t,
+    type: e,
+    onEnter(r) {
+      const s = r.getGraphics();
+      Xt.set(r, s.tint), s.tint = n;
+    },
+    onLeave(r) {
+      const s = Xt.get(r);
+      s !== void 0 && (r.getGraphics().tint = s, Xt.delete(r));
+    }
+  };
+}
+class Vc extends le {
+  states = /* @__PURE__ */ new Map();
+  /** stateId → 该状态下所有的插件定义 */
+  plugins = /* @__PURE__ */ new Map();
+  /** 添加或批量添加状态 */
   add(e) {
     for (const i of Array.isArray(e) ? e : [e]) {
-      i.enabled === void 0 && (i.enabled = !0);
-      const n = this.items.has(i.id);
-      this.items.set(i.id, i), this.emit(n ? "postprocess:updated" : "postprocess:added", i);
+      const n = this.states.has(i.id);
+      this.states.set(i.id, i), this.emit(n ? "state:updated" : "state:added", i);
     }
-    return this.rebuildFilters(), this;
+    return this;
   }
-  /** 删除后期处理项（同时清除关联的插件和滤镜） */
+  /** 删除状态（同时清除关联的插件） */
   remove(e) {
-    return this.items.delete(e) ? (this.destroyFilter(e), this.defs.delete(e), this.emit("postprocess:removed", { id: e }), this.rebuildFilters(), !0) : !1;
+    return this.states.delete(e) ? (this.plugins.delete(e), this.emit("state:removed", { id: e }), !0) : !1;
   }
   get(e) {
-    return this.items.get(e);
+    return this.states.get(e);
   }
   has(e) {
-    return this.items.has(e);
+    return this.states.has(e);
   }
   getAll() {
-    return [...this.items.values()];
+    return [...this.states.values()];
   }
   clear() {
-    this.clearFilters(), this.items.clear(), this.defs.clear(), this.emit("postprocess:cleared");
-  }
-  /** 启用后期处理效果 */
-  enable(e) {
-    const i = this.items.get(e);
-    return i && !i.enabled && (i.enabled = !0, this.emit("postprocess:enabled", { id: e }), this.rebuildFilters()), this;
+    this.states.clear(), this.plugins.clear(), this.emit("states:cleared");
   }
-  /** 禁用后期处理效果 */
-  disable(e) {
-    const i = this.items.get(e);
-    return i && i.enabled !== !1 && (i.enabled = !1, this.emit("postprocess:disabled", { id: e }), this.rebuildFilters()), this;
+  /** 注册状态插件 */
+  registerPlugin(e) {
+    const i = this.plugins.get(e.stateId) ?? [];
+    return i.push(e), this.plugins.set(e.stateId, i), this;
   }
-  /** 注册后期处理插件 */
-  register(e) {
-    return this.defs.set(e.postProcessId, e), this.rebuildFilters(), this;
+  /** 注销指定 stateId + type 的所有插件 */
+  unregisterPlugin(e, i) {
+    const n = this.plugins.get(e);
+    if (n) {
+      const r = n.filter((s) => s.type !== i);
+      r.length ? this.plugins.set(e, r) : this.plugins.delete(e);
+    }
+    return this;
   }
-  /** 注销后期处理插件 */
-  unregister(e) {
-    return this.destroyFilter(e), this.defs.delete(e), this.rebuildFilters(), this;
+  /** 获取匹配 stateId + type 的插件列表 */
+  getPlugins(e, i) {
+    return (this.plugins.get(e) ?? []).filter((n) => n.type === i);
   }
-  /** 获取后期处理权重 */
+  /** 获取状态权重，未定义时为 0 */
   getWeight(e) {
-    return this.items.get(e)?.weight ?? 0;
-  }
-  /** 获取运行时 Filter 实例（供调试用） */
-  getFilter(e) {
-    return this.filters.get(e);
-  }
-  /**
-   * 热更新后期处理参数，直接修改运行时 Filter 的 uniform，无需销毁重建。
-   * 仅当对应 PostProcessDef 实现了 setOptions 时生效。
-   * 不支持热更新的参数（如 bloom 的 samples）需重新调用 register 重建。
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  updateOptions(e, i) {
-    const n = this.filters.get(e), r = this.defs.get(e);
-    return n && r?.setOptions && r.setOptions(n, i), this;
+    return this.states.get(e)?.weight ?? 0;
   }
-  /** 逐帧更新（由 Scene ticker 驱动） */
-  update(e) {
-    this._target && this._app && this._target.filters?.length && (this._target.filterArea = this.computeFilterArea());
-    for (const [i, n] of this.defs) {
-      if (!n.onUpdate) continue;
-      const r = this.items.get(i);
-      if (!r || r.enabled === !1) continue;
-      const s = this.filters.get(i);
-      s && n.onUpdate(s, e);
-    }
+  /** 按权重升序排列 stateId 列表 */
+  sortByWeight(e) {
+    return [...e].sort((i, n) => this.getWeight(i) - this.getWeight(n));
   }
   /** 序列化（仅元数据，插件为运行时代码不参与序列化） */
   toJSON() {
@@ -5379,64 +5432,13 @@ class Oi extends le {
     this.fromJSON(Ce(e));
   }
   destroy() {
-    this.clearFilters(), this.items.clear(), this.defs.clear(), this._target = null, this._app = null, this.removeAllListeners();
-  }
-  // ========== 内部方法 ==========
-  /**
-   * 计算 filterArea（projectionContainer 局部坐标空间），参考 states/_filter-utils。
-   *
-   * 将视口四角通过 worldTransform 逆变换到容器局部空间，
-   * 加上 pad 以确保 BlurFilter 等带扩展的滤镜不被裁剪。
-   *
-   * **filterArea 走的是独立且正确的路径：**
-   * ```
-   * filterArea（local）
-   *   × container.worldTransform → world
-   *   × renderGroup.cacheToLocalTransform → render group local ✓
-   * ```
-   */
-  computeFilterArea() {
-    const e = this._app.screen, i = this._target.worldTransform.clone().invert(), n = i.apply({ x: e.x, y: e.y }), r = i.apply({ x: e.x + e.width, y: e.y }), s = i.apply({ x: e.x + e.width, y: e.y + e.height }), o = i.apply({ x: e.x, y: e.y + e.height }), a = Oi.FILTER_AREA_PAD, c = Math.min(n.x, r.x, s.x, o.x) - a, l = Math.min(n.y, r.y, s.y, o.y) - a, h = Math.max(n.x, r.x, s.x, o.x) + a, u = Math.max(n.y, r.y, s.y, o.y) + a;
-    return new Lt(c, l, h - c, u - l);
-  }
-  /** 按权重升序排列，返回有效（已注册 + 已启用）的 ID 列表 */
-  getActiveIds() {
-    const e = [];
-    for (const [i, n] of this.items)
-      n.enabled !== !1 && this.defs.has(i) && e.push(i);
-    return e.sort((i, n) => this.getWeight(i) - this.getWeight(n));
-  }
-  /** 重建 filters 数组并挂载到目标容器 */
-  rebuildFilters() {
-    if (!this._target) return;
-    const e = this.getActiveIds();
-    for (const [n, r] of this.filters)
-      e.includes(n) || this.destroyFilter(n);
-    for (const n of e)
-      if (!this.filters.has(n)) {
-        const r = this.defs.get(n);
-        this.filters.set(n, r.createFilter());
-      }
-    const i = e.map((n) => this.filters.get(n)).filter(Boolean);
-    i.length > 0 ? (this._target.filterArea = this.computeFilterArea(), this._target.filters = i) : (this._target.filterArea = void 0, this._target.filters = null);
-  }
-  /** 销毁单个滤镜实例 */
-  destroyFilter(e) {
-    const i = this.filters.get(e);
-    i && (this.defs.get(e)?.onDestroy?.(i), i.destroy(), this.filters.delete(e));
-  }
-  /** 清除所有运行时滤镜 */
-  clearFilters() {
-    for (const e of [...this.filters.keys()])
-      this.destroyFilter(e);
-    this._target && (this._target.filters = null);
+    this.clear(), this.removeAllListeners();
   }
 }
 class _r extends le {
   _app;
-  icons = new lc();
-  states = new vc();
-  postprocess = new Oi();
+  icons = new $c();
+  states = new Vc();
   scenes = /* @__PURE__ */ new Map();
   _activeSceneId = null;
   _isReady = !1;
@@ -5469,7 +5471,7 @@ class _r extends le {
       width: n ?? i.clientWidth,
       height: r ?? i.clientHeight,
       antialias: !0
-    }), i.appendChild(this._app.canvas), this._app.stage.eventMode = "static", this._app.stage.hitArea = this._app.screen, this._isReady = !0, this.use(new cc()), this.emit("ready");
+    }), i.appendChild(this._app.canvas), this._app.stage.eventMode = "static", this._app.stage.hitArea = this._app.screen, this._isReady = !0, this.use(new Nc()), this.emit("ready");
   }
   /** 静态工厂方法，创建并初始化 Topology 实例 */
   static async create(e) {
@@ -5484,7 +5486,7 @@ class _r extends le {
   /** 添加场景，首个场景自动激活 */
   addScene(e, i) {
     if (this.ensureReady(), this.scenes.has(e)) throw new Error(`Scene "${e}" already exists`);
-    const n = new De(e, this.app, this.icons, this.states, this.postprocess);
+    const n = new De(e, this.app, this.icons, this.states);
     return this.scenes.set(e, n), i && n.fromJSON(i), !this._isBatchLoading && this.scenes.size === 1 ? this.switchScene(e) : n.setActive(!1), this.emit("scene:added", n), n;
   }
   removeScene(e) {
@@ -5560,13 +5562,12 @@ class _r extends le {
       scenes: e,
       icons: this.icons.toJSON(),
       states: this.states.toJSON(),
-      postprocess: this.postprocess.toJSON(),
       _activeSceneId: this._activeSceneId ?? void 0
     };
   }
   fromJSON(e) {
     for (const n of [...this.scenes.keys()]) this.removeScene(n);
-    e.icons && this.icons.fromJSON(e.icons), e.states && this.states.fromJSON(e.states), e.postprocess && this.postprocess.fromJSON(e.postprocess), this._isBatchLoading = !0;
+    e.icons && this.icons.fromJSON(e.icons), e.states && this.states.fromJSON(e.states), this._isBatchLoading = !0;
     for (const [n, r] of Object.entries(e.scenes))
       this.addScene(n, r);
     this._isBatchLoading = !1;
@@ -5665,7 +5666,7 @@ class _r extends le {
       e.uninstall(this);
     this.plugins.clear();
     for (const e of [...this.scenes.keys()]) this.removeScene(e);
-    this.icons.clear(), this.states.clear(), this.postprocess.destroy(), ka(), this.emit("destroyed"), this.removeAllListeners(), this.app?.destroy(!0), this._isReady = !1;
+    this.icons.clear(), this.states.clear(), ka(), this.emit("destroyed"), this.removeAllListeners(), this.app?.destroy(!0), this._isReady = !1;
   }
 }
 class Pe extends Oe {
@@ -7450,7 +7451,7 @@ function ff(t) {
 }
 nt.prototype.interrupt = Gh;
 nt.prototype.transition = ff;
-class Yf extends Ti {
+class Yf extends Oi {
   name = "viewport";
   minScale;
   maxScale;
@@ -8408,7 +8409,7 @@ class od extends Pe {
     return e.id;
   }
 }
-class Me extends Ti {
+class Me extends Oi {
   _isActive = !1;
   _opts;
   _prevDragEnabled = null;
@@ -8905,7 +8906,7 @@ class dd extends Me {
 }
 export {
   Re as AZIMUTH,
-  Ti as ActiveScenePlugin,
+  Oi as ActiveScenePlugin,
   Ii as BILLBOARD_SCALE_X,
   D as BILLBOARD_SCALE_Y,
   bi as BILLBOARD_SKEW_X,
@@ -8918,10 +8919,10 @@ export {
   Kf as FenceEndpointPlugin,
   sd as FenceRuntimePlugin,
   Xa as GroupElement,
-  cc as HitTestPlugin,
+  Nc as HitTestPlugin,
   ur as ISOMETRIC_SKEW_X,
   fr as ISOMETRIC_SKEW_Y,
-  lc as IconManager,
+  $c as IconManager,
   dd as ImageCreatorPlugin,
   qf as ImageEditorPlugin,
   rd as ImageRuntimePlugin,
@@ -8933,7 +8934,7 @@ export {
   hd as NodeCreatorPlugin,
   Bf as NodeEditorPlugin,
   ed as NodeRuntimePlugin,
-  Oi as PostProcessManager,
+  Ti as PostProcessManager,
   cd as RectCreatorPlugin,
   Vf as RectDragPlugin,
   Xf as RectResizePlugin,
@@ -8943,7 +8944,7 @@ export {
   Oe as SceneAwarePlugin,
   Ue as SelectableEditorPlugin,
   qc as SelectionHighlight,
-  vc as StateManager,
+  Vc as StateManager,
   xf as TILE_HDIAGONAL,
   vf as TILE_HEIGHT,
   g as TILE_SIZE,
@@ -8961,26 +8962,26 @@ export {
   md as ZoomTransform,
   lr as calculateIsometricSkew,
   yf as calculateIsometricTileDiagonals,
-  bf as createBlinkStatePlugin,
-  Lf as createBloomPostProcess,
-  Ef as createBlurPostProcess,
-  Cf as createBounceStatePlugin,
-  If as createBrightenStatePlugin,
-  zf as createChromaticAberrationPostProcess,
-  kf as createColorAdjustPostProcess,
-  Af as createDarkenStatePlugin,
-  Tf as createGlowStatePlugin,
-  $f as createGodRaysPostProcess,
-  Gf as createGrayscalePostProcess,
-  Of as createHeartbeatStatePlugin,
-  Hf as createInvertPostProcess,
-  Df as createNoisePostProcess,
-  Rf as createPixelatePostProcess,
-  Nf as createScanlinesPostProcess,
-  Uf as createSharpenPostProcess,
-  Pf as createShimmerStatePlugin,
-  Mf as createTintStatePlugin,
-  Ff as createVignettePostProcess,
+  Rf as createBlinkStatePlugin,
+  Cf as createBloomPostProcess,
+  bf as createBlurPostProcess,
+  Df as createBounceStatePlugin,
+  zf as createBrightenStatePlugin,
+  Pf as createChromaticAberrationPostProcess,
+  If as createColorAdjustPostProcess,
+  Nf as createDarkenStatePlugin,
+  $f as createGlowStatePlugin,
+  Ef as createGodRaysPostProcess,
+  Lf as createGrayscalePostProcess,
+  Gf as createHeartbeatStatePlugin,
+  Ff as createInvertPostProcess,
+  Of as createNoisePostProcess,
+  Tf as createPixelatePostProcess,
+  Mf as createScanlinesPostProcess,
+  kf as createSharpenPostProcess,
+  Uf as createShimmerStatePlugin,
+  Hf as createTintStatePlugin,
+  Af as createVignettePostProcess,
   _r as default,
   It as downloadFile,
   ba as findPath,