Build a Mars Portfolio with Three.js | 3D Portfolio Website
In this tutorial, we will learn about the GSAP ScrollTrigger plugin, and how to use it to trigger animations on the scroll, and let's build a portfolio out of it.
ScrollTrigger is the reinvention of scroll-driven animation but in a more suitable and user-friendly way, giving you the ability to control the flow of GSAP animations or any other thing while scrolling.
GSAP is an acronym for the GreenSock Animation Platform. It is arguably the best animation library for the web because it can animate DOM elements, canvas, SVG, CSS, WebGL, generic JavaScript objects, and so much more.
The creators of GSAP strongly believe it is the fastest full-featured scripted animation tool on the planet.
ScrollTrigger is built on the GSAP and can trigger those intriguing GSAP animations on the scroll with just a few lines of code, excellent performance, cross-browser compatibility, and support from the GSAP community.
🔗 Resources
Three.js Docs: https://threejs.org/
GSAP Docs: http://bit.ly/3Yq9irw
Consider Subscribing: https://bit.ly/32F4plT
Enroll Three.js Course here: https://bit.ly/3i6XcTi
Source Code: https://bit.ly/3YvRsn9
#3D #webdev #threejs
Follow me on
Twitter: / epicprogrammerz
Instagram: / epicprogrammerz