@ganziliang/desktop-pet 0.1.0

package/renderer/awaken.js

@@ -0,0 +1,775 @@
+'use strict';
+
+/**
+ * 觉醒技能编排
+ *
+ * 每套服装对应一个觉醒，本质就是「往特效引擎的时间轴上排事件」。
+ * 统一节奏（毫秒）：
+ *   0 ~ 1400    蓄力：黑屏切入 + 魔法阵 + 向心光点（此时主进程正在放大窗口）
+ *   1700        亮相：暗幕退 + 主爆发（角色出现在被放大的画面正中）
+ *   1700 ~ 4200 持续演出 + 技能名落字
+ *   4200 ~ 5400 收招：暗幕再进 + 窗口收回
+ *
+ * 窗口放大/收回由主进程做，暗幕负责把「窗口尺寸跳变」这一帧遮住 ——
+ * 这就是 DNF 黑屏切入的原始手法，看不到窗口在变形。
+ *
+ * 坐标一律用 a.point() 现取（角色被放大、窗口被放大都会改变它），
+ * 事件在触发的那一刻才计算坐标，所以扩窗过程跑完后再取就是最终位置。
+ */
+
+/**
+ * 演出画面里文字的安全位置。
+ * 角色在觉醒时被顶到画面下方（.stage.awakening .anchor 的 bottom），
+ * 所以顶部这一条留白就是台词和技能名的位置 —— 写死成相对窗口高度的比例，
+ * 不改角色大小、也不改窗口比例时都不会压到脸。
+ */
+const TEXT_Y = {
+  cast: (p) => p.h * 0.075,
+  name: (p) => p.h * 0.155,
+};
+
+const AWAKENS = {
+  /* ==================================================== 圣光 · 炽天使 */
+  seraph: {
+    id: 'seraph',
+    outfit: '圣光 · 炽天使',
+    skill: '圣裁之光',
+    cast: '圣光啊，请回应我的呼唤——',
+    dimAlpha: 0.94,
+    revealAt: 2000,
+    closeAt: 4400,
+    duration: 5700,
+    // 序列帧节拍：帧号由渲染层按这个排点写死，和特效时间轴对死。
+    // 蓄力 4 帧 × 360ms（560→1640），爆发 4 帧 × 300ms（2000→2900），之后停在最后一帧收招。
+    sheet: { charge: { at: 560, step: 360 }, burst: { at: 2000, step: 300 } },
+    palette: {
+      core: '#fffdf2',
+      main: '#ffd75e',
+      deep: '#ff9c3a',
+      glow: '#ffeaa8',
+      text: '#fff3c4',
+      stroke: '#3a2408',
+    },
+
+    build(a) {
+      const fx = a.fx;
+      const P = a.point;
+      const c = this.palette;
+      const ev = [];
+      const at = (t, fn) => ev.push([t, fn]);
+      const reveal = this.revealAt;
+
+      // --- 蓄力 ---
+      at(120, () => {
+        const p = P();
+        fx.sigil(p.footX, p.footY, { size: 470, color: c.main, life: 3400, spin: 0.45 });
+      });
+      at(420, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.cast(p), this.cast, { size: 30, color: c.glow, stroke: c.stroke, life: 1.5 });
+      });
+      for (let i = 0; i < 5; i++) {
+        at(320 + i * 230, () => {
+          const p = P();
+          fx.vortex(p.cx, p.cy, {
+            count: 14,
+            radius: 320 - i * 34,
+            speed: 215,
+            color: c.glow,
+            size: 20,
+            life: 1.0,
+            spin: 0.85,
+          });
+        });
+      }
+      at(620, () => {
+        const p = P();
+        fx.helix(p.footX, p.footY, {
+          count: 22,
+          radius: 115,
+          color: c.glow,
+          speed: 190,
+          size: 24,
+          life: 1.6,
+        });
+      });
+      at(1050, () => {
+        const p = P();
+        fx.pillar(p.footX, p.footY, {
+          w: 155,
+          h: 780,
+          color: c.main,
+          core: c.core,
+          life: 2600,
+        });
+        fx.ring(p.footX, p.footY, { r0: 20, r1: 340, width: 10, color: c.core, life: 0.9 });
+      });
+
+      // --- 亮相 + 主爆发 ---
+      at(reveal, () => {
+        const p = P();
+        fx.dim(0.34, 380, c.stroke, true);
+        fx.burst(p.cx, p.cy, {
+          count: 34,
+          size: 38,
+          color: c.glow,
+          speed0: 180,
+          speed1: 780,
+          life: 1.25,
+          grow: 0.5,
+          alpha: 0.66,
+        });
+        fx.ring(p.footX, p.footY, {
+          r0: 30,
+          r1: 580,
+          width: 16,
+          color: c.core,
+          life: 0.85,
+          inner: true,
+        });
+        // 光翼：四条斜向光带拼出翅膀轮廓
+        fx.beam(p.cx, p.cy + 30, p.cx - 240, p.cy - 260, { width: 130, color: c.main, core: c.core, life: 1.5 });
+        fx.beam(p.cx, p.cy + 30, p.cx + 240, p.cy - 260, { width: 130, color: c.main, core: c.core, life: 1.5 });
+        fx.beam(p.cx - 60, p.cy + 50, p.cx - 310, p.cy - 110, { width: 95, color: c.glow, life: 1.4 });
+        fx.beam(p.cx + 60, p.cy + 50, p.cx + 310, p.cy - 110, { width: 95, color: c.glow, life: 1.4 });
+        // 冲天光柱：蓄力那根已经弱下去了，亮相这一根才是「圣光落下」的主视觉
+        fx.pillar(p.footX, p.footY, { w: 210, h: 1000, color: c.main, core: c.core, life: 1700 });
+        fx.fallStream({
+          x: p.cx,
+          y: -60,
+          spreadX: p.w * 0.95,
+          spreadY: 220,
+          color: c.glow,
+          tex: fx.tex.feather(c.glow, 72),
+          dur: 2700,
+          rate: 20,
+          size: 38,
+          life: 3.4,
+          vy: 260,
+        });
+      });
+      at(reveal + 480, () => {
+        const p = P();
+        // 从地面向上喷的祈光，不要擞在脸上 —— 擞在胸前会直接把脸洗白
+        fx.burst(p.footX, p.footY, {
+          count: 22,
+          size: 30,
+          color: c.core,
+          a0: -Math.PI * 0.78,
+          a1: -Math.PI * 0.22,
+          speed0: 170,
+          speed1: 430,
+          grav: 520,
+          life: 1.5,
+          grow: 0.4,
+          alpha: 0.62,
+        });
+      });
+
+      // --- 技能名 + 二段冲击 ---
+      at(2650, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.name(p), this.skill, {
+          size: 54,
+          color: c.text,
+          stroke: c.stroke,
+          life: 2.6,
+        });
+        fx.ring(p.footX, p.footY, { r0: 40, r1: 660, width: 12, color: c.main, life: 0.9 });
+      });
+      at(3300, () => {
+        const p = P();
+        fx.sigil(p.footX, p.footY, { size: 640, color: c.core, life: 1800, spin: -0.7 });
+      });
+      at(this.closeAt - 300, () => {
+        const p = P();
+        fx.burst(p.cx, p.cy, {
+          count: 44,
+          size: 52,
+          color: c.glow,
+          speed0: 130,
+          speed1: 440,
+          life: 1.0,
+        });
+      });
+
+      return { events: ev, duration: this.duration };
+    },
+  },
+
+  /* ================================================= 暗影 · 血月狂想 */
+  nocturne: {
+    id: 'nocturne',
+    outfit: '暗影 · 血月狂想',
+    skill: '夜狱降临',
+    cast: '以血为契，睁开那只眼——',
+    dimAlpha: 0.97,
+    revealAt: 2000,
+    closeAt: 4400,
+    duration: 5700,
+    // 序列帧节拍：帧号由渲染层按这个排点写死，和特效时间轴对死。
+    // 蓄力 4 帧 × 360ms（560→1640），爆发 4 帧 × 300ms（2000→2900），之后停在最后一帧收招。
+    sheet: { charge: { at: 560, step: 360 }, burst: { at: 2000, step: 300 } },
+    palette: {
+      core: '#ffe2e6',
+      main: '#c81e3c',
+      deep: '#5c0f26',
+      glow: '#ff7d96',
+      text: '#ffd9e0',
+      stroke: '#1a0208',
+    },
+
+    build(a) {
+      const fx = a.fx;
+      const P = a.point;
+      const c = this.palette;
+      const ev = [];
+      const at = (t, fn) => ev.push([t, fn]);
+      const reveal = this.revealAt;
+
+      // --- 蓄力：血月升起 + 黑雾压下来 ---
+      at(80, () => {
+        const p = P();
+        fx.orb(p.cx + 30, p.cy - p.h * 0.16, {
+          size: p.w * 0.9,
+          color: c.deep,
+          alpha: 0.9,
+          fade: 'in',
+          norm: true,
+          life: 4200,
+          vy: -10,
+        });
+      });
+      at(220, () => {
+        const p = P();
+        fx.orb(p.cx + 30, p.cy - p.h * 0.1, {
+          size: 460,
+          color: c.main,
+          alpha: 0.95,
+          vy: -14,
+          life: 4000,
+        });
+      });
+      at(420, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.cast(p), this.cast, { size: 30, color: c.glow, stroke: c.stroke, life: 1.5 });
+        fx.sigil(p.footX, p.footY, { size: 480, color: c.main, life: 3600, spin: -0.4 });
+      });
+      for (let i = 0; i < 5; i++) {
+        at(520 + i * 220, () => {
+          const p = P();
+          fx.vortex(p.cx, p.cy, {
+            count: 10,
+            radius: 300 - i * 32,
+            speed: 230,
+            color: c.main,
+            size: 19,
+            life: 0.95,
+            spin: 1.05,
+          });
+        });
+      }
+
+      // --- 亮相 ---
+      at(reveal, () => {
+        const p = P();
+        fx.dim(0.34, 380, c.stroke, true);
+        fx.ring(p.footX, p.footY, { r0: 30, r1: 620, width: 18, color: c.main, life: 0.9, inner: true });
+        fx.burst(p.cx, p.cy, {
+          count: 30,
+          size: 36,
+          color: c.glow,
+          speed0: 200,
+          speed1: 720,
+          life: 1.1,
+          alpha: 0.7,
+        });
+        fx.burst(p.cx, p.cy, {
+          count: 22,
+          size: 44,
+          color: c.main,
+          tex: fx.tex.shard(c.main, 72),
+          speed0: 260,
+          speed1: 880,
+          life: 1.5,
+          grow: -0.3,
+        });
+        fx.flock(p.cx, p.cy, {
+          count: 6,
+          tex: fx.tex.bat('#100410', 110),
+          spread: 260,
+          spreadY: 160,
+          speed0: 170,
+          size: 52,
+          alpha: 0.92,
+        });
+        fx.flock(p.cx, p.cy - 40, {
+          count: 5,
+          tex: fx.tex.bat('#100410', 110),
+          spread: 320,
+          spreadY: 120,
+          speed0: 140,
+          size: 40,
+          alpha: 0.85,
+        });
+      });
+      at(reveal + 700, () => {
+        const p = P();
+        fx.bolt(p.cx - 120, 0, p.cx - 60, p.cy, { color: c.glow, width: 6, jit: 52, life: 0.34 });
+        fx.bolt(p.cx + 140, 0, p.cx + 70, p.cy, { color: c.main, width: 5, jit: 40, life: 0.30 });
+      });
+      // 血色残雷：中段不能空着
+      for (let i = 0; i < 6; i++) {
+        at(reveal + 1050 + i * 330, () => {
+          const p = P();
+          const x0 = p.cx + (Math.random() - 0.5) * p.w * 0.65;
+          fx.bolt(x0, 0, x0 + (Math.random() - 0.5) * 110, p.footY * (0.5 + Math.random() * 0.4), {
+            color: c.main,
+            width: 3 + Math.random() * 3,
+            jit: 58,
+            life: 0.28,
+          });
+          fx.orb(p.cx + 30, p.cy - p.h * 0.12, { size: 520, color: c.main, alpha: 0.5, life: 0.9 });
+        });
+      }
+
+      // --- 技能名 + 血色爆发 ---
+      at(2750, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.name(p), this.skill, {
+          size: 54,
+          color: c.text,
+          stroke: c.stroke,
+          life: 2.6,
+        });
+        fx.ring(p.footX, p.footY, { r0: 50, r1: 700, width: 14, color: c.main, life: 0.95 });
+        fx.flock(p.cx, p.cy - 30, {
+          count: 7,
+          tex: fx.tex.bat('#100410', 110),
+          spread: 300,
+          speed0: 210,
+          size: 46,
+          alpha: 0.9,
+        });
+      });
+      at(3400, () => {
+        const p = P();
+        fx.shatter(p.footX, p.footY, {
+          count: 26,
+          color: c.main,
+          tex: fx.tex.shard(c.main, 72),
+          speed0: 220,
+          speed1: 620,
+          size: 46,
+        });
+        fx.orb(p.cx + 30, p.cy - p.h * 0.1, { size: 520, color: c.main, alpha: 0.8, life: 1600 });
+      });
+      at(this.closeAt - 300, () => {
+        const p = P();
+        fx.burst(p.cx, p.cy, {
+          count: 40,
+          size: 48,
+          color: c.glow,
+          speed0: 140,
+          speed1: 460,
+          life: 1.0,
+        });
+      });
+
+      return { events: ev, duration: this.duration };
+    },
+  },
+
+  /* ==================================================== 雷霆 · 天罚 */
+  thunder: {
+    id: 'thunder',
+    outfit: '雷霆 · 天罚',
+    skill: '雷神裁决',
+    cast: '雷霆万钧，判你无罪也判你有罪——',
+    dimAlpha: 0.95,
+    revealAt: 2000,
+    closeAt: 4400,
+    duration: 5700,
+    // 序列帧节拍：帧号由渲染层按这个排点写死，和特效时间轴对死。
+    // 蓄力 4 帧 × 360ms（560→1640），爆发 4 帧 × 300ms（2000→2900），之后停在最后一帧收招。
+    sheet: { charge: { at: 560, step: 360 }, burst: { at: 2000, step: 300 } },
+    palette: {
+      core: '#eaf3ff',
+      main: '#7ea8ff',
+      deep: '#3d2ea8',
+      glow: '#cfa8ff',
+      text: '#dceaff',
+      stroke: '#0a1230',
+    },
+
+    build(a) {
+      const fx = a.fx;
+      const P = a.point;
+      const c = this.palette;
+      const ev = [];
+      const at = (t, fn) => ev.push([t, fn]);
+      const reveal = this.revealAt;
+
+      // 雷云（普通混合的暗团，加色混合画不出乌云）
+      const cloud = (alpha) => {
+        const p = P();
+        fx.orb(p.cx, p.h * 0.06, {
+          size: p.w * 1.15,
+          color: '#0c1030',
+          alpha,
+          norm: true,
+          fade: 'in',
+          life: 5000,
+        });
+      };
+
+      at(80, () => cloud(0.86));
+      at(300, () => {
+        const p = P();
+        fx.sigil(p.footX, p.footY, { size: 470, color: c.main, life: 3600, spin: 0.6 });
+      });
+      at(430, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.cast(p), this.cast, { size: 29, color: c.glow, stroke: c.stroke, life: 1.5 });
+      });
+      // 蓄力期的零散落雷
+      [700, 950, 1200, 1450].forEach((t, i) => {
+        at(t, () => {
+          const p = P();
+          const x0 = p.cx + (Math.random() - 0.5) * p.w * 0.6;
+          fx.bolt(x0, 0, x0 + (Math.random() - 0.5) * 120, p.footY, {
+            color: i % 2 ? c.glow : c.main,
+            width: 5 + Math.random() * 3,
+            jit: 60,
+            life: 0.28,
+          });
+          fx.burst(x0, p.footY * 0.75, {
+            count: 10,
+            size: 30,
+            color: c.glow,
+            speed0: 60,
+            speed1: 260,
+            life: 0.7,
+          });
+        });
+      });
+      for (let i = 0; i < 4; i++) {
+        at(560 + i * 250, () => {
+          const p = P();
+          fx.vortex(p.cx, p.cy, {
+            count: 10,
+            radius: 290 - i * 34,
+            speed: 240,
+            color: c.main,
+            size: 19,
+            life: 0.9,
+            spin: 1.2,
+          });
+        });
+      }
+
+      // --- 亮相：天罚落下 ---
+      at(reveal, () => {
+        const p = P();
+        fx.dim(0.34, 380, c.stroke, true);
+        fx.ring(p.footX, p.footY, { r0: 30, r1: 640, width: 16, color: c.core, life: 0.85, inner: true });
+        fx.ring(p.footX, p.footY, { r0: 20, r1: 420, width: 9, color: c.glow, life: 0.7 });
+        fx.burst(p.cx, p.cy, {
+          count: 32,
+          size: 34,
+          color: c.glow,
+          speed0: 220,
+          speed1: 820,
+          life: 1.15,
+          alpha: 0.7,
+        });
+        fx.pillar(p.footX, p.footY, { w: 160, h: 820, color: c.main, core: c.core, life: 2400 });
+        for (let i = 0; i < 4; i++) {
+          const x0 = p.cx + (i - 1.5) * p.w * 0.22;
+          fx.bolt(x0, 0, x0 + (Math.random() - 0.5) * 90, p.footY, {
+            color: c.core,
+            width: 8,
+            jit: 70,
+            life: 0.4,
+          });
+        }
+      });
+      // 连锁闪电
+      at(reveal + 600, () => {
+        const p = P();
+        fx.pillar(p.footX, p.footY, { w: 155, h: 950, color: c.main, core: c.core, life: 2700 });
+        for (let i = 0; i < 5; i++) {
+          const x0 = p.cx - p.w * 0.36 + i * p.w * 0.18;
+          fx.bolt(x0, p.cy - p.h * 0.24, x0 + p.w * 0.18, p.cy - p.h * 0.24 + (Math.random() - 0.5) * 60, {
+            color: c.main,
+            width: 4,
+            jit: 30,
+            life: 0.26,
+          });
+        }
+      });
+      // 持续落雷：光柱亮起来之后还得一直有雷下来，不然中间一段时间画面是空的
+      for (let i = 0; i < 6; i++) {
+        at(reveal + 980 + i * 330, () => {
+          const p = P();
+          const x0 = p.cx + (Math.random() - 0.5) * p.w * 0.7;
+          fx.bolt(x0, 0, x0 + (Math.random() - 0.5) * 130, p.footY * (0.6 + Math.random() * 0.35), {
+            color: Math.random() < 0.5 ? c.core : c.glow,
+            width: 4 + Math.random() * 4,
+            jit: 66,
+            life: 0.3,
+          });
+          fx.burst(x0, p.footY * 0.8, {
+            count: 9,
+            size: 28,
+            color: c.core,
+            speed0: 80,
+            speed1: 320,
+            life: 0.65,
+            alpha: 0.8,
+          });
+          if (i % 2 === 0) {
+            fx.ring(p.footX, p.footY, { r0: 40, r1: 430, width: 7, color: c.glow, life: 0.6, flat: 0.3 });
+          }
+        });
+      }
+
+      // --- 技能名 ---
+      at(2700, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.name(p), this.skill, {
+          size: 54,
+          color: c.text,
+          stroke: c.stroke,
+          life: 2.6,
+        });
+        fx.ring(p.footX, p.footY, { r0: 40, r1: 700, width: 13, color: c.core, life: 0.9 });
+        cloud(0.7);
+      });
+      at(3350, () => {
+        const p = P();
+        fx.shatter(p.footX, p.footY, {
+          count: 22,
+          color: c.glow,
+          tex: fx.tex.shard(c.glow, 64),
+          speed0: 200,
+          speed1: 700,
+          size: 40,
+        });
+        fx.burst(p.cx, p.cy, {
+          count: 30,
+          size: 36,
+          color: c.core,
+          speed0: 100,
+          speed1: 380,
+          life: 0.9,
+        });
+      });
+      at(this.closeAt - 350, () => {
+        const p = P();
+        fx.bolt(p.cx, 0, p.cx, p.footY, { color: c.core, width: 7, jit: 64, life: 0.32 });
+      });
+
+      return { events: ev, duration: this.duration };
+    },
+  },
+
+  /* ================================================== 幻梦 · 星海 */
+  astral: {
+    id: 'astral',
+    outfit: '幻梦 · 星海',
+    skill: '星海咏叹',
+    cast: '把愿望交给星星吧——',
+    dimAlpha: 0.93,
+    revealAt: 2000,
+    closeAt: 4400,
+    duration: 5700,
+    // 序列帧节拍：帧号由渲染层按这个排点写死，和特效时间轴对死。
+    // 蓄力 4 帧 × 360ms（560→1640），爆发 4 帧 × 300ms（2000→2900），之后停在最后一帧收招。
+    sheet: { charge: { at: 560, step: 360 }, burst: { at: 2000, step: 300 } },
+    palette: {
+      core: '#ffffff',
+      main: '#ffb3e6',
+      deep: '#6b4cff',
+      glow: '#c9b8ff',
+      text: '#ffe8f8',
+      stroke: '#241048',
+    },
+
+    build(a) {
+      const fx = a.fx;
+      const P = a.point;
+      const c = this.palette;
+      const ev = [];
+      const at = (t, fn) => ev.push([t, fn]);
+      const reveal = this.revealAt;
+
+      at(100, () => {
+        const p = P();
+        fx.sigil(p.footX, p.footY, { size: 460, color: c.main, life: 3400, spin: 0.5 });
+      });
+      at(380, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.cast(p), this.cast, { size: 30, color: c.glow, stroke: c.stroke, life: 1.5 });
+      });
+      // 星尘漩涡
+      for (let i = 0; i < 6; i++) {
+        at(260 + i * 200, () => {
+          const p = P();
+          fx.vortex(p.cx, p.cy, {
+            count: 11,
+            radius: 330 - i * 36,
+            speed: 200,
+            color: i % 2 ? c.glow : c.main,
+            tex: fx.tex.star(c.main, 96),
+            size: 20,
+            life: 1.05,
+            spin: 0.95,
+          });
+        });
+      }
+      at(900, () => {
+        const p = P();
+        fx.burst(p.cx, p.cy, {
+          count: 34,
+          size: 20,
+          color: c.core,
+          speed0: 30,
+          speed1: 160,
+          life: 2.4,
+          grow: 0.3,
+        });
+      });
+
+      // --- 亮相：星河 + 星爆 ---
+      at(reveal, () => {
+        const p = P();
+        fx.dim(0.34, 380, c.stroke, true);
+        fx.burst(p.cx, p.cy, {
+          count: 34,
+          size: 36,
+          color: c.glow,
+          speed0: 170,
+          speed1: 740,
+          life: 1.3,
+          grow: 0.5,
+          alpha: 0.66,
+        });
+        fx.burst(p.cx, p.cy, {
+          count: 18,
+          size: 38,
+          color: c.main,
+          tex: fx.tex.shard(c.main, 72),
+          speed0: 200,
+          speed1: 620,
+          life: 1.6,
+          grow: -0.2,
+          alpha: 0.8,
+        });
+        fx.ring(p.cx, p.cy, { r0: 30, r1: 560, width: 14, color: c.core, life: 0.9, flat: 0.75 });
+        // 星河光带：两条横贯画面的宽光带
+        fx.beam(0, p.cy - p.h * 0.12, p.w, p.cy - p.h * 0.24, { width: 150, color: c.deep, core: c.glow, life: 2.0, alpha: 0.75 });
+        fx.beam(0, p.cy + p.h * 0.02, p.w, p.cy - p.h * 0.06, { width: 110, color: c.main, core: c.core, life: 1.8, alpha: 0.7 });
+        fx.fallStream({
+          x: p.cx,
+          y: -60,
+          spreadX: p.w * 0.95,
+          spreadY: 220,
+          color: c.glow,
+          tex: fx.tex.star(c.core, 96),
+          dur: 2600,
+          rate: 17,
+          size: 26,
+          life: 3.4,
+          vy: 210,
+        });
+      });
+      // 心形星爆（向上扇形，粉白交替）
+      // 星屑喷泉（从脚下往上炸，不要撒在脸上）
+      at(reveal + 400, () => {
+        const p = P();
+        fx.burst(p.footX, p.footY, {
+          count: 20,
+          size: 30,
+          color: c.main,
+          tex: fx.tex.star(c.main, 96),
+          a0: -Math.PI * 0.92,
+          a1: -Math.PI * 0.08,
+          speed0: 200,
+          speed1: 560,
+          life: 1.6,
+          grav: 420,
+          alpha: 0.55,
+        });
+      });
+      // 星屑持续往上升，不然中段只剩背景
+      for (let i = 0; i < 6; i++) {
+        at(reveal + 900 + i * 320, () => {
+          const p = P();
+          fx.burst(p.footX + (Math.random() - 0.5) * p.w * 0.5, p.footY, {
+            count: 12,
+            size: 26,
+            color: i % 2 ? c.main : c.glow,
+            tex: fx.tex.star(c.core, 96),
+            a0: -Math.PI * 0.85,
+            a1: -Math.PI * 0.15,
+            speed0: 150,
+            speed1: 420,
+            grav: 320,
+            life: 1.4,
+            alpha: 0.7,
+          });
+        });
+      }
+
+      // --- 技能名 ---
+      at(2600, () => {
+        const p = P();
+        fx.text(p.cx, TEXT_Y.name(p), this.skill, {
+          size: 54,
+          color: c.text,
+          stroke: c.stroke,
+          life: 2.6,
+        });
+        fx.ring(p.footX, p.footY, { r0: 40, r1: 680, width: 12, color: c.main, life: 0.9 });
+      });
+      at(3250, () => {
+        const p = P();
+        fx.shatter(p.footX, p.footY, {
+          count: 24,
+          color: c.glow,
+          tex: fx.tex.shard(c.glow, 72),
+          speed0: 180,
+          speed1: 560,
+          size: 42,
+        });
+        fx.burst(p.cx, p.cy, {
+          count: 26,
+          size: 30,
+          color: c.core,
+          speed0: 80,
+          speed1: 300,
+          life: 1.2,
+          grow: 0.5,
+        });
+      });
+      at(this.closeAt - 300, () => {
+        const p = P();
+        fx.burst(p.cx, p.cy, {
+          count: 44,
+          size: 46,
+          color: c.glow,
+          speed0: 120,
+          speed1: 420,
+          life: 1.0,
+        });
+      });
+
+      return { events: ev, duration: this.duration };
+    },
+  },
+};
+
+const AWAKEN_ORDER = ['seraph', 'nocturne', 'thunder', 'astral'];
+
+window.AWAKENS = { list: AWAKENS, order: AWAKEN_ORDER };