Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
zackwu

about staggerFrom in chrome browser

Recommended Posts

Hi 

I just use canvas with staggerFrom method, but why have very bad smooth and destroy the animation playing.

But in another browser like, Firefox, Edge, Safari is work.

 

my  TweenMax version is 2.1.3

 

Thank you! 

See the Pen MWbmrvN?editors=1010 by okokhaha (@okokhaha) on CodePen

Link to comment
Share on other sites

Hey there!

 

This is a very old version - we're on GSAP3 now, so it's likely that the issue is down to using deprecated syntax.

Check out the migration guide. 

 

Here's an updated version -

See the Pen jOGYebe?editors=0110 by GreenSock (@GreenSock) on CodePen



Another note - you're using canvas which is great for performance, but you're animating the canvas DOM elements instead of elements within the canvas, so you're not getting any performance benefits at all. This seems a little pointless - if you're just animating the canvas elements you could surely just use image tags. If you've chosen canvas for performance you'll need to animate the images themselves - not the canvas element.

Maybe this is a minimal demo and there are reasons though! Just wanted to point it out in case it helps.

 

Good luck!

  • Like 4
Link to comment
Share on other sites

Hi, thank you for reply,

I change to gsap3

It works!

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×