Godot 对话面板

项目结构推荐: 游戏代码规范(基于杀戮尖塔2解包)文章查看, 后续 Godot 项目都用该规范

这里需要说明目前游戏对话面板有以下方式呈现

  • 使用原生 UI 通用的组件

  • 图片覆盖重写 UI 自定义组件

实际上如果精力足够且开发周期允许, 建议重写并定制自己的 UI 组件, 因为需要 UI 也要和游戏风格符合

但是 Godot 默认 UI 组件渲染性能都比较好且性能开销比较小, 内部也带有 Theme 更换(但是我个人感觉不太好用)

另外为了方便后续游戏引擎的迁移, 也会考虑直接采用图片材质重新涉及一套自定义 UI 规范, 还有需要手动实现以下效果

  • 文字抖动

  • 逐字显示遮罩打字效果

  • 自定义异形边框形变

  • 文字和边框发光描边

  • 内置 Tween 动画和自定义 Shader 渲染通道

  • …

这些效果单纯靠系统原生 UI 窗口实现起来比较复杂, 也因此推荐采用自己去切图并编写对应的 UI 组件

UI 排列

目前游戏内 UI 目前主要方式如下

UI Layout

目前大部分游戏都是这样处理, 这里结合比较规范项目来区分