GreenSock IDE Integration
GreenSock
-
Jack Doyle: Founder and Author of GSAP
-
Carl Schooff: Geek Ambassador
-
Innovating the GSAP API since 2006
Topics
-
Finding a strong IDE for GSAP coders
-
Workflow advantages of GSAP
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303565/images/2749242/layout.png)
Step 1: Layout all artwork in IDE
Step 2: Write some GSAP code for each panel
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303565/images/2751860/code2.png)
Step 3: Super smooth animation
Wide array of eases
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303565/images/2749283/eases.png)
Exclusive eases
repeat complex sequences
var animation = new TimelineMax({repeat:3, repeatDelay:2});
change duration of complex sequence
animation.duration(15);
create staggered animations on multiple items
animation.staggerTo(".items", 1, {x:100}, 0.1);
staggered animation with alternating and
randomized values
Independent control of scale/rotation/position
(with unique eases)
Motion along a path (IE8+)
Advanced SVG Morphing
Zero file size cost!
Text
Text
Text
Text
![](https://s3.amazonaws.com/media-p.slid.es/uploads/303565/images/2714586/Screenshot_at_Jun_06_13-59-46.png)
Core Strengths of GSAP
-
It "just works"...everywhere!
-
Independent control of scale/rotation/position
-
Timeline architecture perfect for IDE integration
-
Runtime controls
More Strengths of GSAP
-
Popularity, especially in Ad industry
-
Plugin architecture
-
Support and documentation
-
Funded – not a side project or hobby
Resources
GreenSock IDE Integration
By GreenSock
GreenSock IDE Integration
- 1,827