Smooth SVG Path Morphing with flubber

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
User avatar
wwonderfull
 
 
Posts: 1603
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Smooth SVG Path Morphing with flubber

Post 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?
User avatar
Pablo
 
Posts: 23598
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Smooth SVG Path Morphing with flubber

Post by Pablo »

User avatar
wwonderfull
 
 
Posts: 1603
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Smooth SVG Path Morphing with flubber

Post 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.
User avatar
Pablo
 
Posts: 23598
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Smooth SVG Path Morphing with flubber

Post 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.
Post Reply