Jump to content


Remove friction from wavy animation

Recommended Posts

I need ideas from better animators on how to make this demo go smoothly without the fraction like an overlapping flow of waves

See the Pen KEpoqW by josephrexme (@josephrexme) on CodePen

Link to comment
Share on other sites

A few simple things I can think of are 


1. Use different durations so it doesn't move so uniformally as a unit

2. Easing with Sine.easeInOut for more gentle transitions

3. Tween the y value up and down a bit for the rise and fall of a wave


See the Pen vPOQLb by sgorneau (@sgorneau) on CodePen



Hope this helps!

  • Like 3
Link to comment
Share on other sites

Here's a post that may be helpful.

There are also several other threads in the forum about waves. You can use the search feature to find them. Happy tweening.

  • Like 2
Link to comment
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.