https://github.com/icelam/christmas-scroll-animation
Christmas Animation using ScrollMagic, GSAP
https://github.com/icelam/christmas-scroll-animation
greensock-animation-platform gsap scrollmagic
Last synced: 7 days ago
JSON representation
Christmas Animation using ScrollMagic, GSAP
- Host: GitHub
- URL: https://github.com/icelam/christmas-scroll-animation
- Owner: icelam
- Created: 2019-04-28T05:18:37.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-02-28T15:01:38.000Z (about 3 years ago)
- Last Synced: 2025-02-17T06:41:29.494Z (3 months ago)
- Topics: greensock-animation-platform, gsap, scrollmagic
- Language: JavaScript
- Homepage: https://icelam.github.io/project-details/christmas2018
- Size: 2.4 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Christmas Animation using ScrollMagic, GSAP #
Christmas scroll animation demo using GSAP and Scroll Magic
## Note
This repository was created at late 2018, and the official recommended ways to create scroll-driven animations has changed.
According to the [GreenSock learning center](https://greensock.com/scrollmagic/):
> Note: This page was created before ScrollTrigger was released. We highly recommend using ScrollTrigger instead of ScrollMagic.
In [June 2020, GreenSock released ScrollTrigger](https://greensock.com/scrolltrigger-is-released/) to handle scroll-driven animations, if you are going to create any scroll-driven animations of your own, highly recommended that you should go and have a look at their [documentation](https://greensock.com/scrolltrigger)!
### Run Project ###
* `npm install`
* `npm run start`
### Build Production ###
* `npm run build`
***
### Resources ###
* [ScrollMagic](http://scrollmagic.io/)
* [TweenMax](https://greensock.com/docs/TweenMax)