平滑随机线，带循环，使用 Raphael/JS

Question

$(document).ready(function(){
    var x1 = Math.random()*$(window).width(); var y1 = Math.random()*$(window).height();
    var x2 = 1; var y2 = 1;
    var paper = Raphael(document.body);

    setInterval(function() {
        randx = Math.random(); randy = Math.random();
        if (randx > 0.9) {
            if (x2 = 1) {
                if (randx > 0.99) x2 = -1;
            }
            else if (x2 = -1) {
                if (randx > 0.99) x2 = 1;
            }
        } else x2 = 0;
        if (randy > 0.9) {
            if (y2 = 1) {
                if (randy > 0.99) y2 = -1;
            }
            else if (y2 = -1) {
                if (randy > 0.99) y2 = 1;
            }
        } else y2 = 0;
        paper.path("M"+x1+" "+y1+"L"+(x1+x2)+" "+(y1+y2));
        x1 = x1+x2;
        y1 = y1+y2;
    }, 0);  
});

这是我的“随机线”生成脚本。我知道它看起来一定很糟糕，我只是在学习。但我试图得到类似的东西： https://i.sstatic.net/R7Kkv.png

我真的很感激算法的一些提示/建议，这些提示/建议将使线路更平滑，更有可能掉头等。

谢谢

Answer 1

答案是在前一个点周围的 40x40 左右的框中生成点，并使用三次样条在它们之间进行插值。