告别外置动画编辑器：星际歌姬的内置 2D 角色动画方案

在「星际歌姬」的开发中，我们面对一个核心问题：游戏拥有 4 种体型 × 8 种气质 × 4 种声线 = 128 种基础角色模板，外加双魂稀有角色的人格切换（外观随性格状态变化）。传统外置动画编辑器能撑住这个量级吗？

答案是：成本不可接受。维度Spine / Live2D我们的内置方案换装流程重新绑定骨骼 / 重新配置皮肤 / 重新导出替换图片 → AI 微调参数（或复用同类算法）128 种模板的工作量128 次手工配置4 套骨骼 × 算法批量生成双魂人格切换需要两套独立模型，运行时切换同一变形数据，换图 + 微调即完成编辑器依赖必须安装外部软件（Spine Editor / Live2D Cubism）引擎内置，所见即所得迭代速度修改 → 导出 → 导入 → 预览修改 → 直接预览关键认知：我们的内置编辑器使用的网格变形原理与 Live2D 完全一致（Delaunay 三角化 + 仿射变换 + 关键帧插值）。动画质量上限相同，区别在于 AI 替代了手工参数调整。

2.1 核心原理：网格变形 = Live2D 的底层原始图片 → alpha 通道扫描 → 自动生成贴合轮廓的网格顶点

    ↓

Delaunay 三角化 → 构建三角形网格

    ↓

仿射变换（per-triangle affine transform） → 精确映射纹理

    ↓

顶点拖拽 / 笔刷变形 → 实时形变

    ↓

多轨道关键帧插值 → 流畅动画

这套流水线和 Live2D 的工作原理完全对应：Live2D 术语我们的实现说明ArtMesh（艺术网格）Delaunay 自动三角化网格自动贴合图片轮廓，无需手工画网格Deformer（变形器）笔刷系统（衰减权重）平滑衰减 w = (1 - (d/r)²)²，自然过渡Parameter（参数驱动）关键帧插值多轨道时间线，线性插值Part（部件分层）图层系统每层独立网格、透明度、关键帧轨道

2.2 自动网格生成传统做法需要美术手工绘制网格，我们通过 运行时 alpha 通道扫描 自动完成：1. 逐行扫描 → 记录每行的左右不透明边界

2. 计算内容 bbox（带 margin 外扩）

3. 自适应步长（根据内容尺寸自动调整采样密度）

4. 轮廓采样 → 行/列边界点

5. 内部网格点 → 仅在不透明区域放置

6. 过滤透明区域的三角形 → 避免无效变形

结果：一张 256×256 的角色面部图片，自动生成约 40-60 个顶点、80-120 个三角形，完整贴合面部轮廓。无需手工操作。

2.3 图层系统每个角色由多个图层叠加构成，和 Live2D 的 Part 概念一致：lua

复制layers = {

    { name = "模型", imgPath = "face.png", bbox = {...}, track = {...} },

    { name = "眼睛", imgPath = "eyes.png", bbox = {...}, track = {...} },

    -- 可继续扩展：嘴巴、头发、配饰...

}

每个图层拥有：

同骨骼 = 同变形数据星际歌姬的角色系统设计了 4 档体型，同档位共享骨骼模型：档位体型头身比骨骼共享XS萝莉5.5~6 头身同档共享S少女6.5~7 头身同档共享M标准7~7.5 头身同档共享L御姐7.5~8 头身同档共享

这意味着：同档位的任何角色，只要替换图层图片，网格变形参数可以直接复用或微调。

3.2 换装流程对比传统方案（Spine / Live2D）美术出新服装立绘

    ↓

打开外部编辑器（Spine Editor / Live2D Cubism）

    ↓

手动绑定骨骼 / 重新配置网格 / 调整变形器参数

    ↓

测试动画 → 发现穿模 → 回去修

    ↓

导出文件（.skel / .moc3）

    ↓

导入引擎 → 测试 → 发现问题 → 回到编辑器修改

    ↓

重复上述循环直到满意

每套新服装耗时：数小时到数天（视复杂度而定）我们的方案美术出新服装立绘

    ↓

