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

Now You See Me 2

Bose

The Next Rembrandt

GreenSock: MorphSVG

Chris Gannon: SVG Missile

Johan Strömqvist: Crab #5 – Bob's walking cycle

Tools of GSAP

• TweenLite

• TweenMax

• TimelineLite

• TimelineMax

• 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)

• Google will stop accepting Flash ads on June 30

• Web needs a robust animation runtime

Zero file size cost!

Text

Text

Text

Text

Solutions For Banners in the Post-Flash World

Smooth like Flash (or better)

• Craig Wheatley: Mazda

• VolcanoFlash: World of Tanks

• Oliver15Years: Nestea

http://greensock.com/gems

Core Strengths of GSAP

• It "just works"...everywhere!

• Solves real-world problems (workflow, prefixing, SVG)

• Excels at complex, story-telling animations

• Runtime controls

View animation and source codeon CodePen

Core Strengths of GSAP

• No dependencies (other libs or rendering layer)

• Plugin architecture

• Support and documentation

• Funded – not a side project or hobby