Page 1 of 1

Smooth SVG Path Morphing with flubber

Posted: Sun Mar 20, 2022 12:09 pm
by wwonderfull
The goal of this library is to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation, without overthinking it.
Published By Bramus Van Damme
https://www.bram.us/2017/06/21/smooth-s ... h-flubber/
https://github.com/veltman/flubber

Image

is it possible to implement this enhancement or improvement on "morphing shapes" of wwb?

Re: Smooth SVG Path Morphing with flubber

Posted: Sun Mar 20, 2022 1:04 pm
by Pablo

Re: Smooth SVG Path Morphing with flubber

Posted: Sun Mar 20, 2022 2:26 pm
by wwonderfull
Pablo wrote: Sun Mar 20, 2022 1:04 pm What about this?
https://www.wysiwygwebbuilder.com/morphing_shape.html
WWB "Morphing Shapes"
Image
The icon is not having a smooth transition as we can see that is what I was showing. I do know wwb has morphing shapes. But look at how it is morphing.
It is only a suggestion for improvement if you can. So I provided Bramus Van Damme's published post link.

Re: Smooth SVG Path Morphing with flubber

Posted: Sun Mar 20, 2022 3:06 pm
by Pablo
WWB already uses interpolation. However, not all icons can be smoothly morphed.
It also depends on how the path of the shaped is defined. In most cases, the path is extracted from font glyphs, so there is no generic structure.