哈希格点噪声

1 / 15

📝 练习目标

使用简单哈希函数,为每个网格单元生成随机值。

💡 💡 教程内容

使用简单哈希函数,为每个网格单元生成随机值。

概览

  • 生成程序化噪声并映射到颜色。

学习目标

  • 构造简单哈希函数
  • 用 floor() 划分网格

前置知识

  • uv-coordinates

关键概念

  • 噪声由格点随机值 + 平滑插值构成。
vec2 i = floor(p);
vec2 f = fract(p);
vec2 u = f*f*(3.0-2.0*f);
float n = mix(mix(a,b,u.x), mix(c,d,u.x), u.y);
  • mix 或阈值把噪声映射到颜色。
vec3 color = mix(colorA, colorB, n);

如何实现(步骤)

  • 缩放 UV 控制频率(如 p = vUv * 6.0)。
  • 计算基础噪声(hash/valueNoise)。
  • 可选:叠加多层(FBM)增强细节。
  • 把噪声映射到灰度或颜色。

自检

  • 是否能无错误编译?
  • 输出是否符合目标?
  • 关键数值是否在 [0,1]

常见坑

  • 先缩放再 fract() 才能改变密度。

GLSL 代码编辑器

正确代码预览

当前代码预览