anime.js - Random Motion

**Acorn** · 17 May 2022, 08:00 PM

This design requires a number of functional calls: anime.js - Chaos.xar
I hope you can see the power of the technique.

This time if you untick Shapes as SVGs, the animation does work; the shapes move higher up the page as the code is latching onto a different part of the document structure.

Acorn

**gwpriester** · 17 May 2022, 08:16 PM

Fun. I could kill half a day watching this. Could you make your solid shapes semi-transparent?

**Acorn** · 17 May 2022, 09:45 PM

Originally Posted by gwpriester

Fun. I could kill half a day watching this. Could you make your solid shapes semi-transparent?

Easily, using Xara's Transparency.

I would set them as Flat Multiply Transparency.

Some effects may still come out as JPEGs so do experiment.
You can also add an animation parameter like "opacity: 0.5,".

Acorn

**gwpriester** · 17 May 2022, 10:28 PM

How would you save this to play on something like Facebook?

**Egg Bramhill** · 17 May 2022, 10:45 PM

https://parkeston.com/egg-anime2/

**Acorn** · 18 May 2022, 07:33 AM

Originally Posted by Egg Bramhill

https://parkeston.com/egg-anime2/

Shell not!

Acorn

**Acorn** · 18 May 2022, 12:05 PM

Originally Posted by gwpriester

How would you save this to play on something like Facebook?

Gary, I know little about FB, I prefer not to so it knows little about me.

I doubt you can publish a Xara site into FB.
I don't know if you can include an IFRAME instead.
Obviously the first port of call is a Link out but I assume you want to impress.

Acorn