I'm trying to remake my portfolio with three.js and I had an idea involving a cube that has each of my projects on each face, and I want the user to be able to scroll down and on every scroll event the cube snaps (animates) to show a different side (with project image as texture) but I honestly don't know how to handle the scrolling or the scroll snap so that the user can't just scroll too quickly through everything.

Thanks in advance!