JOIN OUR DISCORD! [ Ссылка ] In this tutorial, I show you how you can create this super smooth and parallax-style scroll animation for your website with Three.js, where the camera movement is tied to the user's scroll position!
Get my Gradient HDR Pack to support me! [ Ссылка ]
Previous Three.js Parallax Tutorial [ Ссылка ]
Previous Three.js Tutorial Gradient HDRs [ Ссылка ]
Previous Three.js Tutorial Introduction [ Ссылка ]
Previous Three.js Surface Imperfection Tutorial [ Ссылка ]
Find the code for this scene – [ Ссылка ]
Get 2 Freebies – [ Ссылка ]
Find the GitHub Repo with the Freebies and a Three.js Example – [ Ссылка ]
Find my other artwork on Instagram – [ Ссылка ]
Follow me on Twitter – [ Ссылка ]
For all other links and contact, visit my website – [ Ссылка ]
Chapters:
0:00 Introduction
1:06 HTML Setup
1:35 CSS Setup
2:16 JS Setup
2:41 HDR Setup
3:08 Parallax Setup
5:42 Update Scroll Function
6:41 Update Camera on Scroll
8:10 Animate Function
8:36 Outro
