tsjoober

Hey, I have stumbled into what seems to be a bug. In the demo I provided the button 'Play animation' plays an animation (timeline). The button 'Set animation' pauses the animation and sets it to a specific time (1.2s). The expected result is that the image is slightly shifted to the right, and rotated by about 130deg. But the rotation isn't applied at all! Please note: It may be necessary to reload the demo before using 'Set animation', as the styles may need to be reset. The issue seems to be that the two properties (rotation and translate) use the transition property, but gsap isn't able to calculate this, when setting the time directly. Regardless this issue is very weird, as the actual animation does work, but setting a specific time doesn't. Does anyone have help/info on this?

Hey, I'm wondering if there is a way to calculate the styles applied by a timeline deterministically, and in a clean way. E.g. I have a timeline with various tweens, I would like to get the styles at second 1. I'm aware I could simply set the progress to 0.1 (if the overall length is 10), create a dummy element, and then scrape the styles from that element, but that first of isn't clean + I don't know which styles were animated and which not, I could be scraping the wrong values. Is there any way to do this cleanly? PS: The desired function could have the following syntax: calcStyles(timeline: Timeline, time: number): { [key: string]: string } Thanks for your help!

Thanks for your help!

Hey, I really like gsap and have been using it alot, but I'm wondering if there is a way / library to perform standard animations. By standard animations I mean for example Fadein up, Fadeout down, spin etc. I'm aware that I can create those animations myself by using the css properties, but I'm still wondering if there is a canned way. Thanks for your help

Thanks for the answer ?.

Thanks for the quick reply. Like I said, in my case I happened to be using vuejs, and the value is set in a library I use. Is there some property like 'disableCaching' I could use to disable caching just for this one call, in order to get the initial value?

I started using gsap today. In my app I use it to animate shapes. The rotation of the shape can be changed by the user, and on button click gsap animates it. When I use gsap to animate the rotation, then set it via javascript (in my case vue does this), and then try to animate again, the second animation is instant, and I don't know why. Help is appreciated!