Craig CampbellOct 7, 2016Lessons: 7Length: 36 minutes

Next lesson playing in 5 seconds

Overview
Transcript

1.1 Introduction

Welcome to Getting Started with ScrollMagic. In this course, you will learn how to use the ScrollMagic JavaScript library to simplify the process of creating scroll-driven events and animations.

1.Introduction
1 lesson, 00:40

2.Scrollmagic Setup
2 lessons, 07:18

2.2
Controllers and Scenes
03:43

3.Scroll Events with Scrollmagic
3 lessons, 26:59

3.3
Scrollable GSAP Animations
10:18

4.Conclusion
1 lesson, 00:36

1.1 Introduction

Hello and welcome to getting started with ScrollMagic. My name is Craig Campbell and I will be your instructor for this course. In this short course, we're going to take a high level overview of the ScrollMagic JavaScript library, which allows us to create animations that are tied to the scroll bar, so that as you scroll up and down in the browser window you can control the playback of your animations. In this course, we'll be using the GreenSock animation platform to create our animations and you can learn more about GreenSock and some of our other Tuts+ courses. So once again, I want to thank you so much for watching. In the next lesson, we'll get started.

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

Getting Started With ScrollMagic

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction
1 lesson, 00:40

1.1
Introduction
00:40

2.Scrollmagic Setup
2 lessons, 07:18

2.1
Using ScrollMagic
03:35

2.2
Controllers and Scenes
03:43

3.Scroll Events with Scrollmagic
3 lessons, 26:59

3.1
Pinning an Element
09:38

3.2
Pinning a Menu
07:03

3.3
Scrollable GSAP Animations
10:18

4.Conclusion
1 lesson, 00:36

4.1
Final Thoughts
00:36

1.1 Introduction

Getting Started With ScrollMagic

Next lesson playing in 5 seconds

1.1 Introduction

1.Introduction1 lesson, 00:40

1.1Introduction00:40

2.Scrollmagic Setup2 lessons, 07:18

2.1Using ScrollMagic03:35

2.2Controllers and Scenes03:43

3.Scroll Events with Scrollmagic3 lessons, 26:59

3.1Pinning an Element09:38

3.2Pinning a Menu07:03

3.3Scrollable GSAP Animations10:18

4.Conclusion1 lesson, 00:36

4.1Final Thoughts00:36

1.1 Introduction

1.Introduction
1 lesson, 00:40

1.1
Introduction
00:40

2.Scrollmagic Setup
2 lessons, 07:18

2.1
Using ScrollMagic
03:35

2.2
Controllers and Scenes
03:43

3.Scroll Events with Scrollmagic
3 lessons, 26:59

3.1
Pinning an Element
09:38

3.2
Pinning a Menu
07:03

3.3
Scrollable GSAP Animations
10:18

4.Conclusion
1 lesson, 00:36

4.1
Final Thoughts
00:36