引擎内置编辑器自动扫描 alpha → 生成网格

    ↓

方案 A：AI 自动微调参数（相似服装复用算法）

方案 B：手动笔刷微调（边改边看，实时预览）

    ↓

完成。无需导出/导入。

关键洞察：相似类型的服装，变形参数差异很小。同款裙装（只是颜色/花纹不同）→ 变形参数 100% 复用

相似款式（领口/袖口微调）    → AI 微调边缘顶点位置

完全不同款式               → AI 基于体型档骨骼重新计算，仍比手工快

头发同理：长发、短发、马尾各一套算法，同类型发型共享变形参数。

3.4 双魂人格切换的实现双魂稀有角色拥有两个性格，外观随人格状态切换：星月（冷淡人格）→ 冷色调立绘 + 克制微动作

    ↕ 人格切换

晓霜（元气人格）→ 暖色调立绘 + 活泼微动作

传统方案：需要两套完整的 Spine/Live2D 模型，运行时加载切换。

我们的方案：同一套变形骨骼，替换图层图片 + 切换关键帧动画组。因为两个人格共享同一具身体（同档位），网格结构完全兼容。

功能状态说明Delaunay 三角化✅

已实现Bowyer-Watson 算法alpha 通道自动网格✅ 已

实现运行时扫描，自适应密度预计算网格回退✅

已实现KTX 纹理无法回读时使用仿射变换纹理映射✅

已实现逐三角形精确映射笔刷变形（衰减权重）✅

已实现4 档预设 + 连续调节选区锁定（刚性平移）✅

已实现保护已调区域多图层系统✅

已实现独立网格、透明度、可见性多轨道关键帧动画✅

已实现每图层独立时间线循环播放 + 播放头控制✅

已实现拖拽定位 + 自动播放单图层轨道开关✅

已实现调试时隔离单层动画视图缩放/平移✅

已实现精确编辑细节区域

4.2 角色资源矩阵当前已完成的角色立绘资源：

体型冷人格热人格状态XS 萝莉冷冽甜美✅

v2 定稿S 少女知性小恶魔✅

v2 定稿M 标准飒爽温柔✅

v2 定稿L 御姐女王元气✅

v2 定稿共鸣环设计（每档一套，v4 定稿）：XS 珊瑚摇篮、S 烈阳脉冲、M 琉璃雅韵、L 铁血歌剧

4.3 生产效率预估场景传统方案（Spine/Live2D）内置方案新增 1 套服装（同体型）4~8 小时10~30 分钟新增 1 个双魂角色（2 套外观）8~16 小时20~60 分钟覆盖 4 档体型 × 2 人格 × 新服装32~64 小时2~4 小时128 种基础模板全覆盖不现实（人力不足）算法批量 + 抽检微调

五、技术对比总结┌─────────────────────────────────────────────────────────┐

│                    2D 角色动画方案对比                      │

├──────────────┬──────────┬──────────┬──────────────────────┤

│              │ Spine    │ Live2D   │ 星际歌姬内置方案       │

├──────────────┼──────────┼──────────┼──────────────────────┤

│ 变形原理     │ 骨骼驱动  │ 网格变形  │ 网格变形（同 Live2D）  │

│ 网格生成     │ 手工绑定  │ 手工绘制  │ alpha 扫描自动生成    │

│ 编辑工具     │ 外置      │ 外置     │ 引擎内置              │

│ 换装成本     │ 高        │ 高       │ 低（AI 微调/算法复用） │

│ 批量生产     │ 困难      │ 困难     │ 同档体型算法批量       │

│ 人格切换     │ 多模型    │ 多模型   │ 换图 + 换动画组       │

│ 动画质量上限 │ 高        │ 高       │ 高（原理一致）         │

│ 迭代速度     │ 慢        │ 慢      │ 实时预览              │

│ 文件依赖     │ .skel等   │ .moc3等 │ 纯图片 + JSON 参数    │

│ 运行时开销   │ 中        │ 中      │ 低（纯 NanoVG 渲染）  │

└──────────────┴──────────┴──────────┴──────────────────────┘