let angle;

let dAngle;

// let rc = 300;

// let rm = 202;

// let rd = 180;

let rc = 300;

​

let spiros = [];

let spironum = 5;

let spiroIndex = 0;

let sprInfo = [];

let iDiv;

​

let grph;

let img;

​

function setup() {

    createCanvas(800, 800);

    bCir = createVector(width / 2, height / 2);

    dAngle = radians(10);

    grph = createGraphics(width, height);

​

    for (let i = 0; i < spironum; i++) {

        rm = floor(random(rc / 5 * 3, rc / 5 * 4));

        rd = floor(random(rm / 5 * 2, rm / 5 * 4.8));

        spiros.push(new SpiroWheel(rc, rm, rd, 0, floor(random(360 / spironum * i, 360 / spironum * (i + 1)))));

        sprInfo.push([spiros[spiros.length - 1].rm, spiros[spiros.length - 1].rd]);

    }

​

    iDiv = createDiv();

    background(255);

​

}

​

function draw() {

    iDiv.html(nfc(frameRate(), 2));

​

​

    push();

    translate(width / 2, height / 2);

    stroke(0);

    strokeWeight(1);

    noFill();

    circle(0, 0, rc * 2);

​

    let spr = spiros[spiroIndex];

    spr.move(dAngle);

    spr.show();

    noStroke();

    colorMode(HSB);

    fill(spr.color, 100, 80);

    colorMode(RGB);

    let txt = "";

    if (spr.looped) txt = " - finished";

    text("c" + spiroIndex + ": rm =" + sprInfo[spiroIndex][0] + ", rd =" + sprInfo[spiroIndex][1] + txt, -width / 2 + 10, -height / 2 + spiroIndex * 20 + 20);

​

    if (spr.looped) {

        spiroIndex++;

        if (spiroIndex >= spiros.length) {

            noLoop();

            drawResult();

        }

    }

    pop();

}

​

function drawResult() {

    background(255);

    img = grph.get(0, 0, grph.width, grph.height);

    image(img, -width / 2, -height / 2);

    grph.remove();

    // stroke(255);

    // strokeWeight(1);

    // noFill();

​

    // circle(0, 0, rc * 2);

​

    for (let [i, spr] of spiros.entries()) {

        //     spr.show();

        noStroke();

        colorMode(HSB);

        fill(spr.color, 100, 80);

        colorMode(RGB);

        text("c" + i + ": rm =" + sprInfo[i][0] + ", rd =" + sprInfo[i][1], -width / 2 + 10, -height / 2 + i * 20 + 20);

    }

​

    iDiv.html("done");

​

}