Skip to content

feat(playtest): 重构沉浸式预览台界面 #787

Description

@huyanxius

问题

当前预览台把试玩、动作切换、键位配置、虚拟键盘和导出同时常驻在舞台上,重复信息与悬浮面板削弱了角色主体,也让页面更像设置控制台,而非专业的运行环境。

目标

让舞台成为页面主体,以更少的界面元素建立清晰、沉浸、专业的 Playtest 体验,并延续 Windup 现有的色彩、字体和交互语言。

范围

  • 将画布扩展为占据主要视口的沉浸式舞台。
  • 默认只显示必要的动作状态与操作入口。
  • 动作选择和键位配置改为按需展开,不再常驻。
  • 桌面端移除重复的虚拟键盘展示;保留必要的触控兼容。
  • 使用简单 SVG 图标表达设置、动作和导出,不引入装饰图片。
  • 优化角色尺度、舞台背景、信息层级和交互反馈。

不包含

  • 不修改 Playtest 运行时、移动速度或帧播放逻辑。
  • 不修改四向、八向及镜像规则。
  • 不修改键位持久化格式。
  • 不修改 Character、Action、Frame 与导出契约。
  • 不增加装饰图片、复杂动效或新的视觉系统。

验收标准

  • 首屏视觉中心明确落在角色与舞台。
  • 默认状态不重复展示同一组键位信息。
  • 键位配置可以按需打开、修改、恢复并关闭。
  • 动作可以切换,当前动作状态清楚但不过度占位。
  • 导出入口保留,但不与舞台争夺主视觉。
  • 键盘操作、四向移动、动作触发和本地保存行为保持不变。
  • 页面通过相关组件测试、必要类型检查与真实浏览器桌面验收。

Metadata

Metadata

Assignees

No one assigned

    Labels

    MiniSpec小改动的精简规格enhancementNew feature or request

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions