Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Thomi Aditya

White Wave Effect

Recommended Posts

I was wondering how does this kind of white wave from this site possibly made by GSAP?  Is there any additional plugin necessary? I took so many times investigating this site. Hope I find the answer here. :( Thanks

https://krotravelengineering.jp/

Link to post
Share on other sites

 

Hey @Thomi Aditya

 

Are you speaking of the white 'light-wave' sort of effect, when you scroll down one section from start?

 

GSAP can and will be helpful, when wanting to animate effects like these, but straight up building that sort of effect is not what GSAP does/can do - it probably requires WebGL and probably a good knowledge of shaders, too.

 

I think, they used three.js for the WebGL part on the site you provided the link to - and they do use GSAP, I don't know if they do for this animation in specific, though.

 

But getting to an effect as such will not be trivial to wrap your head around.

 

 

 

Maybe searching codepen for an effect similar to this and trying to understand what is done, could be a first step.

 

Edit:

 

Welcome to the forum by the way :)

 

  • Like 4
  • Thanks 1
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×