trsh
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by trsh
-
When computer has some lag or is just slow (due RAM or CPU overhead, etc.), the animations tend to stop and jump over larger intervals or sometimes start in the middle. In game engines this is mostly solved by multiplying the transitions with delta time. What could be solution here- so I always get, see my animation from A to B even if its with bad FPS?
-
THanks!
-
I want to move the blue rectangle to exact red rectangle position by also animating rotation back to 0. But because blue has already rotation, the calculations are some have not right and the blue rectangle is not covering red one. Can someone help please?
-
True, but first time loads are also important
-
Sadly, but I want to use TimelineLite, because min library size is critical in this project
-
Hi, I want to play a Portion of my timeline - by seconds, progress or frames (whatever). For example: 1) Timeline is 10 secs 2) I want to play from 5 sec to 7 sec. 3) Add pause I think will not serve very well, as those portions change dynamically :/ Can't figure out from documentation, how to do this.
-
Carl. Mkay. You last example seems to do THE thing. I will try to integrate in my project tomorrow. Anyway, I think, that modified behavior when using pauses will attract more confused GSAP users
-
Tried it without onComplete callback (but with a func. in timeline), same -> http://codepen.io/anon/pen/gwvbgm?editors=1011
-
1) Carl thanks for the remarks. Sure I can prepare my samples better and I understand you very well. Next time i'll do it! 2) I have seen this overwrite setting, yet I couldn't figure out from the documentation what it actually does. Like what doe's it mean to Overwrite a tween? Sure you know, but I can sit for hours - google and experiment with that to understand the point. Anyway it doe's not seem serve well in my case, as it kills of further tweens -> http://codepen.io/anon/pen/KgQwPQ?editors=1011
-
1) I actually do not animate anything using left or top. It's set in very end of red box animation. And it's intended that way. 2) Can I some-have change the order? First x (taking in account old left position), and then add left. 3) And more importantly - why is this working in the way I want, if I do not add pause?
-
http://codepen.io/anon/pen/WGdWqL If I remove addPause line, the animations end as they should. With it, for some reason red (stalled) block goes nuts Could be that this is a bug? If I want to use addPause and modify red block in end of it's tween, how can I get around this?
-
OK, OK!
-
Thanks. For now I will go with your first example. I'm also not sure, if addPause should be added multiple times in same spot, but in the same time that's for what word "add" stands for. Should be renamed to setPause (or something like that) otherwise.
-
I have code that looks something like this http://codepen.io/anon/pen/XjgVWN . The problem is, that addPause overwrites previous added addPause (with same time), and the callback is gone. Any tips how to make this work? How can I get both callbacks in same time? P.S. I cant create a Master function, with sub-functions in my case :/, my real project code is very dynamic.
-
And I think I know what to do, and the limitations. Thanks guys for input very much. GSAP team rocks's )
-
It's an commercial TV. Kind of you can program it to run same app or web page on start, has additional JS calls to control the TV options, etc,. Not standard with TV channels and smart features. The refresh rate is fine. The problem is with its GPU bandwidth. Anytime (or, at time) a a new layer is pushed to VRAM, rendered can't handle stable performing.
-
Carl. And doesn't work for ex. like this http://codepen.io/anon/pen/ORpLKB. Having layer, inside transformed layer is even a larger performance hit. So I will have to do this smart, and layerize in right time and place (better when nothing moves).
-
Carl. Yes. That's was kind of my point. What is the drawback of your strategy, that you kind of can't know when all stuff is layerized. Especially when it's a lot.
-
Right now i'm sitting in front of PC (GTX 750TI + i7). And of course it runs smooth. Can't be any smoother. But To my right side I have an LG TV, which hardware is much less perform-ant, and for what I have to develop. And the LAG is there and it's very annoying. It's there every time new layer is written to video memory. This can't be a clear GSAP problem, and I'm not telling that. I just wanted to start a brainstorm, hear and speak out ideas and suggestions.
-
Btw this example confused me, and it's preload doesn't work at all. You can see in timeline that resources are downloaded twice.
-
This kind of solves the above perf. problem -> http://codepen.io/anon/pen/ORpLKB, but I'm guessing the repaint time = ".4", and that's no good in the end :/
-
1) It sucks that requestAnimationFrame method doesn't do the job 2) You present a very simplified case. This example performs bad http://codepen.io/anon/pen/amJoQk . You can force3d on "inside" box, what will be slow because parent matrix is added to child on every frame. Or you Don't force - then the child box is repainted right in the middle of animation and causes my described lag. Neither performance solution is good. If the inside Box would wait until is painted, and then move, it would solve my problem.
-
This solution smoothed my animations BY ALOT -> http://codepen.io/anon/pen/ampgVL?editors=0110 , but to do this now for every tween.. brrr
-
Ok. Here is the codepen -> http://codepen.io/anon/pen/LRxozR?editors=0110 OS: windows, Chrome (latest stable). Instructions: 1) Open codepen ex. abowe 2) Open DevTools 3) Seek for Render tab in dev tools 4) Check there Paint flashing and FPS metter 5) Reload the page 6) Check the fps GPU memory 7) Press start button in my example 8) Notice a green flash (new layers created) 9) Check the GPU memory now (its grown, as layers pushed to VRAM) 10) After animation ended check VRAM (same as at beginning, layer is cleared) Mark. You wont see no Performance problems, lags, whatsoever on a good computer, because the Painting the layer and pushing it to VRAM will just take 10 ms or less. On more shity device, you will experience a LAG (due repaint and push to VRAM) and probably start to witness the animation on half way. Is this clear enough?
-
Sorry for the misspelled topic . Seems I cant correct it.