victorqribeiro / dial

A Rotary Dial menu for input numbers

Hello there

I'm Victor Ribeiro, a former 3D artist now a software engineer. I have a small you tube channel where I share what I'm working on at the moment. From time to time I publish some games on Google Play and Itch.io. There's a lot of cool projects and experiments in my respository, I hope you find them fun | useful | interesting. Professional profile at Linkedin.

My latest video

See you around!

dial's Issues

Finger stop

This is so cool:-) Have you considered adding a finger stop? With a callback to add haptic feedback when it is reached?

No touch screen support?

should not need to keep mouse/button press in hole

This is a cool hack but it doesn't feel right because it's too hard to use. As #4 says, the finger stop is essential.

It would also help if the dialing weren't so fussy about keeping the "finger" on the hole, since the physical device feels so different. Instead, all that should be necessary is a button press on the right number, and then rotation with no need to stay on the hole as it turns. Obviously in real life the finger must stay in the hole, but on the screen there is no way to do that, and forcing the user to do it makes it too hard to use. Once the number is known by the press, just let the user rotate the mouse around the center, without worrying about radius, and then lock up the rotation once that number hits the stop. If you do that, the feeling will be as close as it can be.

No sound

Rotary dials have such a cool sound I still hear them in my head. Adding them to this component would be a crazy good improvement :)

Live version on GitHub Pages

The live version doesn't work as the server doesn't respond; this is likely to the HN hug of death. Have you considered using GitHub Pages to deploy your HTML code, including this website?

please add letters

How am i to dial 1-800-Dog-Poop (for all your dog poop scooping needs) ? Are you going to make me count letters out by threes... like an ANIMAL?!?!
1 abc
2 def . Oh... 2
1 abc
2 def
3 ghi
4 jkl
5 mno Yes! 5
etc...