Skip to main content
Workforce LibreTexts

7.3 Using the GSAP (aka Greensock) Animation Library

  • Page ID
    26510
    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    Using the GSAP (aka Greensock) Animation Library

    The last item on today's agenda is getting a look at how to use the GSAP (aka Greensock) Animation Library. Greensock is based on JavaScript and it works really well witih Adobe Animate.1 It has over 8 million users, too!1

    Watch the video below to get started with learning about Greensock. When you start your projects, you'll want to have the link to the CDN .


    Footnotes

    1. Priya, C.S. “10+ Best Javascript Animation Libraries to Use in 2023.” CodeinWP, VertiStudio, 1 Jan. 2023, https://www.codeinwp.com/blog/best-j...ibraries/#gref.


    This page titled 7.3 Using the GSAP (aka Greensock) Animation Library is shared under a CC BY-NC license and was authored, remixed, and/or curated by Rosemary Barker.

    • Was this article helpful?