Craig CampbellApr 8, 2016Lessons: 18Length: 2.3 hours

Animation JavaScript GreenSock Animation Platform

Next lesson playing in 5 seconds

Overview
Transcript

1.1 Introduction

Welcome to Advanced Animation With GSAP Plugins. In this course, you will learn how to take your GSAP animations to the next level using the plugins that come with the platform.

1.Introduction
2 lessons, 03:33

2.Animating HTML Attributes With AttrPlugin
4 lessons, 33:09

3.Animating on a Curve With the Bezier Plugin
3 lessons, 27:48

3.1
Animating in a Circle
14:27

4.Animating JavaScript Color Properties
2 lessons, 20:27

4.2
Animating a Gradient
10:16

5.Animating Text Changes With TextPlugin
1 lesson, 08:02

6.Animating CSS Rules
2 lessons, 16:47

6.1
Starting From Scratch
06:58

7.Directional Rotation
3 lessons, 30:20

7.1
Directional Rotation Basics
10:32

8.Conclusion
1 lesson, 00:42

1.1 Introduction

Hello and welcome to advanced animation with GSAP plugins. My name is Craig Campbell and I'm going to be your instructor for this course. The GreenSock platform is a very powerful platform for creating high performance animations in JavaScript and in this course we're going to take a look at some free plugins that ship with the GreenSock platform, and we're going to take a look at how to create some really nice, really advanced, animation using these plugins. So once again, I want to thank you so much for watching and we'll get started in the next lesson.

Back to the top

Craig Campbell

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

Advanced Animation With GSAP Plugins

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
2 lessons, 03:33

1.1
Introduction
00:35

1.2
The Plugins
02:58

2.Animating HTML Attributes With AttrPlugin
4 lessons, 33:09

2.1
Quick Review
06:32

2.2
Tweening SVG Shapes
08:13

2.3
Setting Up Your SVG
09:46

2.4
Tweening Attributes
08:38

3.Animating on a Curve With the Bezier Plugin
3 lessons, 27:48

3.1
Animating in a Circle
14:27

3.2
Bezier Properties
07:00

3.3
More Curves
06:21

4.Animating JavaScript Color Properties
2 lessons, 20:27

4.1
Tweening Properties
10:11

4.2
Animating a Gradient
10:16

5.Animating Text Changes With TextPlugin
1 lesson, 08:02

5.1
Animating Text
08:02

6.Animating CSS Rules
2 lessons, 16:47

6.1
Starting From Scratch
06:58

6.2
Animating the Rule
09:49

7.Directional Rotation
3 lessons, 30:20

7.1
Directional Rotation Basics
10:32

7.2
Random Rotation
08:19

7.3
Return on Hover
11:29

8.Conclusion
1 lesson, 00:42

8.1
Final Thoughts
00:42

1.1 Introduction

Advanced Animation With GSAP Plugins

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction2 lessons, 03:33

2.Animating HTML Attributes With AttrPlugin4 lessons, 33:09

3.Animating on a Curve With the Bezier Plugin3 lessons, 27:48

4.Animating JavaScript Color Properties2 lessons, 20:27

5.Animating Text Changes With TextPlugin1 lesson, 08:02

6.Animating CSS Rules2 lessons, 16:47

7.Directional Rotation3 lessons, 30:20

8.Conclusion1 lesson, 00:42

1.1 Introduction

1.Introduction
2 lessons, 03:33

2.Animating HTML Attributes With AttrPlugin
4 lessons, 33:09

3.Animating on a Curve With the Bezier Plugin
3 lessons, 27:48

4.Animating JavaScript Color Properties
2 lessons, 20:27

5.Animating Text Changes With TextPlugin
1 lesson, 08:02

6.Animating CSS Rules
2 lessons, 16:47

7.Directional Rotation
3 lessons, 30:20

8.Conclusion
1 lesson, 00:42