Image like a button

General Discussion Other

angelf87

in General Discussion • Other • 8 months ago

Hello all¡

I'm beginner and i want to know how i can do a button with a picture. It's to do a GUI to control a house. And i've some icons and i want to use them like buttons.

Thanks

Replies(4)

Konstanti..

Re: Image like a button

8 months ago

There is no straightforward answer to your question. Check the Processing libraries. There is a section about User Interface there. Otherwise you can do it yourself using some mouse functions.

Do you plan to use an arduino for the control?

It seems like a complex problem overall, for a beginner, though. Good luck and try to be more specific.

angelf87

Re: Re: Image like a button

8 months ago

Yes i'm planning use an arduino. But i was reading all the day and i thing that the best solution to resolve this problem is following the proposed example by asimes.

asimes

Re: Image like a button

8 months ago

One way to do this is to test if the mouse is inside of some area that corresponds to your image. If you have an image of a circle, you do a point in circle test. Here is an example:

int r, x, y;
void setup() {
size(400, 400);
smooth();
r = 50;
x = 200;
y = 200;
}
void draw() {
background(255);
ellipse(x, y, r, r);
}
void mousePressed() {
if (sqrt(sq(mouseX-x)+sq(mouseY-y)) < r/2) println("In the circle");
else println("Out of the circle");
}

angelf87

Re: Re: Image like a button

8 months ago

Thank's now i can start with the user interface¡

Top Reply

Statistics

4 Replies
513 Views
0 Followers

Actions

Permalink