AnimPanel: a UI panel for working with TimelineLite/Max animations

[onedesign]

We released this awhile ago, but didn't think to post a link to these forums, the place where the people it can help are the most likely to find it!

 

As the One Design Company team have worked on longer and more complicated timeline animations with TimelineLite and TimelineMax over the years, we started to piece together a toolkit for easier review and tweaking. Recently we released this tool to the public as open source.

 

AnimPanel demo on CodePen

 

AnimPanel on Github

 

Here are a few of the ways it can help:

 

• Play, Pause, and Restart buttons
• A visual playback scrubber
• Buttons to dynamically change the playback speed (1x, 0.5x, 0.2x, etc)
• A display of the current timeline time
• For TimelineMax timelines, automatically-added buttons to jump to each label in the timeline
• The ability to easily set custom loop in and out times for focusing on a specific span of the overall timeline, including making these in/out points persistent between page refreshes

 

Please check it out, and if you have any issues or feature requests please toss an issue into the Github repo. Hope you find it useful!

See the Pen rLQxaY by cmalven (@cmalven) on CodePen

[Jonathan]

Thanks for Sharing onedesign

[joe_midi]

=D

 

Thanks OneDesign!

 

I implemented it into one of my banner projects to help designers and developers debug animations: https://joemidi.github.io/bannertime-anim-panel/

[Carl]

Very nice! Thanks for sharing.

[onedesign]

That's super cool joe_midi thanks for posting!