Using GreenSock in Storyline 360 for Enhanced Animations
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
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
همه توضیحات ...