余弦调色板 a+b*cos(6.28*(c*t+d))
2026/7/29 7:01:37 网站建设 项目流程
vec3 palette(float t) { return a + b * cos(2*PI * (c * t + d)); }
参数作用类比
a(bias)颜色中心点往亮还是往暗走
b(amplitude)振幅 = 变化范围颜色浓淡跨度
c(frequency)频率 = t 从 0→1 时循环几圈颜色重复几次
d(phase)相位 = 三通道的错位偏移决定"先出现什么色"
  1. Classic IQd=(0, 0.33, 0.67)→ 彩虹色,最经典的默认值
  2. Warm Sunsetd=(0, 0.10, 0.20)→ 暖色为主,三通道相位挤一起
  3. Cool Oceand=(0, 0.20, 0.50)→ 冷蓝绿
  4. Neon Popc=(2,1,0)→ R 循环两次、B 不循环,霓虹感
  5. Pastel Dreama=0.8, b=0.2→ 高 bias 低振幅,马卡龙色
  6. High Contrastc=3→ 同样的 t 里颜色快速变三圈
  7. Fire Lavaa=(0.6, 0.3, 0.2)不对称 bias → 偏红橙
  8. Mystic Purplec=(1,1,0.5)不对称频率 → B 循环更慢,紫色调

三个最常见的调节套路

  1. 想偏暖/偏冷:让d的三个分量挤紧(如0, 0.1, 0.2)→ 三通道同步推进,整体偏单色调;拉远(如0, 0.33, 0.67)→ 彩虹色
  2. 想要柔和/鲜艳:调ab的比例。ab低 → 粉彩淡色;a=0.5 b=0.5→ 满饱和度
  3. 想要循环加快/减慢:调cc=1一圈;c=2两圈(颜色重复一遍);c不对称(如2,1,0)→ 某个通道不动 → 更"怪"更艺

// 5. 背景用余弦调色板做渐变(第 4 章详解)
vec3 bg = 0.5 + 0.5 * cos(iTime + uv.xyx + vec3(0.0, 2.0, 4.0));

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询