Richard Mat­tka

GSAP (Greensock An­i­ma­tion Plat­form) is an in­dus­try stan­dard for web-based an­i­ma­tion, used by mil­lions of sites world­wide. Learn how it works, its key fea­tures and how to in­te­grate it with your web ex­pe­ri­ences

Web Designer - - Contributors -

Richard is an award-win­ning in­ter­ac­tive direc­tor, de­signer and de­vel­oper spe­cial­is­ing in VFX and en­ter­tain­ment pro­jects. In this is­sue he gives the low­down on the Javascript an­i­ma­tion li­brary GSAP aka Greensock.

Greensock’s An­i­ma­tion Plat­form (GSAP) – – al­lows you to an­i­mate any­thing you can ac­cess with Javascript, in­clud­ing the DOM, SVG, can­vas, CSS and even your own cus­tom ob­jects. It can eas­ily be in­te­grated to work with 2D and 3D an­i­ma­tions as well. An­i­ma­tion is the process of chang­ing prop­erty val­ues many times per se­cond, mak­ing some­thing ap­pear to move, fade, spin etc. GSAP takes a start­ing value, an end­ing value and then in­ter­po­lates (tweens) be­tween them a stag­ger­ing 60 times per se­cond. GSAP ab­stracts away many of the un­der­ly­ing browser in­con­sis­ten­cies, al­low­ing you to quickly be cross­browser ready. It also al­lows you to use ob­jects to man­age com­plex an­i­ma­tions, and runs up to 20x faster than jquery. It has be­come a stan­dard in the in­dus­try, be­ing used in countless award-win­ning sites.

how some­thing moves cre­ates a feel­ing, which be­comes an ex­pe­ri­ence for your au­di­ence. how you want peo­ple to feel can be di­rectly con­nected to how you craft your an­i­ma­tions. RICHARD MAT­TKA Creative Direc­tor, De­vel­oper, De­signer richard­mat­

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.