// diameter variable

// relative sizes

// relative positions

// 2D primitives arc() ellipse() circle() line() point() quad() rect() square() triangle()

// random diameter

// random colors

​

let dia,c1,c2,c3,dia2;

​

​

function setup() {

    createCanvas(windowWidth, windowHeight);

    background("pink"); 

    dia=10;

    frameRate(15)

​

    dia3 =random(10,20);

}

​

function draw() {

    z1=random(0,50);

    z2=random(122,140);

    z3=random(60,75);

    position1=random(0,windowWidth);//Zhiyi

    position2=random(0,windowHeight);//Zhiyi

    dia2=random(10,20);//Zhiyi

    y1=random(0,255);

    y2=random(0,255);

    y3=random(0,255);

    fill("white")

    circle(mouseX, mouseY, 40); //MJ

    circle(mouseX, mouseY, 20); //TC

    circle(mouseX + 40, mouseY + 40, 20); //Irene

    fill("red")

    circle(mouseX, mouseY, 15); //

    circle(mouseX,mouseY,dia);//Zhiyi

    fill("#ff7eb6")

    circle(mouseX,mouseY, 35); //stella

    circle(mouseX,mouseY,dia*2);//Doris

    fill(c1,c2,c3)//MJ

    circle(mouseX + 20,mouseY,dia*3);//jason

    circle(mouseX,mouseY,dia*4)//ww

    fill("#36EDCC")

    circle(mouseX,mouseY+40,dia*5)//Anora

    circle(mouseX+30,mouseY+30,dia*5); //yh

    c1 = random(0,50);//Eaden

    c2 = random(70, 125);

    c3 = random(70, 125);

    fill(c1,c2,c3);//Eaden

    circle(mouseX-40, mouseY-20, dia2); //Christy

    fill(y1,y2,y3)//Zhiyi

    circle(position1,position2,2*dia2);//Zhiyi

    circle(mouseX,mouseY,dia3);//aaaaaallen

    triangle(mouseX-10,mouseY-10,dia*2);//stella

    square(mouseX-10, mouseY-40, dia*4);//Una

    ellipse(mouseX+z1,mouseY+z2, 40,60);//Doris

    fill(0,0,c1,20)

    circle(mouseX,mouseY,200);//Jiarui

    square(mouseX-10,mouseY-20,dia3); //elaine

    fill(z1,z2,z3);//Nightray

    triangle(mouseX-80, mouseY-120,mouseY-10, 20, 86, 75);//Nightray

    fill(0,0,255,50);

    circle(mouseX, mouseY, 100);//Leila

}