Made in Webflow

Book Rotate on Scroll - Three.js

site profile thumbnail


A simple exercise from SuperHi "How to make a 3d book using Three.js that rotates when you scroll down a web page" The 3D book will rotate when you scroll down and up. I know you can easily do this without coding. The purpose of this project is for me to start on my coding journey as I'm coming from a design background. I hope this would also help others who would like to start to learn about Javascript, particularly WebGL and THREE.js. So you can expect more stuff like this in the future. haha This can be done without the CMS. I just used the CMS so it would be easier for you to map out the texture for the different faces of the model. The book is by Seth Godin, Purple Cow. Some use cases are for author's websites, book websites, freebie ebooks, and newsletter opt-in pages. Clone away and enjoy!
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.


More by JP Dionisio

See profile
View details
Pokemon Card Holo Effect