🌊 噪声函数可视化

Noise Functions 实战演示

🎮 操作说明

• GUI 面板：切换噪声类型
• 调整参数：观察效果变化
• 鼠标拖拽：旋转视角

💡 噪声类型

• Random：完全随机（噪点）
• Value Noise：平滑噪声
• Perlin Noise：自然噪声
• Simplex Noise：改进版

📝 Value Noise 实现

float valueNoise(vec2 st) {
    vec2 i = floor(st);
    vec2 f = fract(st);

    // 四个角的随机值
    float a = random(i);
    float b = random(i + vec2(1.0, 0.0));
    float c = random(i + vec2(0.0, 1.0));
    float d = random(i + vec2(1.0, 1.0));

    // 平滑插值
    vec2 u = f * f * (3.0 - 2.0 * f);

    // 双线性插值
    return mix(a, b, u.x) +
           (c - a) * u.y * (1.0 - u.x) +
           (d - b) * u.x * u.y;
}
        

🔧 应用场景

• 云朵、烟雾效果
• 地形生成
• 木纹、大理石纹理
• 火焰、水波动画