Floppy lines -- an SVG path animation starter!

Project URL: https://floppy-lines.glitch.me/

I wanted to create a simplified water animation by dynamically modifying SVG paths, but realized that the Greensock plugin for it is only free in Codepen, so it wouldn’t be a fit for Glitch – this is a tiny demo of an animation using setInterval.

Right now it generates random paths and then incrementally modifies the current path to be closer to the generated path over time. When the current path matches the generated path, a new path is generated.

24%20PM

3 Likes

Good job and happy Glitching!