Wavy Bottom Image Border

[Acorn]

@Egg was very kind to demo an animated solution in this Thread - https://www.talkgraphics.com/showthr...610#post652610.

Here is a different construction using anime.js that shows how to make one of the waves: anime.js - Waving not Drowning.xar
To achieve more that one you would using extra pairs of shapes with different Names and calling code.

The main trick is to create one shape, clone it and adjust the position of its nodes and change the curves, all without adding new nodes.
The morphing from one to the other is then smooth.

Experiment also with the morphing shape colour and transparency.

The shape outputs at all times need to be SVG so earlier XDA versions will fail.

Acorn

[gwpriester]

I think I need Dramamine.

[Acorn]

Lucky I set it slow!

Acorn

[Egg Bramhill]

Interesting ....

[Acorn]

Interesting ....

Lovely, I had expected a morph into a bowl of petunias though, a la Douglas Adams.

A quick hack of your showing: anime.js - Waving not Drowning-3.xar

Acorn

[Egg Bramhill]

Love it and here's my Douglas Adams:

[Boy]

Interesting ....

As we, backward XDP19-ers, can't share in the fun, could you please post a demo?

[Egg Bramhill]

Here's Acorns original:
https://parkeston.com/tg/anime2023/original.htm
Here are a couple of mine Boy:
https://parkeston.com/tg/anime2023/index.htm
https://parkeston.com/tg/anime2023/whale.htm