Recreate this Effect

Questions
1

I want to recreate the below effect using scrollTrigger.

Don’t know where to start, kinda help me out!

Link: Lusion.mp4 - Google Drive

2
  1. Render PlaneGeometry.
  2. Use ShaderMaterial.
  3. Use VideoTexture instead normal texture.
  4. Apply 3 to 2.
  5. Manipulate VertexShader to get fancy waving shape of geometry.
  6. Don’t use ScrollTrigger because it is connected to native scrollbar, and you will get trouble in mobile devices. Because your Canvas will be constantly recalculated, and that fact will destroy all UX on mobile.
  7. Write your own scroll logic and connect to it plane deformation animation.
3 Likes
3

1 Like
4
  • The tutorial
  • The configurator
2 Likes
5

Really appreciated for all the replies, will try them as soon as I’m free from my exams and then will let you guys know.

1 Like