Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial

Author: Dev Ed

March 6, 2019

Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial

Today we are going to create a cool javascript scroll animation by creating a paper plane flying on the screen.

We are going to be using a few libraries, GSAP TweenLite will be used to take care of animating different properties of the image, bazier plugin will be used to create a path for the image to follow along. TimelineLite can be used to sequence together multiple animation and ScrollMagic will help us animate based on scroll.

📔 Materials used in this video: Images in the video: https://www.dropbox.com/s/xtp0xrvij2y… GSAP: https://cdnjs.com/libraries/gsap Scrollmagic: https://cdnjs.com/libraries/ScrollMagic

🛴 Follow me on: Twitter: https://twitter.com/deved94 Github: https://github.com/DevEdwin 🎵 Music: Outro: LAKEY INSPIRED – Me 2 (Feat. Julian Avila) Music By: https://soundcloud.com/lakeyinspired Intro: Dj Quads Track Name: “Every Morning” Music By: Dj Quads @ https://soundcloud.com/aka-dj-quads Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0 http://creativecommons.org/licenses/b…