resizing arcs

Programming Questions

joshmyc

in Programming Questions • 1 year ago

hi, have four arcs with width and height being controlled by mouseX. How can i resize each arc seperatley, at the moment they all move together..

Copy code

Replies(1)

jbum

1 year ago

Not quite sure what you're going after, but here's one idea:

Copy code

void draw() {
background(255);
float x = mouseX;
float y = mouseY;
float cx = width/2;
float cy = height/2;
// convert mouse position to polar coordinates (distance from center, and angle)
float dx = x-cx;
float dy = y-cy;
float d = dist(0,0,dx,dy);
float a = atan2(dy,dx);
if (a < 0)
a += radians(360);
println(degrees(a));
if (a < radians(90)) {
fill(175);
arc (cx, cy, d*2, d*2, radians(0), radians(90));
} else if (a < radians(180)) {
fill(20);
arc (cx, cy, d*2, d*2, radians(90), radians(180));
} else if (a < radians(270)) {
fill(60);
arc (cx, cy, d*2, d*2, radians(180), radians(270));
} else {
fill(80);
arc (cx, cy, d*2, d*2, radians(270), radians(360));
}
}

and here's another

Copy code

void draw() {
background(255);
float x = mouseX;
float y = mouseY;
float cx = width/2;
float cy = height/2;
// convert mouse position to polar coordinates (distance from center, and angle)
float dx = x-cx;
float dy = y-cy;
float d = dist(0,0,dx,dy);
float a = atan2(dy,dx);
fill(map(a,-PI,PI,0,128));
arc(cx,cy, d*2, d*2, a-radians(20), a+radians(20));
}

Top Reply