![]() Jeff Batt, “Massive shoutout to GreenSock for having an amazing product with fantastic documentation, hugely talented support staff and an active and helpful community. The simplicity of the GreenSock API makes learning and applying these tools in projects such a dream.” “Every time a new GSAP plugin is introduced, I'm close to bursting from excitement.Only with the help of GSAP and this forum was I able to accomplish my project.” “This is by far the fastest and most active community I've ever seen for getting personalized answers to questions.“No other animation library is as intuitive, rigorous, conceptually simple and well curated as GreenSock’s.”.Be sure to read the EaselPlugin docs for more information.ĭownload source files to see the example code above in action. EaselPlugin is included when you download GSAP or you can load it from CDNJS. You must load the EaselPlugin into your file in addition to TweenMax if you want to tap into the special features that EaselPlugin provides. Once you understand what properties you can animate, you can tap into all the core tools of GSAP and use the same familiar syntax. Although it may be obvious to some, it's worth stating that CSS properties that the CSSPlugin typically handles like color, fontSize, border, transformOrigin, etc. ![]() For more information on the above properties be sure to read the documentation for Easel JS DisplayObjects. You don't even need to load any additional plugins. Since at its core GSAP can animate any property of any JavaScript object, all of the above properties are fair game. There's plenty you can do with the properties below: For instance, there is no support in EaselJS for width, height, or 3D rotation (rotationX, rotationY). Every object in Animate is converted into an EaselJS object and it's important to be aware of which properties are available to be animated. Adding external scripts that are globally accessible can be done through the Actions panel as illustrated below.Īnimate's HTML5 "export for canvas" renders everything at runtime using the EaselJS library.
0 Comments
Leave a Reply. |