How to make a 3d book using Three.js that rotates when you scroll down a web page
In this tutorial, Rik will show you how to make a 3d book using Three.js based on the awesome designs of the New Aesthetic 2 website (https://newaesthetic.xyz/)
Links:
https://newaesthetic.xyz/
https://scrolly-book.superhi.com/
https://threejs.org/
https://cdnjs.com/libraries/three.js
If you actually want to buy our book, we have a more standard web page here:
https://superhi.com/learn-to-code-now...
01:13 How to add a 3d box using Three.js
08:35 Adding lighting to our box
12:55 Adding multiple textures to our book
17:28 Rotating the book on scroll
23:35 Smoothing the animation on scroll
Weather-aware websites: How to add weather data and styling to a website using Javascript
Scroll animations! How to add a flowing path like the Lusion site with SVG and Javascript