我的 Perlin 噪声脚本没有正确插值答案

【问题标题】：My Perlin noise script doesn't interpolate right我的 Perlin 噪声脚本没有正确插值
【发布时间】：2022-01-06 09:30:20
【问题描述】：

我正在尝试制作 Perlin 噪声函数，但插值无法正常工作。我希望在插值时切换不同的点积会起作用，但事实并非如此。我还测试了我的插值函数是否有效，并且看起来确实有效。

我的脚本在：https://codepen.io/Koen124/pen/WNZyMdj?editors=0010

    var x10 = x - Math.floor(x); // x10 is between 0 and 1
    var y10 = y - Math.floor(y); // y10 is between 0 and 1
      
    // topleft && topright
    var upInterpolate = (vec_dot[0]*cosInterp(x10))+(vec_dot[1]*(1-cosInterp(x10)));
      
    // bottomleft && bottomright
    var downInterpolate = (vec_dot[2]*cosInterp(x10))+(vec_dot[3]*(1-cosInterp(x10)));

    var final = (upInterpolate*cosInterp(y10))+(downInterpolate*(1-cosInterp(y10)));

我首先尝试了只有 4 个向量的 Perlin 噪声脚本，您可以在此处看到：https://codepen.io/Koen124/pen/GRMGrEM?editors=0010

插值测试在：https://codepen.io/Koen124/pen/ExwRMgB?editors=0010

【问题讨论】：

标签： javascript interpolation perlin-noise

【解决方案1】：

我已经解决了。我不得不翻转左下角和右下角的点积

【讨论】：