2.4复古与故障

效果工坊最后一站,做「氛围感」:老电视的暖光噪点、赛博朋克的信号故障、漫画海报的印刷网点。这类效果的共同套路是模拟一种「不完美的显示介质」——完美的数字图像反而显得廉价,恰到好处的瑕疵才是味道。技术上,全是前三章工具的组合应用,本章可以当成 Phase 2 的「综合演练」。

1色差:最便宜的高级感

真实镜头对不同波长的光折射率不同,红绿蓝三色会在边缘微微错位——这叫色差(Chromatic Aberration)。模拟它只需要三个通道各采一次样,采样位置略微错开:

vec2 dir = uv - 0.5;                    // 从中心指向边缘
float amt = 0.008 * length(dir);        // 边缘错位大,中心为零

float r = texture(uTex, uv + dir * amt).r;   // 红色往外错
float g = texture(uTex, uv).g;               // 绿色不动
float b = texture(uTex, uv - dir * amt).b;   // 蓝色往里错
vec3 col = vec3(r, g, b);

成本三次采样,效果立竿见影:静态图秒变「电影感」,配合运动越剧烈错位越大(把 amt 乘上速度),就是游戏里的受击/冲刺反馈。它也是接下来 CRT 和 Glitch 的固定配料。

2CRT 老电视全家桶

CRT 显像管的味道来自一整套物理特征,每个特征对应一小段代码,像配菜一样自由增减:

3Glitch:精心策划的事故

故障风的骗术核心:让随机「按块、按节拍」发生,而不是每帧每像素乱跳。三个关键决策全靠 1.5 章的 hash,但喂给它的输入很讲究:

• 时间量子化:floor(uTime * 8.0) 让随机数每 1/8 秒才换一次——故障是「一顿一顿」的,不是连续抖动;
• 空间按条带:floor(uv.y * 24.0) 让同一横条内的像素同进退——错位是「整条撕裂」,不是逐像素噪声;
• 稀疏触发:step(0.75, hash(...)) 只让 25% 的节拍发生强故障——大部分时间正常,偶尔抽风,才像信号问题。

4半调印刷:波普风网点

报纸和漫画用大小不一的网点模拟灰度——离远看是照片,凑近看全是圆点,这叫半调(Halftone)。它和 2.2 章圆点马赛克的区别只有一个,但正是灵魂所在:网格要旋转一个角度(印刷术语叫网角),而且圆点大小由「本像素的亮度」决定,而非格心颜色: