Using GreenSock in Storyline 360 for Enhanced Animations

Published: 01 January 2023
on channel: Learning Dojo
9,554
230

GreenSock animations are part of Articulate Storyline 360, and it just takes small, simple JavaScript snippets to take advantage of it. This framework allows you to easily add scale, bounce, and movement on any object in your Storyline stage.

In a previous video, I showed you how to get started with it, and in this video, I showed you how to apply it to a real-world example. We add a scale and bounce effect to objects when you hover over them. Scaling and bouncing is just one example of using GreenSock within any Articulate Storyline 360 course.

Code Sippet-
//Reference the object
var theObject = document.querySelectorAll("[data-acc-text='basketball']");

//Animate in GSAP
gsap.to(theObject, { x: 200 })

If you want to experience the full course check out https://www.udemy.com/course/create-e...

If you would like learn more visit https://learningdojo.ninja


Watch video Using GreenSock in Storyline 360 for Enhanced Animations online without registration, duration hours minute second in high quality. This video was added by user Learning Dojo 01 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,55 once and liked it 23 people.