| View previous topic :: View next topic |
| Author |
Message |
J.Luszczek
Soundweb Guru
Joined: 18 May 2007
Posts: 115
|
 Posted: Tue Jun 19, 2012 10:34 am Post subject: Touch screen thumbwheel control |
 |
|
A while ago I asked for a thumbwheel volume control. I was laying out touch screen panels and was running low on real estate with long sliders that are necessary for any kind of precision operation.
Thumbwheel is basically a rotary control with a wide knob mounted horizontally and only a part of it exposed.
Like this:
http://www.hydratronics.com/upload/Products/Joysticks/Images/1-axis_Thumb.jpg
One swipe turns the pot maybe a quarter of the full travel- good for precision in small package.
This week I found myself longing for such control again.
So I thought about it and with a bit of hacking and some Photoshopping I made a thumbwheel control for my project. It works very well on a small touch screen and the user can't accidentally turn the volume way up with one swipe. Fine adjustment of volume is easy and the control is intuitive.
I captured a few seconds of me playing with it.
If anyone is interested in seeing it here is my Dropbox link to the zip file.
It's a Flash video and a html page with the video embedded and the player controls. Just double click on the .html file to view the video.
https://dl.dropbox.com/u/59405/BSS_London_thumbwheel_video.zip
I would put it on youtube but it is blocked on our network. |
|
| Back to top |
|
 |
scott180
Soundweb Super-Hero
Joined: 16 Jul 2007
Posts: 51
|
| Posted: Wed Jul 18, 2012 9:43 pm Post subject: cool |
|
|
| how did you do it? I like it. |
|
| Back to top |
|
|
sjoenne
Joined: 04 Jan 2013
Posts: 2
|
| Posted: Fri Jan 04, 2013 9:36 am Post subject: |
|
|
That looks amazing - how did you make this?
Please share  |
|
| Back to top |
|
|
Cinch
Soundweb Geek
Joined: 03 Jul 2011
Posts: 22
Location: Freiburg, Germany
|
| Posted: Sat Jan 05, 2013 8:26 am Post subject: |
|
|
| Wow! Thats realy nice! Would be a great thing, if you could write some kind of tutorial, I think everybody will like it! |
|
| Back to top |
|
|
J.Luszczek
Soundweb Guru
Joined: 18 May 2007
Posts: 115
|
| Posted: Wed Jan 09, 2013 1:55 pm Post subject: |
|
|
Attached is the simple London project and the basic graphics that went into making the thumb wheel.
http://dl.dropbox.com/u/59405/thumb%20wheel%20test.architect
http://dl.dropbox.com/u/59405/thwheel.zip
What you do is drop the slot and the wheel graphics onto a gain object, size the now very tall control to be short, then cover it with the ring graphic. Turn snapping to grid off and nudge the elements with your arrow keys until you have perfect fit. Observe the z order- which graphic is on top.
The effect lies in the transparency of the shadow in the ring graphic, which makes a flat object look like it’s curving back.
If you are handy with Photoshop or Fireworks you can make your own thumbwheels to fit your panels just right. |
|
| Back to top |
|
|
|
