Example
Coin Operated
Hey you guys!
I Never Say Die when it comes to these demos, and following last week's Merge Shapes challenge, I thought it'd be interesting to work with a dial that has holes in it.
There are actually two 'coins' in this Goonies-inspired interaction. It's the same image, initially housed in a slider, then formatted as a dial.
This creates an 'on rails' drag-and-drop, that is fully accessible from the keyboard. (Because when you change the underlying variable of a slider or dial, this also changes its position without the learner having to touch it.)
These Key Press Triggers make the dial fully accessible from the keyboard.
But it's certainly more fun to interact with the coin using a mouse or on a touchscreen.
3 Replies
I always love seeing what you come up with Jonathan_Hill! I can see this idea working in different contexts, too, like a combination lock or telescope situation. If you are open to it, this might be a good one to post in Share Examples for more people to see, especially if you're willing to share the .story file.
PS: We’ll also be featuring this in an upcoming ELH Weekly Newsletter!
- Jonathan_HillSuper Hero
Great! Sounds good, Katie-Jordan. I've just updated my post to include the source file.
- HeatherONeal-04Community Member
LOVE this. Love the Goonies! Love the interactivity in this.