Export/Import Timelines/Tweens to JSON

[jmmv2 0 Likes (Newbie)]

I've been using GSAP for a few months now. I'm currently using TweenMax in a project that allows users to set entrance/exit animations for HTML elements. I've written the code that adds each entrance/exit timeline to parent timelines.

 

What I'm wondering, though, is whether there's a way to export all timeline/tween properties to JavaScript Objects or JSON, store the data, and subsequently import the data after reloading the webpage? In theory, this would prevent the need to create each timeline on the fly with each web request.

 

Thanks to anyone who can help me out.

I'm currently using TimelineMax together with CSSPlugin.

[GreenSock 8,117 Likes (Superhero)]

There isn't a built-in way to export all animations to a JSON format and then import it again, but it should certainly be possible for you to create something like that by looping through the "vars" object (for properties) and easily snag the target and duration(), startTime(), etc. 

[jmmv2 0 Likes (Newbie)]

Gotcha. That's essentially what I've decided to do. The problem was that there's a lot of conditional logic when applying an animation to a specific element. It will be sufficient to store the results of the logic (vars, duration, startTime) as an array of objects. Then simply loop through those objects and apply them to the target on the front end.

 

Thanks