我的Perlin噪音脚本没有正确的插值

Question

我试着做一个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)));

我第一次尝试了我的Perlin噪声脚本，它只有4个矢量，你可以在这里看到：https://codepen.io/Koen124/pen/GRMGrEM?editors=0010

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

Answer 1

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