Re: Trying to understand how SVG's use up Power Usage.
@ Acorn: I realise that the svg uses much cpu time due to it's multiple morphing. Each flag morphs over 5 keyframes, so it's not just 4 shapes but the morphing inbetween as well.
Greensock or Snap.svg with velocity.js
That's all new to me, I'll look this up
removing the top three animations
They are only there as an example of how I overlay the 3 svg's creating a multi-timing animation rather than a single looping animation.
using SVGOMG to chop down the <paths> sizes.
Indeed I regularly do this, it's an excellent resource, but not on my example above. I'll attach one that has been SVGOMGed.
To maximise your repeat time of three separate animation speed, you make all co-prime. Try 2.3s, 3.1s & 2.9s.
Better too to increase the timings.
Thanks for this tip. I merely changed the timing randomly to ensure a non linear animation. Perhaps I'm getting to long in the tooth to study this further, but I'll give it a bash.
I've no commercial use for this animation, just testing the overheads of using svg morphing.
@ Behzad:
But would it harm the computer if it remains?
I very much doubt it. Our computers are in the main totally underused compared to their capacity.
I remember signing up for SETI (Search for Extra Teresstial Intelengence ?) at one time and was amazed how that continually used 100% of my PC's CPU all the time.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Bookmarks