LoginGet started — it’s free
Made in Webflow

Book Rotate on Scroll - Three.js

Clone in Webflow27
JP Dionisio's avatar
by JP Dionisio
528
site profile thumbnail

Description

A simple exercise from SuperHi "How to make a 3d book using Three.js that rotates when you scroll down a web page" https://www.youtube.com/watch?v=cghSq_dlgYU 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.
bookthreejswebglrotationscroll

More by JP Dionisio

See profile
View details
Pokemon Card Holo Effect
208
416
© 2022 Webflow, Inc. All rights reserved.