[GSAP and Two.js - Canvas Performances]

Yeah, that would be even better! Thanks for the suggestion!

[GSAP and Two.js - Canvas Performances]

Thanks so much! @OSUblake?

Yes, I'm on a Retina display. Lowering the ratio helped a lot, 1.5 was a nice compromise between performances and quality. 

[GSAP and Two.js - Canvas Performances]

Hi all,

happy to join this forum with my first post! 

 

I've been using GSAP for quite some time now (Loving it!), and I also started to integrate his capability along with other cool drawing libraries. 

 

In this case, I'm having some hard time figuring out why frame-rate and animation performances decrease drastically on Safari and Firefox (Chrome is buttery smooth) when animating the following SVG shape using a combination of GSAP and two.js (Canvas Rendering).  
 

See the Pen yRjmKX by mirkosantangelo (@mirkosantangelo) on CodePen

 

I've tried to change the rendering intent from canvas to SVG (via the two.js API) and animate a standalone SVG with GSAP only. In all scenarios, I'm experiencing the aforementioned issues.

 

Does anyone have some good suggestion?

 

Many thanks in advance!

 

 

See the Pen yRjmKX by mirkosantangelo (@mirkosantangelo) on CodePen