rose

var slider, theta = 0;
var frms = 120, counter = 100;

function setup() {
    createCanvas(540,540);
    slider = createSlider(1,10,4,0.1);
}

function draw() {
    background(34);
    translate(width/2, height/2);

    k = slider.value();
    k = 6.9;
    beginShape();
    noFill();
    stroke(255);
    strokeWeight(1.5);
    for (var a=0; a<TWO_PI*k; a += 0.02) {
        var r = map(sin(theta+a*4),-1,1,100,200) * cos(k*a);
        var x = r * cos(a);
        var y = r * sin(a);
        vertex(x,y);
    }
    endShape();
    theta += TWO_PI/frms;
    if (frameCount<=frms) {
        save("image-" + counter + ".png");
        counter++;
    }
}