gabrielstuff
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by gabrielstuff
-
-
Hi there,
I'm playing with the TweenMax API and I encounter some difficulties.
I aim to animate a full svg. I use a basic Tween for test puprose
TweenMax.to($('#' + 'front_side_down'), 1, { opacity: 1, display: 'inline' })
When the SVG does not contain much nodes, it runs smoothly and nicely. But when I hit more than 1000 groups node of svg path the animation got choppy.
I wonder why it influence anything, as in any case we only target one element...
Any help would be much appreciate !
Thanks !
P.S : I'm talking about a 3.5mo SVG file
-
Hey !
thanks for the feedback. I've been reading thru :
http://css-tricks.com/tale-of-animation-performance/ and http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
Very interesting ! but i modified the examples given, and if you use larger value for width the choppyness shows up...
See the Pen wBgmz by gabrielstuff (@gabrielstuff) on CodePen
Kind of weird that such a bug (feature) is present... feel like doing something wrong.
-
-
Hi !
I'm using Chrome Version 31.0.1650.63 on OSX Maverick and I've noticed some jittering/tearing on the basic animation.
For a fast animation you can not really notice it, but with middle slow animation such as this ones :
See the Pen Kajpu by GreenSock (@GreenSock) on CodePen
it is getting annoying.
The issue can simply show with something like :
TweenMax.to($el, 10, { x: $(window).width() + $el.width(), onComplete: function() { $el.remove(); } });
I didn't notice it on previous beta version... and I can not say when I see it appearing on the first time. What I can say, is that I see it on Firefox (last version) and Safari (last version)
Thanks
Edge case with Chrome Version 51 VS Electron
in GSAP
Posted