stuck, confused; help!

Programming Questions

joshmyc

in Programming Questions • 2 years ago

Hi,

i have tried to work this out myself, but am stuck and would really appreciate some mods to my code to get me started. i am trying to make make attached sketch so that the coloured segments increase and descrease in size as they are clicked. i have sort of got the bottom right segment working, but cant get others to move...Its a mess i know, and i should prob be converting cartesian to polar, but my maths brain is rubbish, sorry!

void setup() {
size(300, 300);
smooth();
translate(width/2, height/2);

ellipse(0, 0, 120, 120);
}

void draw() {

background(255);
translate(width/2, height/2);
fill(230);
ellipse(0, 0, 120, 120);
if (mouseX>width/2&&mouseX<width/2+120&&mousePressed) {
fill(0, 100, 0, 100);
arc(0, 0, mouseY, mouseY, radians(0), radians(90));
}
fill(255, 0, 0, 190);

arc(0, 0, 120, 120, radians(90), radians(180));
fill(0, 0, 200, 20);
arc(0, 0, 90, 90, radians(180), radians(270));
fill(0, 220, 0, 30);
arc(0, 0, 120, 120, radians(270), radians(360));

}

Replies(4)

David Wil..

Re: stuck, confused; help!

2 years ago

Best bet: create a single one of these sections as a class so that they work perfectly, then just create and array of 4 of the objects.

Hope this helps, if you get stuck on this post again.

Processing user on Google Plus? http://gplus.to/calx

joshmyc

Re: stuck, confused; help!

2 years ago

thanks david. i will; def try to make a Class.

I guess i need to convert x-y coordinates to cos and sine to have the segments within the circle respond to mouse movement (i have seen examples and tuorials but am still confused to its application to my specific issue). Could you get me stratrted with this part of the code, and i will develop it in a class and post it?

David Wil..

Re: Re: stuck, confused; help!

2 years ago

I'd quite like a go at this myself. But don't really have the time to do it as it would be a bit of an experiment for me too, with any luck one of the guru's will rattle off some code for you.

Good luck!

D.

Processing user on Google Plus? http://gplus.to/calx

rbrauer

Re: stuck, confused; help!

2 years ago

I used an array of angles for arcs in each quadrant. The first two entries are the bottom right and bottom left. The second two are top right and top left. I transform the mouse position to match the translation and then check which quadrant the mouse is in. If its in the top (-y) you add two to your index into the array (since the array starts with the bottom ones). You then add one if x is negative (left side) since the array is right to left.

float[][] ang;
int ind;

void setup() {
  size(300, 300);
  smooth();
  
  ang = new float[][]
    {
      {0,HALF_PI},
      {HALF_PI,PI},
      {PI+HALF_PI,TWO_PI},   
      {PI,PI+HALF_PI}
    };
}
void draw() {
  ind = 0;
  float mx = mouseX-width*.5;
  float my = mouseY-height*.5;

  background(255);
  translate(width*.5, height*.5);
  fill(230);
  ellipse(0, 0, 120, 120);
  fill(0, 100, 0, 100);
  
  if(mousePressed) {
    if(my < 0) ind+=2;
    if(mx < 0) ind++;
    float rad = dist(0,0,mx,my)*2;
    arc(0, 0, rad, rad, ang[ind][0], ang[ind][1]);
  }
}

Top Reply