这些进度条运用了我称之为“频率对抗”的技术。我痴迷于色彩数学,简单的加减乘除能达到的效果真是令人惊叹。更妙的是,一些最漂亮的结果源自基于黄金比例(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】

