Website Section transitions

I am new to three.JS, as I have seen many awesome projects created using this awesome library. I am actually trying to search help to create webpage sections transitions effects similar to this showcase site: http://taotajima.jp/works/ . I want to achieve this kind of transitions on scroll and on click which I will achieve using gsap or scrollmagic but the problem is I really don’t know how to create section animations and transitions in ThreeJS so I can control it on gsap3 or magic scroll. If anyone can even tell me that by which function of this threeJS I can achieve this.

It uses three.js but the effects are given using shaders and there is no such function in threejs. You have to use uv mapping & uniforms for material and apply it to the planeBuffer geometry.

Related tutorial:

1 Like

Got it. Thank you for the quick help Dhruval and Mugen87.