Jump to content
Search Community

using rotationY: 90 and rotationY: 270 stops gif from animating

kmcg101 test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Here's a ridiculous problem I noticed last week.  I've used this rotating cube hundreds of times but last week for the first time I replaced the sides with animated GIFs instead of static JPG or PNG files.  I found that no matter what animated GIF I used for the sides, it would stop animating when the cube was rotated 90 or 270 degrees.  I got around this problem by rotating it 90.5 and 270.5 degrees.  It continued animating when I did that.  Have you ever seen such a thing?  I'm baffled.  
 
 
 
Here are two examples:
 
rotating 90 degrees with each arrow click
http://www.choicestream.com/staging/2016/08/test/90/index-300x600.html
 
rotating 90.5 degrees with each arrow click
http://www.choicestream.com/staging/2016/08/test/905/index-300x600.html

 

TweenLite.to(cube, .7,   {rotationY:"-=90.5_ccw", ease:Back.easeOut});

Link to comment
Share on other sites

Hello kmcg101, and Welcome to the GreenSock Forum!

 

What browser and browser version did you see this on?

 

Depending on the browser you might have to place a bug report with the browser developer bug reporting.

 

Browsers handle gifs differently. For example Firefox actually disables the animation of the gif when it is hidden or not visible. Whereas webkit, Edge, and IE will keep the animated gif animating regardless of its display or visibility status.

 

To me it seems like a browser bug.

 

Mozilla Firefox bugilla reporting:

https://bugzilla.mozilla.org/

 

Chrome webkit bug reporting:

https://webkit.org/reporting-bugs/

 

Apple webkit bug reporting:

https://idmsa.apple.com/IDMSWebAuth/login.html?appIdKey=77e2a60d4bdfa6b7311c854a56505800be3c24e3a27a670098ff61b69fc5214b&sslEnabled=true&rv=3

 

:)

  • Like 1
Link to comment
Share on other sites

kmcg101, I checked both of your examples on Windows 7 and Windows 10

  • latest Chrome
  • latest Firefox
  • latest IE11 (render flat no cube but still gif animating)
  • latest Edge

And the gif's still animated. So i would say this is only a Apple webkit safari bug!

 

I would report this to Apple webkit so they can try and fix this buggy behavior!

 

:)

  • Like 2
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.
×
×
  • Create New...