├── .DS_Store ├── .gitignore ├── README.md ├── app.js ├── app ├── canvas │ ├── Threejs │ │ └── index.js │ └── index.js ├── classes │ └── detection.js ├── components │ ├── Preloader.js │ └── Transition.js ├── index.js ├── pages │ ├── About │ │ └── index.js │ ├── Four04 │ │ └── index.js │ ├── Home │ │ └── index.js │ └── Threejs │ │ └── index.js └── shaders │ ├── fragment.glsl │ ├── particlesFragment.glsl │ ├── particlesVertex.glsl │ └── vertex.glsl ├── package.json ├── static ├── .DS_Store ├── fonts │ ├── LICENSE │ └── helvetiker_regular.typeface.json ├── images │ ├── .DS_Store │ ├── Subscribe.png │ ├── favicons │ │ ├── about.txt │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ └── site.webmanifest │ ├── portfolio1.jpeg │ └── portfolio2.jpeg └── textures │ ├── .DS_Store │ └── matcap.png ├── styles ├── base │ └── reset.scss ├── components │ ├── cursor.scss │ ├── logo.scss │ ├── preloader.scss │ └── transition.scss ├── index.scss ├── pages │ ├── about │ │ └── about.scss │ ├── four04 │ │ └── four04.scss │ ├── home │ │ └── home.scss │ └── threejs │ │ └── threejs.scss └── shared │ └── shared.scss ├── views ├── index.pug ├── pages │ ├── about.pug │ ├── four04.pug │ ├── home.pug │ └── threejs.pug └── partials │ ├── cursor.pug │ ├── logo.pug │ ├── noscript.pug │ ├── preloader.pug │ └── transition.pug ├── webpack.config.common.js ├── webpack.config.dev.js └── webpack.config.prod.js /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .env 2 | public 3 | node_modules -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/README.md -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app.js -------------------------------------------------------------------------------- /app/canvas/Threejs/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/canvas/Threejs/index.js -------------------------------------------------------------------------------- /app/canvas/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/canvas/index.js -------------------------------------------------------------------------------- /app/classes/detection.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/classes/detection.js -------------------------------------------------------------------------------- /app/components/Preloader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/components/Preloader.js -------------------------------------------------------------------------------- /app/components/Transition.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/components/Transition.js -------------------------------------------------------------------------------- /app/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/index.js -------------------------------------------------------------------------------- /app/pages/About/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/pages/About/index.js -------------------------------------------------------------------------------- /app/pages/Four04/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/pages/Four04/index.js -------------------------------------------------------------------------------- /app/pages/Home/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/pages/Home/index.js -------------------------------------------------------------------------------- /app/pages/Threejs/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/pages/Threejs/index.js -------------------------------------------------------------------------------- /app/shaders/fragment.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/shaders/fragment.glsl -------------------------------------------------------------------------------- /app/shaders/particlesFragment.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/shaders/particlesFragment.glsl -------------------------------------------------------------------------------- /app/shaders/particlesVertex.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/shaders/particlesVertex.glsl -------------------------------------------------------------------------------- /app/shaders/vertex.glsl: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/app/shaders/vertex.glsl -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/package.json -------------------------------------------------------------------------------- /static/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/.DS_Store -------------------------------------------------------------------------------- /static/fonts/LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/fonts/LICENSE -------------------------------------------------------------------------------- /static/fonts/helvetiker_regular.typeface.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/fonts/helvetiker_regular.typeface.json -------------------------------------------------------------------------------- /static/images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/.DS_Store -------------------------------------------------------------------------------- /static/images/Subscribe.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/Subscribe.png -------------------------------------------------------------------------------- /static/images/favicons/about.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/about.txt -------------------------------------------------------------------------------- /static/images/favicons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/android-chrome-192x192.png -------------------------------------------------------------------------------- /static/images/favicons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/android-chrome-512x512.png -------------------------------------------------------------------------------- /static/images/favicons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/apple-touch-icon.png -------------------------------------------------------------------------------- /static/images/favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /static/images/favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /static/images/favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/favicon.ico -------------------------------------------------------------------------------- /static/images/favicons/site.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/favicons/site.webmanifest -------------------------------------------------------------------------------- /static/images/portfolio1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/portfolio1.jpeg -------------------------------------------------------------------------------- /static/images/portfolio2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/images/portfolio2.jpeg -------------------------------------------------------------------------------- /static/textures/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/textures/.DS_Store -------------------------------------------------------------------------------- /static/textures/matcap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/static/textures/matcap.png -------------------------------------------------------------------------------- /styles/base/reset.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/base/reset.scss -------------------------------------------------------------------------------- /styles/components/cursor.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/components/cursor.scss -------------------------------------------------------------------------------- /styles/components/logo.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/components/logo.scss -------------------------------------------------------------------------------- /styles/components/preloader.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/components/preloader.scss -------------------------------------------------------------------------------- /styles/components/transition.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/components/transition.scss -------------------------------------------------------------------------------- /styles/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/index.scss -------------------------------------------------------------------------------- /styles/pages/about/about.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/pages/about/about.scss -------------------------------------------------------------------------------- /styles/pages/four04/four04.scss: -------------------------------------------------------------------------------- 1 | .four04 { 2 | margin-top: 2rem; 3 | } 4 | -------------------------------------------------------------------------------- /styles/pages/home/home.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/pages/home/home.scss -------------------------------------------------------------------------------- /styles/pages/threejs/threejs.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/pages/threejs/threejs.scss -------------------------------------------------------------------------------- /styles/shared/shared.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/styles/shared/shared.scss -------------------------------------------------------------------------------- /views/index.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/index.pug -------------------------------------------------------------------------------- /views/pages/about.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/pages/about.pug -------------------------------------------------------------------------------- /views/pages/four04.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/pages/four04.pug -------------------------------------------------------------------------------- /views/pages/home.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/pages/home.pug -------------------------------------------------------------------------------- /views/pages/threejs.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/pages/threejs.pug -------------------------------------------------------------------------------- /views/partials/cursor.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/partials/cursor.pug -------------------------------------------------------------------------------- /views/partials/logo.pug: -------------------------------------------------------------------------------- 1 | .logo__canvas__container -------------------------------------------------------------------------------- /views/partials/noscript.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/partials/noscript.pug -------------------------------------------------------------------------------- /views/partials/preloader.pug: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/views/partials/preloader.pug -------------------------------------------------------------------------------- /views/partials/transition.pug: -------------------------------------------------------------------------------- 1 | .transition 2 | | Loading ... -------------------------------------------------------------------------------- /webpack.config.common.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/webpack.config.common.js -------------------------------------------------------------------------------- /webpack.config.dev.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/webpack.config.dev.js -------------------------------------------------------------------------------- /webpack.config.prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AkbarBakhshi/threejs-gsap-scroll-animation/HEAD/webpack.config.prod.js --------------------------------------------------------------------------------