[Webkit-unassigned] [Bug 146345] Make JS & SVG animation faster (perhaps do as much as possible in the GPU)

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=146345

--- Comment #12 from Tobi Reif <tobi at tobireif.com> ---
This is the complete animation code from
https://tobireif.com/non_site_stuff/just-a-perf-test-animated-fork-of-my-snake-pattern-in-svg/ :

function stagger() {
  var distance = 70;
  TweenMax.staggerFromTo(
    "use",
    0.5,
    {y: -distance},
    {
      y: distance,
      ease: Sine.easeInOut,
      yoyo: true,
      repeat: -1
    },
    0.001
  );
}

I wish I had the time to profile GSAP TweenMax and see whether their code could be made faster. But I'll have to leave that up to them (the commercial vendor Greensoock https://greensock.com/club ).

GSAP is "the industry standard". Mmany people and companies use GSAP, it's very popular.

So it would sure be worth the effort to investigate whether WebKit can run GSAP TweenMax (used with SVG eg as above) faster. If the improvements are general they will potentially benefit all JS-SVG animations.

"The slowest part is running the script which is modifying SVG attributes (about 14ms per frame)" - I hope that this duration can be improved significantly.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20171105/d7109629/attachment.html>