JSFiddle - React, Tailwind, and code Playground

by polm23

JavaScript

var r = Raphael(10,10,400,400);

var drawCurve = function(dist){
    var line = r.path([
        ['s', dist.x, dist.y, dist.x, dist.y]
    ]);
    return {x: start.x + dist.x, y: start.y + .6 * dist.y};
};




var buildPath = function (alpha, beta, step, density) {
    var node = ['s', beta, beta, alpha, beta];
    if (!step) return [node];
    else return [node].concat(buildPath(density*beta, -alpha, step-1,density));
    
}

var draw = function(){
    var path = [['M',150,200]];
    var step = Math.abs(15 - (((new Date())/1000) % 30));
    r.clear();
    r.path(path.concat(buildPath(100,60,100, (5+step)/20)));
}
console.log([['M',150,200]].concat(buildPath(10,20,10)));
//r.path(path.concat(buildPath(100,60,100)));

setInterval(draw, 1000/30);