JUNELEE_P03
//JUNE LEE
//SECTION C
var offset=20;
var diam=0;
function setup() {
createCanvas(600,450);
}
function draw() {
//background change
if (mouseX>(width/2)) {
background(245,245,142);
} else {
background(240,220,106);
}
// purple LIGHT increasing size USING
noStroke();
fill(215,209,240);
diam=mouseY;
ellipse(600/2,height/2,diam,diam);
//circle slant line mouse Y
fill(148,132,215);
noStroke();
ellipse(0,mouseY-40,30,30);
ellipse(0+(offset*2),mouseY-35,30,30);
ellipse(0+(offset*4),mouseY-30,30,30);
ellipse(0+(offset*6),mouseY-25,30,30);
ellipse(0+(offset*8),mouseY-20,30,30);
ellipse(0+(offset*10),mouseY-15,30,30);
ellipse(0+(offset*12),mouseY-10,30);
ellipse(0+(offset*14),mouseY-5,30,30);
ellipse(0+(offset*16),mouseY,30,30);
ellipse(0+(offset*18),mouseY+5,30,30);
ellipse(0+(offset*20),mouseY+10,30,30);
ellipse(0+(offset*22),mouseY+15,30,30);
ellipse(0+(offset*24),mouseY+20,30,30);
ellipse(0+(offset*26),mouseY+25,30,30);
ellipse(0+(offset*28),mouseY+30,30,30);
ellipse(0+(offset*30),mouseY+35,30,30);
//rect line mouse X
noStroke();
fill(111,88,209);
rect(0,mouseX+40,20,30);
rect(0+(offset*2),mouseX+35,20,30);
rect(0+(offset*4),mouseX+30,20,30);
rect(0+(offset*6),mouseX+25,20,30);
rect(0+(offset*8),mouseX+20,20,30);
rect(0+(offset*10),mouseX+15,20,30);
rect(0+(offset*12),mouseX+10,20,30);
rect(0+(offset*14),mouseX+5,20,30);
rect(0+(offset*16),mouseX,20,30);
rect(0+(offset*18),mouseX-5,20,30);
rect(0+(offset*20),mouseX-10,20,30);
rect(0+(offset*22),mouseX-15,20,30);
rect(0+(offset*24),mouseX-20,20,30);
rect(0+(offset*26),mouseX-25,20,30);
rect(0+(offset*28),mouseX-30,20,30);
rect(0+(offset*30),mouseX-35,20,30);
rect(0+(offset*32),mouseX-40,20,30);
//text fixed
translate(0,0);
textAlign(CENTER);
fill(0);
noStroke();
textSize(10);
text("JUNE LEE / SECTION C",width/2,10);
//text curve
translate(100,150);
rotate(radians(mouseX/7));
fill(0);
noStroke();
textSize(20);
text("JUNE LEE / SECTION C",200,20);
}
I wanted to make all aspects relate to the mouse position. I explored size, position (x and y), color, and position (rotation) through this drawing.