js实现二维柏林噪声

在JavaScript中实现二维柏林噪声（Perlin Noise），通常涉及一些数学随机性和插值算法。柏林噪声是一种模拟自然纹理（如山脉、云朵或地形）的伪随机函数。以下是简单的步骤：

1. 定义噪声生成的基本结构：

function noise(x, y) {
    // 首先将坐标标准化到0和1之间
    const xi = (x + 107.0) % 512;
    const yi = (y + 107.0) % 512;

    // 获取4个邻居的噪声值
    const x1 = floor(xi);
    const y1 = floor(yi);
    const x2 = x1 + 1;
    const y2 = y1 + 1;
    const n1 = interpolateNoise(p[x1][y1], p[x2][y1], xi - x1, yi - y1);
    const n2 = interpolateNoise(p[x1][y2], p[x2][y2], xi - x1, yi - y2);

    // 使用线性组合得到最终结果
    return lerp(n1, n2, x - xi);
}

// InterpolateNoise 函数用于插值计算
function interpolateNoise(noiseA, noiseB, tX, tY) {
    const gradient = getGradient(noiseA + noiseB);
    return dot(gradient, [tX, tY]);
}

// 其他辅助函数
function floor(x) { return Math.floor(x); }
function lerp(a, b, t) { return a * (1 - t) + b * t; }
function getGradient(hash) { ... } // 生成噪声梯度，这里省略

这个例子中，`p`是一个二维数组存储了噪声值，`getGradient`函数负责生成从噪声值到颜色或其他值的转换梯度，`dot`函数是向量点积。