Storyline experiment - Smooth dynamic animations. Thoughts? How would you use it? (Now with .Story files)

Jan 30, 2017

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

over 4 years ago10/15/19 at 3:17 pm (UTC)

Joe - great info. That's awesome that you use it to enhance your projects.

over 4 years ago10/15/19 at 3:18 pm (UTC)

Thanks Leslie, However after I watched your short video, and then attempted to follow suit, I found I do NOT have an edit button. Not overly concerned about it but I would not generally have included my personal info. Was this video referring to something done prior to posting? How do I see an "Edit" option? Attached image shows my options.
[cid:image001.png@01D58341.D6486800]

over 4 years ago10/15/19 at 4:04 pm (UTC)

It has been a life changer for us. Radically changed the way our modules look and play. When I am not totally slammed I can outline what we have done to make it work.

over 4 years ago10/15/19 at 4:07 pm (UTC)

Curtis,

I'd love to hear the sort of stuff you all are doing. Thanks!

4 years ago04/16/20 at 7:35 pm (UTC)

Can you please provide the steps needed to include the GSAP library in Storyline 360 and target named objects on slides? I have downloaded GSAP.

Thanks!

Katie Riggio
Staff

4 years ago04/17/20 at 5:28 pm (UTC)

Hi Ray! Just in case Joe is no longer subscribed to this discussion, feel free to use the Contact Me button on their profile page to reach out!

Laxmi V

over 3 years ago01/24/21 at 7:55 am (UTC)

This is a brilliant support article. Can someone recommend a good resource to learn the JavaScript syntax for commands that communicate with Articulate? This is definitely an interesting prospect to explore more.

over 3 years ago01/24/21 at 9:52 am (UTC)

Do check out my samples on the forum about Storyline and GSAP. As the latest version of GSAP is now included in Storyline...its easy to animate with GSAP.

Daniel John Angcos

2 years ago02/16/22 at 5:07 pm (UTC)

I hope everyone on this thread can still see this comment. I checked on each links for the storyline files however, I can't seem to access them. Is there an updated link somewhere where I can access and explore this particular animation?

Math Notermans

2 years ago02/17/22 at 5:58 am (UTC)

As since a while Storyline360 has GSAP in it by default, its quite easy to create animations with it.

As the sliding buttons for example...
https://360.articulate.com/review/content/90fadc2c-0ad1-4166-ae73-13869060bcda/review

Adding the Storyline360 sample. If you use Storyline 3 you need to add GSAP as library.

Kind regards,
Math