Files
Genarrative/docs/technical/CREATION_SCENE_WORLD_MAP_PANEL_FIX_2026-04-25.md
kdletters cbc27bad4a
Some checks failed
CI / verify (push) Has been cancelled
init with react+axum+spacetimedb
2026-04-26 18:06:23 +08:00

1.7 KiB
Raw Permalink Blame History

创作页场景世界地图面板修复设计2026-04-25

背景

创作结果页进入“场景”编辑面板后,底部“查看世界地图”弹出的面板存在两个问题:

  1. 面板仍使用偏运行时的深色地图容器,放在浅色创作页主题下时配色割裂,节点文字与背景层次也不稳定。
  2. 地图只按传入的地标列表渲染,普通场景编辑时容易漏掉开局场景,无法形成完整“世界地图”视角。

落地范围

  • src/components/rpg-creation-editor/RpgCreationEntityEditorShared.tsx
  • src/components/CustomWorldEntityEditorModal.test.tsx

设计约束

  1. 不新增说明类大段 UI 文案,只保留必要的节点名、方向标签和空状态。
  2. 地图面板继续作为独立弹窗,不在当前场景连接面板下方展开。
  3. 地图数据必须使用当前编辑中的草稿状态:
    • 普通场景编辑:开局场景 + 已保存场景列表,并用当前 draft 替换正在编辑的场景。
    • 新增普通场景:开局场景 + 已保存场景列表 + 当前 draft
    • 开局场景编辑:当前 draft 开局场景 + 已保存场景列表。
  4. 地图节点要标记当前编辑场景,连接线要展示方向短标签,避免用户只能看到无语义的线。
  5. 配色使用 platform-* 主题变量,适配浅色与深色创作页主题。

验收点

  1. 在普通场景编辑器点击“查看世界地图”后,弹窗中能同时看到开局场景和当前场景。
  2. 未保存的场景连接关系会立刻体现在地图弹窗里。
  3. 当前编辑场景节点有明确高亮。
  4. 地图容器和节点不再固定为深色运行时风格。
  5. 相关前端测试覆盖普通场景与开局场景两条入口。