Forum Discussion

Jonathan_Hill's avatar
Jonathan_Hill
Super Hero
14 days ago

Dial with a hole! (Goonies-inspired interaction)

Hey you guys!


Never Say Die when it comes to Storyline. So I thought it'd be interesting to work with a dial that has holes in it for the recent Circular Menu Navigation Challenge.

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.)

The first time you see the coin, it's the thumb of an oversized slider.

For the main part of the demo, the coin is a dial with a 720 degree radius, a start value of 0, an end value of 20, and an initial value of 10. Each step is 0.10 to create a really smooth action.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.

Katie-Jordan​ suggested I repost this demo in Share Examples for all the other Goonies fans here.

I've also attached my story file. It's not quite One-Eyed Willie's treasure, and it won't stop the bank from foreclosing on you. But I think this one's a bit of a gem, if I do say so myself.

Give it a try here.

1 Reply

  • I'm glad you shared this here, such a cool example, Jonathan_Hill​! I can see this idea working in different contexts, too, like a combination lock or telescope situation.