Quick question for the animation pros: how would you animate "water" in framer? So i am talking about something like this:
just the wave obviously, i could not find any bezier curve tool or anything that would allow this kind of animation. Do you guys have any idea?
My first guess would be to investigate SVG animations for that.
Would love to know the answer, too
It’s just a wave png with x position loop
After fx + Lottie
Here's basically what you posted. looping waves with tap to control depth. I think the waves in that pic are actually going opposite ways. and a bit faster =] But you get the idea, tweak away!https://framer.cloud/yAAVZ
Nice thank you everyone!
You could use GSAP’s MorphSVG plugin to morph the points on an SVG? Seems pretty CPU–expensive though, esp. if it’s on a phone. In reality sprites would make more sense if the animation is always the same anyway. By the way your mockup is literally in my sketchbook hah! Early bird I guess…