let centr;

let middle;

let small;

let dot;

​

​

function setup()

{

    createCanvas(360, 360);

    im = createGraphics(width, height);

    centr = {

        r : 70,

        x : width/2,

        y : height/2

    }

    middle = new MovingCircle(centr, 0, 50);

    small = new MovingCircle(middle, 0, 20);

    dot = {

        r : 2,

        x : middle.x + (middle.r + 2) * cos(small.angle),

        y : middle.y + (middle.r + 2) * sin(small.angle),

    }

​

}

​

function draw()

{

    background(0);

    push();

    noFill();

    stroke(255);

    circle(centr.x, centr.y, centr.r * 2);

    pop();

    middle.update(centr);

    middle.show();

    small.update(middle);

    small.show();

    push();

    fill(255,0,0);

    noStroke();

    dot = {

        r : 2,

        x : middle.x + (middle.r) * cos(small.angle),

        y : middle.y + (middle.r) * sin(small.angle),

    }

    circle(dot.x, dot.y, dot.r * 2);

    pop();

}

​