Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial

Check out my courses and become more creative!
https://developedbyed.com

Javascript Scroll Animation Tutorial | GSAP and ScrollMagic Tutorial

Today we are going to create a cool javascript scroll animation by creatng 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.

This video is made for people who are interested in learning to create javascript scroll animations.
❤Become a patreon for exclusive videos and more!
  / dev_ed  

Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)

Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)

PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon)
Logitech G305 - https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon)

DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.


📔 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:   / deved94  
Github: https://github.com/DevEdwin

🎵 Music:
Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By:   / lakeyinspired  
Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @   / aka-dj-quads  

Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...