simple button tutorial

General Discussion Other

katherinel

in General Discussion • Other • 3 years ago

Hi,
Does anyone know of a very simple bare-bones tutorial or snippet of code for creating a button? I'm not looking for it to have any sort of functionality just yet; I just started learning processing a couple days ago and was surprised at how overly-complicated the example code was for something like this. Any help would be appreciated.

Replies(4)

bjordal

Re: simple button tutorial

3 years ago

i don't see how this is overly-complicated, it show's how buttons works very well...

but if you need something really short here's the basic idea:

float x = 100;
float y = 50;
float w = 150;
float h = 80;
void setup(){
size(500,500);
background(255);
stroke(0);
noFill();
}
void draw(){
background(255);
rect(x,y,w,h);
fill(255);
if(mousePressed){
if(mouseX>x && mouseX <x+w && mouseY>y && mouseY <y+h){
println("The mouse is pressed and over the button");
fill(0);
//do stuff
}
}
}

katherinel

Re: Re: simple button tutorial

3 years ago

Thanks, that helps a lot!

rsylv

Re: simple button tutorial

1 year ago

this helped me too.. some of us are just starting out here. The tutorial is confusing because there's two buttons instead of one and the code isn't really explained, whereas the above seems more self-explanatory. Thanks.

Chrisir

Re: simple button tutorial

1 year ago

To go further, see

http://www.openprocessing.org/sketch/48351

Top Reply