17173 > 游戏资讯 > 官方公告 > 正文

《默特术士》周一随想第52期 - 流光幻动

2026-04-14 09:56:05 神评论
17173 新闻导语

探索《默特术士》进度条特效设计!揭秘频率对抗技术与色彩数学,学习模2倍混合效果,提升游戏UI视觉体验。适合游戏开发者与视觉爱好者。

可以添加特效和打磨润色的地方实在太多了,本周我发现自己被不起眼的进度条吸引了。在处理更复杂的部件前,这是个很好的热身练习,而且在任何可能的地方增添一丝愉悦感总是值得的。

这些进度条运用了我称之为“频率对抗”的技术。我痴迷于色彩数学,简单的加减乘除能达到的效果真是令人惊叹。更妙的是,一些最漂亮的结果源自基于黄金比例(1 : 0.618)的频率。我想不妨分享一下这个兔子洞的一角。



模2倍

“模2倍”是个老术语(不确定现代说法是什么),但概念很简单:
纹理A × 纹理B × 2
快速回顾一下色彩思考方式:
  • 黑色 = 0
  • 白色 = 1
  • 其他所有颜色 = 介于两者之间的值
这本身就具有一些超酷的特性:
  • 任何颜色 * 黑色 = 黑色
  • 任何颜色 * 白色 = 其本身
  • 0.5灰度 * 0.5灰度 = 0.25灰度(中间色调变暗)



最后一点正是魔法发生之处。我们只需要乘以2,原本是.5 * .5的结果现在就能回到.5。这意味着不仅仅是变暗,你得到的是一个在高光部分保留能量、保持对比度的混合效果。这是《默特术士》众多特效背后的核心构建模块之一。

如果用曲线来思考:输入值(x轴)变成输出值(y轴)。一条直线意味着没有变化。弯曲曲线会在整个范围内调整亮度和对比度。这个思维模型对我的帮助最大。

这里有个快速的视觉演示:




色彩世界

上面的例子只是黑白,但色彩会让事情变得更加有趣。《默特术士》有6种元素,加上“盐”和“熵”作为游戏的核心套组。每个套组都有独特的机械风格,因此在为每个套组制作进度条时,我们不只是捕捉颜色,也在捕捉情感和纹理的氛围。

这里有几个例子:

(Steam平台当时不太稳定,所以你得在游戏里看动画版本了)

这里我还用了一个小技巧,让进度条在接近完成时逐渐变亮,只是为了稍微提升期待感。很多小细节能产生长远的影响。

在这些方面投入的努力永无止境,但你的注意力应该始终先放在大的整体框架上,然后在所有部件都到位后再微调细节。通常我喜欢把事情做到一个我满意的状态,然后过段时间再回来,用全新的眼光审视自己过去的决定是否依然认同。


流光溢彩

还有更多特效即将到来,很快我将把这项技术应用到另一个最强大的用例中:多纹理粒子。我甚至可能在未来某个时候深入探讨黄金比例,这次的工作让我想起了个人对这个比例的迷恋。不过这些我们留到以后再说,现在继续回去建造。

重返实验室 🌿
~CyanAvatar

【来源:steam】
我想了解这个游戏:
官网 专区 下载 礼包
关于默特术士,进度条,频率对抗,色彩数学,黄金比例,模2倍,特效,元素,纹理,粒子的新闻
17173 首页全新改版规划中!现向各位玩家征集真实使用意见,你的想法将直接影响新版页面设计~动动手指填写问卷,快来共创你心仪的页面布局吧! 参与问卷