Why is my button placed like that?

Processing Beginners
1

I have:

void setup() {
  size(1250,800);
}

and I would like my button:

  rect(495,500,260,260,35);

to be placed in the middle of the screen.

So I thought I could make a button

rect(button2X, buttonY, buttonSize, buttonSize, 35);

with:

int buttonSize = 260;
int buttonY = 500; 
int button2X = width/2-(buttonSize/2);

but when I play the code, It looks like this:

image
image.png2496×1612 568 KB

PS. it’s the one on the far left, that is supposed to be in the middle like this:

image
image.png2496×1594 577 KB

1 Like
2

The problem is that the width variable is not set until the size() method is executed in setup()

Change your code to

int buttonSize = 260;
int buttonY = 500; 
int button2X;

and in setup

void setup(){
    size(480, 320); // use your own width and height
    button2X = width/2-(buttonSize/2); 
    // rest of your setup code
}
2 Likes
3

That makes a lot of sense, thank you!!