Skip to content

feat(ui): 进一步提升占地对战与三色祭典进度条的官方实机还原度 #7

Open

Description

@YoungSx

目标说明

当前版本已上线 TurfWarProgress(双方占地对战对抗条)与 TricolorProgress(三方三色夺宝对抗条),具备基础的 -12° 斜切切角、双向挤压推移、中央黑缝分割、百分比比分显示与 DANGER 告警态。

为了达到更高、更极致的官方实机 1:1 视觉还原度,后续有空闲时可在以下细节上深入打磨:

1. 占地对战条(TurfWarProgress)细化清单

  • 官方参考依据:Inkipedia: File:S3_Battle_Replay_Graph_Turf_War.png
  • 改进点:
    • 实机顶部分割线与网格背景底纹(微网格质感与对战背景纹理)。
    • 两侧队伍阵营标识徽章可支持接入实机 Squid / Octopus 阵营头像或武器图标。
    • DANGER 态出现时的实机音效/微抖动动效(可选)。
    • 终局结算称重条(Judd / Li'l Judd Weigh-in)的微量动态喷墨波纹。

2. 三色夺宝祭典条(TricolorProgress)细化清单

  • 官方参考依据:Inkipedia: File:S3_Battle_Replay_Graph_Tricolor_Turf_War.png
  • 改进点:
    • 4v2v2 阵营的特殊徽记及超能信号(Ultra Signal)攻占计数浮标。
    • 防守方位于中轴时的特殊金黄色/霓虹特效边框。
    • 动态切换比例时的粘滞流体墨水过渡曲线。

关联 PR: #6

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions