On-Scroll Folding Cardboard Box

Demo for the tutorial on how to create a 3D cardboard box that folds and unfolds on scroll using Three.js and the GSAP ScrollTrigger.

Installation

No package manager / build system is needed. You can run the page as it is on local server (any web server, really).

The page is using the following libs:

GSAP and their scrollTrigger plugin. Both are added as CDN, but you can turn it to JS module or NPM if needed: https://greensock.com/docs/v3/Installation?checked=core,scrollTrigger
Three.js + their addons OrbitControls and mergeBufferGeometries. Both are added as CDN with import map, it can also be changed: https://threejs.org/docs/#manual/en/introduction/Installation
lil-gui controls added in the same way as threejs addons https://github.com/georgealways/lil-gui

Made with 💙 by Codrops

Name		Name	Last commit message	Last commit date
Latest commit History 15 Commits
css		css
js		js
preview		preview
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
favicon.ico		favicon.ico
index.html		index.html