I try to make an kiosk system with a touchscreen. The program language I chose is Processing Java.
The Buttons on the screen should not be just rectangular, they should be shaped.

If you ever tried to make shaped buttons with any programming language, you know it is hard.
I found an unusual and very easy way to make buttons in any shape you like.

You can see the result in the attached zip file (just unzip and open the "index.html" in your browser)
or here on www.openprocessing.com

Step 1: paint the buttons

You can create the buttons with a graphic program (e.g. Inkscape)
The dimensions should be the same as the window size of your program or applet.

Then you copy the buttons and fill the buttons with different colors.

<p>This was very helpful! Thank you very much.</p>
Nice I'ble. <br><br>What do you use for printing out your Processing sketches? The native Processing IDE sucks at printing out code, and I'd like to have line numbers.<br><br>Thx
Hello,<br><br>I used the Notepad++ with the &quot;JAVA&quot; text-highlighting.<br>http://notepad-plus-plus.org/<br><br>Greetings from Germany
Do you have an email address ? Mine is <a href="mailto:owaunz@gmail.com" rel="nofollow">owaunz@gmail.com</a>
&nbsp;Pretty clever!!<br /> This will work not only with well defined buttons, but with any zone of a screen as long as you have the &quot;look-up image&quot; beneath.<br /> <br /> It may not be new but it's worth a five-start to me.<br /> <br />

About This Instructable


15 favorites


Bio: We are the Lichtbaendiger from germany. We are manufacturer of optical glasses. If you like to see what we do, you are welcome to visit ... More »
More by lighttamer: Love lock made with an 3D printer Love Gauge tibetan prayer-wheel made by plywood
Add instructable to: