Share Posted March 9, 2016 Hi guys, I have a simple scale animation going and it passed QA through all browsers. Smooth animation. Looked beautiful. However when I checked today the same animation looks super jittery on all scaling elements in the latest Chrome update. I noticed that on my machine Chrome updated to Version 49.0.2623.87 (64-bit). I also checked on a colleagues machine who also displayed the same jittery animation. On anther machine however that uses the previous Chrome version (48) everything looked as smooth as in latest Safari and Firefox. I will post a codepen a bit later but for right now the code is: .set(bgr,{scale:1, transformOrigin:"right top"}) .set(woman,{scale:1, y:-9}) .from(bgr, 8, {x:80, rotationZ:0.01, force3D:true, scale:1.3}, "start") .from(woman, 6.5, {y:20, rotationZ:0.01, force3D:true, scale:1.3}, "start") //I probably don't need the force 3d anymore but left it in there. No difference with or without I don't think.. Link to comment Share on other sites More sharing options...
Share Posted March 9, 2016 Please see this topic http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/ 2 Link to comment Share on other sites More sharing options...
Author Share Posted March 9, 2016 Ah thanks OSUblacke. Yeah Carl's demo illustrates this perfectly as per your post. Just wanted to call it out here once more: See the Pen rexpMG by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Share Posted March 10, 2016 When i was testing See the Pen rexpMG by GreenSock (@GreenSock) on CodePen , from the post Blake linked to above. i didn't see the pixel snapping on Apple iOS Chrome 49 (tested on a iPad Air 2). I guess it is only on Apple Mac Chrome 49. Link to comment Share on other sites More sharing options...
Share Posted March 10, 2016 I see it on Win10... but does anybody even know where this change is in change log, and if it is going to be in the next versions? 1 Link to comment Share on other sites More sharing options...
Share Posted March 10, 2016 Interesting Blake .. So it looks like the pixel snapping is only happens on: Windows 10 - Chrome 49 Apple Mac - Chrome 49 But it doesn't happen on Windows 7 - Chrome 49 Apple iOS - Chrome 49 If anyone else sees the pixel snapping please let us know, Thanks! Link to comment Share on other sites More sharing options...
Share Posted March 10, 2016 Hi guys yep , i see that on Win 10 too : Chrome Version 49.0.2623.87 m (64-bit) 2 Link to comment Share on other sites More sharing options...
Share Posted March 21, 2016 Yep, seeing it in Chrome 49 on Windows 7 at home and on a Mac at the studio. I first noticed it on The PC then once I got to work I viewed the same site just prior to Chrome updating itself, silky smooth, then there it was. Particularly noticeable on fonts! 1 Link to comment Share on other sites More sharing options...
Share Posted March 21, 2016 So looks like Chrome 49 new flicker and pixel-snapping bug is affecting: Nvidia dedicated graphics cards and some Intel integrated graphics cards Others are reporting the same on this similar forum topic: http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/ 2 Link to comment Share on other sites More sharing options...
Share Posted March 24, 2016 please star this topic if you haven't already https://bugs.chromium.org/p/chromium/issues/detail?id=596382 Thank you! Link to comment Share on other sites More sharing options...
Share Posted March 24, 2016 This Topic is now locked, due to being a duplicate. Please see the following Topic to further discuss: http://greensock.com/forums/topic/13875-chrome-49-janky-gsap/?view=getnewpost Thanks Link to comment Share on other sites More sharing options...
Recommended Posts