Interactive Slider / Graph (Storyline 2)
Sep 17, 2014
By
Andrew McKay
Hi all,
Having a play with Storyline 2 and so far I'm liking the changes. One thing that really caught my attention is the interactive bar chart demo on the "Whats New" page for storyline 2, where a slider animates a bar chart up and down.
I've tried valiantly to reproduce this but have had no luck. Is this achievable, and if so, how can you make objects animate like that, or is this (heaven forbid) smoke-and-mirrors for the sake of this demo?
Any help would be greatly appreciated!
Andy
15 Replies
Hi Andrew, some of it is smoke and mirrors, the graphs are either multiple objects or state changes based on the variable value of the slider
It is however fully achievable but it is not a simple out of the box solution
I'm guessing here, but to me it looked like the bar charts are also sliders that were simply made to look like bars. As you change the actual slider at the bottom, the bars will change with it. I had done something similar in an example where one slider 'drives' other sliders. See here, the first example.
Hi Michael I thought that originally but this http://community.articulate.com/forums/t/55931.aspx
changed my mind.
Using sliders is better way to do it
Hi guys,
Thank you for the quick feedback. Played around with states and managed to get something similar to that demo, then stumbled across this page https://www.articulate.com/products/storyline-arlyns-favorite-features.php which confirms its created using states, and a lot of them! Bit of a long winded way of doing it, but the end result is nice, nevertheless.
Michael and Phil,
Good points on the sliders. In this case, that example had already been built before you smart peeps started sharing sliders driving sliders. I'll have to go back in and play using the sliders only approach!
Mike
Andrew,
It actually didn't take that long to build. One you've created your first bar and the states, you can simply duplicate it. However, I do like Michael's approach and think that it will definitely save time!
Mike
I often take the long road as well
Michael and Phil,
Question on using the sliders driving sliders approach (specifically, your EQ example Michael).
Did you use a shape to mask the vertical sliders? If not, I'm wondering how you get the bottom base to be constant.
Mike
I would mask the base with a shape or cropped image
So, Mike, do you plan to share the .story file once you have a finished product? If we say please?
Michael,
I'm gonna need a picture! I'm not following....
=)
Mike
And if we add an additional please???
This discussion is closed. You can start a new discussion or contact Articulate Support.