martis

Hey guys, I've noticed that when certain portions of my timeline *first* plays out, that there can be a hiccup, or stutter (especially on mobile). Once the animation has played it runs super smooth (forward and back) from that point on. I was wondering if anyone else experienced this and had a solution? I assume it has to do with the asset potentially being in memory or cached? I am almost wondering if I could just play my timeline out very quickly (1 second) right at page load, then set it back to the beginning. Thanks!

Hey, I had about 20 elements in my scene and the x/y percents def ran smoother across all platforms. cheers!

Hey guys, Sorry this is a little off topic, but I really trust the advice on this forum. I have seen many solutions for "preloaders" but can't find the simple thing I am looking for. What I would really love is a simple script that spits out a percent value of images that have loaded on the page so I can tween an element of my choosing using that percent value. Does anyone have something they use and trust that simply gives a percent value? Thanks!

Thanks for all the great replies... There are many times where we have small elements, that need to move from the left side, to the right side, or top to bottom, etc. I want to get away from left, top for performance reasons (imagine you have 100 stars) I edited my codepen to make this work without using left top... http://codepen.io/anon/pen/sqtxp Question: Do you guys think that having a container 100% width height will be worse performance then just using left, top?

Hey guys, Been wanting this xPercent, yPercent forever, thanks! I am a little confused on how this works... If you look at my codepen: http://codepen.io/anon/pen/Ljheu I expect the box to go from the top left side of the container to the bottom right side of the container. It seems to just move a percent based on its own size... any ideas how I would make the box move in relation to the size of the parent container? Thanks!

Hey guys, I've been developing on a macbook for a long time now and just recently got a new Macbook Pro with the nice retina monitor. I love the quality of the display, but I have noticed some pretty serious performance hits as far as animation goes (especially in certain browsers). I don't have an example to post, but I can tell you that when I run animations in a browser on my non-retina cinema display they perform great. When i run my animations on my retina screen (same box) I experience some noticable lag (even when not using Retina images). I am definitely not blaiming GSAP, more rather wanted to see if others have experienced such results and have found a solution? As retina displays become more common I worry this will become more of an issue... sadly 8( I almost think it is a retina browser issue, would love to hear what you all think...

Say I have 3 timelines. Can I change their timescale independantly of each other? Thanks

Thanks, I get some weird results when I try and do 0 duration tweens in the timeline (most if jumping around from label to label). set() works great though, thanks!

Hey guys, Is there a way to perform staggered set commands? ie... .staggerSet(array, {autoAlpha:0}, .5); right now I am doing this hacky method... .staggerTo(array, .01, {autoAlpha:0}, .5); This brings me to my next question... What is the best way to do 0 duration tweens in a timeline.... set? Thanks!

Yep, that answers it!

Thanks Jack!

When do you need to/should you use the css:{} object in tweens? For example... TweenMax.to(obj, 1, {autoAlpha:0}); vs TweenMax.to(obj, 1, {css:{autoAlpha:0}}); Trying to cut down on the amount of code I have to write

Hey guys, Say I have a label "myLabel" in a timeline. Imagine I add in a bunch of tweens with varying times to "myLabel". Is there a way to append a tween to the end of the label time without having to manually do... "myLabel+=time" ? Thanks!

Hey guys, I am building an experience where I am fading on many large images, one on top of the other. I am creating a timeline that will have to play both forwards and backwards. I want to optimize performance by only displaying the image that is currently visible, and the image that is fading over it. Once the image fades over it, I want to hide the image that it faded over. Anyone have ideas on how to best approach this where I don't have to manually set the image that it faded over to autoAlpha:0 after every fade? Thanks!

Hey guys, I am building an experience with many images on a page. I am optimizing for browsers that benefit from applying the z:.01 to put it on the GPU. My question is... is there a way to cache an asset on the GPU, then remove it once its done tweening? Example: I start to fade on image0, caches image0 to GPU, fade completes, remove image0 from GPU. (this will have to work with reverse timeline also) Thanks!

Anyone know if you can control the famo.us objects using Greensock?

Does it work for safari on iPhone and iPad?

Heya, I am running into an issue on one of my sites where when I navigate away (open a new tab) and come back to my tab my animations are out of sync. Does anyone know a way to detect if the user has navigated away, and navigated back? Tried blur and unload on window, but no luck...

Om, You can pass a paused parameter when you create a timeline. tl = new TimelineLite({paused:true}); timelines begin to play by default unless otherwise stated. From the docs:

Fixed! Thanks Jack... I understand everything minus the unitFactor, but looks like I don't need to understand that come next release. Sorry for always creating these weird fringe cases lol

Hey all, I made a simple codepen that closely illustrates my logic setup. http://codepen.io/anon/pen/KvmFh When you hold the button down I am manually changing the time() of the timeline When you release the button I am performing a throwProps tween. Notice that the time() does not tween to the desired targetTime (6). Thanks, getting closer!

That's exactly the issue, I want to use the dynamic time that ThrowProps generates based on the velocity. Make sense?

I got it working with "time", but the actualy throwProps tween is not moving the playhead. I know targetTime exists

Hey all, I want to track a timelines time() getter, then later do a ThrowProps tween using dynamic time... I figured out how to track the timeline's time() with ThrowPropsPlugin.track(tl, "time"); console.log("velocity is: " + ThrowPropsPlugin.getVelocity(tl, "time")); //works later I call this tween and I get no results, any suggestions? ThrowPropsPlugin.to(tl, {throwProps:{time:targetTime}}); //nothing? targetTime exists Thanks!