Opensource integratable GUI Timeline Builder

[ajhalls]

I built this over the last week as part of something I am building. It has all the parts working to integrate into a larger project with less than 400 lines of javascript

 

It includes:

• Adding items to the timeline
• Drag and drop their start time
• Resizing for duration
• Zoom
• The start of a right click to adjust tween easing

As it mentions in the project, I didn't completely finish it since it is now time to connect it to a database that I have filled with the tweens and easing, so this was the natural break point for someone to start using it to integrate with their own as well.

 

I will probably set it up with access to OSUBlake's easing tool at some point :

See the Pen OyPGEo by osublake (@osublake) on CodePen

, but it would be awesome to integrate it with the official one https://greensock.com/ease-visualizer for Business Green members someday (if they let me)

 

https://github.com/ajhalls/Simple-Animation-Timeline-for-Greensock

 

Demo:

https://ajhalls.github.io/Simple-Animation-Timeline-for-Greensock/

See the Pen OyPGEo, by osublake (@osublake) on CodePen