下载 App
10/13 包含 AI 合成内容
《宗门道统模拟器》开发日志2
今天做了一次全面的美术升级。
起因是这样的:游戏的美术素材其实不差——国风水彩的背景、等距手绘的建筑、统一风格的弟子头像,都是认真准备的。但实际跑起来观感却很割裂:背景是淡雅的水墨,UI 却是冷硬的纯色方块,再配上零散的 emoji 图标和系统默认字体,像两套东西硬拼在一起。
排查后找到了根因:项目里同时跑着两套主题系统。一套是引擎内置的科技风主题,管着按钮、弹窗的默认样式;另一套是我自己写的 11 个颜色常量,由页面手动引用。两套色板互相打架,这就是所有页面"各画各的"的源头。
于是今天做了彻底重构:
主题层——新建了一套水墨国风主题,把色板、圆角、间距、字号、阴影全部令牌化,一次性注入。所有控件的默认样式统一换肤,13 个弹窗几乎零改动就跟着变了样。
图标系统——用 NanoVG 矢量路径手绘了 31 个图标,把全项目的 emoji 清零。矢量图标可以任意染色、任意缩放,不像位图那样受分辨率限制。
字体——引入霞鹜文楷(开源可商用),并做了子集化处理,从 13.8MB 压到 3.4MB,既保证随机生成的弟子姓名不缺字,又控制住了包体。
框架层——顶栏、资源条、日志区、底部导航全部重新设计:墨色渐变底、细描边、图标化的资源显示。
场景页——建筑名标签改成了国风匾额样式,未解锁的建筑加上墨色遮罩和金色锁徽记。
动效——页面切换加了淡入上移,不再是生硬的跳变。
做完这一轮,整体终于统一在同一套视觉语言里了。明天继续打磨各个弹窗的细节。












