Forum Discussion
Using Slider to Move Animated Dial
Hi Supada,
I see what you need now. However, you can't move the dial along with the slider in Storyline. And a motion path will be not able to sync the dial precisely. The best way I know might be to create a state for each slide position as Walt suggested. Below is a mockup and story file for reference.
https://360.articulate.com/review/content/d8d9e50f-294d-4c0d-ae82-e1b962021278/review
An alternative to Joanna's Slider/Dial solution as Walt already mentioned is Javascript and GSAP.
Here showing a basic setup for that... changing the Sliders variable to sliderValue... showing it in a textfield and then calculating a rotation for the gaugeArrow.
https://360.articulate.com/review/content/2ff02295-65ba-471e-a811-27efaffc99e3/review
Similarly you can make any element react on a slider change... moving it along any axis as Joanna's sample shows.
Related Content
- 10 months ago
- 12 months ago
- 3 months ago