GSAP Class
June, 2016
Carl Schooff | greensock.com | @greensock
GreenSock
-
Jack Doyle: Founder and Author of GSAP
-
Carl Schooff: Geek Ambassador
-
Support volunteers and community advocates
-
Innovating the GSAP API since 2006
What is GSAP?
- Suite of high-performance JS animation tools
- Used on over 1.5 million sites
- Majority of award-winning sites use GSAP (report)
- Universally adopted on every major ad network
- Used by top brands:
GSAP in Action
GreenSock: MorphSVG
Chris Gannon: SVG Missile
Johan Strömqvist: Crab #5 – Bob's walking cycle
Tools of GSAP
-
Plugins: css, bezier, attr, directionalRotation, etc.
-
Eases: Elastic, Bounce, Rough, Stepped, SlowMo, etc.
- Bonus: SplitText, MorphSVG, DrawSVG, ThrowProps, ScrambleText and more!
Learn more greensock.com/gsap
Why GSAP for HTML5 Banners?
-
SWF format is dead in the browser (mobile & desktop)
-
Web needs a robust animation runtime
Zero file size cost!
Text
Text
Text
Text
Smooth like Flash (or better)
-
Craig Wheatley: Mazda
-
VolcanoFlash: World of Tanks
-
Oliver15Years: Nestea
Core Strengths of GSAP
-
It "just works"...everywhere!
-
Solves real-world problems (workflow, prefixing, SVG)
-
Excels at complex, story-telling animations
-
Runtime controls
Core Strengths of GSAP
-
No dependencies (other libs or rendering layer)
-
Plugin architecture
-
Support and documentation
-
Funded – not a side project or hobby
GSAP Class Intro
By GreenSock
GSAP Class Intro
- 1,965