I’m trying to implement website similar with this. Prokhorov design Prokhorov design - the experienced design team who provides UX/UI design and branding services for IT companies. [image] MOXY — Software & Design Studio MOXY is a Porto based software…

Just add your transition function to a scroll event listener Something similar to window.onscroll = function() {myFunction()}; function myFunction() { if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { //first transition } else { //next transition } }

Hi! Maybe this topic will give you some ideas: [image] Clamping of length Resources Hi, community! I can’t say that I’ve discovered something unusual. I just want to show to beginners (like me baby) the using of .clampLength() method of THREE.Vector3(). It allows to make…

Thanks! It is almost same with my question. Can you explain about using shader or example related that?

[image] teamhide: Can you explain about using shader Well, implement the idea with clamping in a vertex shader. Start point of a vertex, direction (a normalized vector) and the limit of length. That limit of the length you can pass as a parameter into the clamp() function: clamp( currentLeng…

Also, have a look at this reply from another topic: [image] 3D object morphing Questions Here is an example of something I made a few years ago: http://games.clarklavery.com/meshMorpher/index.html Move your cursor left/right over the page in order to make it work. The 3d…

Very helpful example! So I have to combine your example with addEventListener(‘mousewheel’) :slight_smile:

How to apply page transition on mouse scroll?

Questions

prisoner849 October 17, 2018, 7:44am 3

Hi!
Maybe this topic will give you some ideas:

Topic		Replies	Views
How to transition animations smoothly? Questions animation , animations	3	2221	May 31, 2022
Need help with section transiton Questions geometry , animation	3	779	March 9, 2022
How can I recreate this scroll-wheel camera animation Questions camera-controls , camera , animation	3	4418	March 3, 2020
Animate canvas on scroll then display next section Questions animation	1	3872	April 4, 2019
How to make the model tilt when scrolling Questions scrolling	2	3062	January 27, 2021

How to apply page transition on mouse scroll?

Related topics