Shader Learn

12 从画面到配方

smin:让形状融在一起

min 只是把两个形状拼在一起;smin 在接缝处补上一段圆滑的过渡,像两滴水碰到一起。

0.10.7
0.010.3
习题调参数0%

用一座宽桥把两个分开的圆连起来

每个像素运行一次拖动数字,或直接改代码

JS 这一侧gl.uniform2f(uResolution, …, …)

smin(a, b, k) 在 a 和 b 相差小于 k 的地方把两者平滑混合,并稍微往外长一点。k 越大,融合的范围越宽。液体、metaball、有机形状都靠它。

试一试

  • 把“组合方式”切回 min,比较接缝
  • 把两个圆拉开,再把 k 调大:隔着空隙也能连在一起
  • 看背景的等距线:smin 把距离场本身也抹平了