Archive for the ‘GreenSock’ Category

Writing Smarter Animation Code

Posted on: No Comments
If you've ever coded an animation that's longer than 10 seconds with dozens or even hundreds of choreographed elements, you know how challenging it can be to avoid the dreaded "wall of code". Worse yet, editing an animation that was built by someone el...

Fancy Web Animations Made Easy with GreenSock Plugins

Posted on: No Comments
The aim of the third part of this GreenSock tutorial series is to introduce you to some amazing GreenSock plugins. You'll be using: The BezierPlugin to animate properties along a curved Bezier path The GSAP Draggable utility to drag elements on the s...

GreenSock for Beginners (Part 2): GSAP’s Timeline

Posted on: No Comments
The aim of this second part of GreenSock for Beginners is to introduce you to GreenSock's TimelineMax. You'll be learning: Why you need a timeline How to include multiple tweens in a timeline How to package multiple timelines into functions and nest ...

GreenSock for Beginners: a Web Animation Tutorial (Part 1)

Posted on: No Comments
My aim in this article is to give you a thorough introduction to GreenSock, also known as GSAP (GreenSock Animation Platform), a super performant, professional-grade HTML5 animation engine for the modern web. This is the fourth article in the series B...

Using GSAP to Animate Game UI with Canvas

Posted on: No Comments
The year was 1995; Toy Story hit the theaters, kids were obsessively collecting little cardboard circles and Kiss From a Rose was being badly sung by everyone. I was a gangly ten-year-old, and like any other relatively tall kid I was often addressed to...

A Comparison of Animation Technologies

The question I am asked most frequently: what animation tool do you recommend? Having worked with a slew of them, I can tell you there is no right answer. It's a complicated question and complicated answer. This post serves to clarify what to use, and ...