Forum Discussion
Storyline experiment - Smooth dynamic animations. Thoughts? How would you use it? (Now with .Story files)
Hey everyone - I started to experiment with some animations in Storyline that are a bit more dynamic and have a smoother motion.
You can see it in action here!
Thoughts? How would you use this?
I wanted the animations to have a nice ease from one state to another. I used a simple javascript tween/ease class to do this.
I also rigged this up to an animation I created using states so I could animated to different points in the animation. I will post this when it is ready to show another use.
Thanks to Nejc Žorga Dulmin for giving me the sliding menu background idea.
61 Replies
Greensock? Whatever it is looks fantastic. I know how I would use it. More fluid gamified movement. But this example is Sweeeeeet! They need to PIN this one.
Hey Richard - it is Greensock (the JavaScript platform). It is rather simple to implement in Storyline and use to set numbers to a variable.
Thanks!
How are you calling the TweenLite? Is it through a CDN?
As of Storyline 360 it must be included already. All you have to do now is publish. Not HTML editing is required.
Very cool David - thank you for sharing!
Hey,
This is definitely something I'd like to start implementing but I really wouldn't know where to start, any chance of submitting the source file?
Hey James - You bet. I will pick one of these examples and clean it up in the Storyline file so it is very straightforward and post it. Would work the same in Storyline 2 or 360.
Just realized that I didn't mention the configuration button in the lower right. You can dynamically change the ease type and how many seconds it takes for the animations to occur.
Actually your expertise in making the panel is what really impressed me earlier. I was digging bounce at .5s :)
Awesome. Yeah I wanted to add in the control to try things out and it can be used to show how this works too by slowing it way down.
Bounce at .5 is killer!
I love this. I often need to display graphs for my clients and would love to learn how you did the bar chart. Thank you for sharing!!
Hi Adena,
You bet. I am going to try and create a graph engine to make it easier to create graphs and comparisons. Hope these ideas can help with your project!
Sounds awesome. Thank you.
