Search the Community
Showing results for tags 'repeatrefresh'.
Found 4 results
-
Wrap elements in a section with ease on each step consisting of y: element.height
Moonfleet posted a topic in GSAP
Hi. This is my first post here. I got stuck working on an animation with brief like this: Actually I have just problem with the wrapping. If I move box in y axis value of boxHeight and do repeat refresh it overrides modifiers: const sectionHeight = gsap.getProperty('section', 'height'); const boxSize = sectionHeight/elements.length; gsap.set('.box', {y: sectionHeight, x: 200, height: boxSize, width: boxSize}); gsap.to('.box', { repeatDelay: 1, y: '-=' + (boxSize), duration: 1, repeat: -1, ease: "none", repeatRefresh: true, modifiers: { x: gsap.utils.unitize(y => parseFloat(y) + (sectionHeight - boxSize)) } Can I do this with modifiers alone so that I got move theme above section and got stop/delay between each step of 'y: boxSize'. https://codepen.io/olivetum-the-sans/details/zYgNyjX -
I can't get random variables for each timeline repeat using repeatRefres
rmdev posted a topic in GSAP
Hi Guys, I'm trying to create some glitching text that is different on every repeat using an SVG filter and some basic transforms. I'm happy enough with how it looks but can't get the randomised skewX and Delay variables to refresh on repeat despite setting repeatRefresh to true on the timeline and using the gsap random functions or a custom function. I feel like I've set it up correctly but I must be doing something stupid and I can't spot it. Any help would be greatly appreciated! -
Hi, I am new to Greensock and I really love it so far! Today I was struggling with setting a random duration on a tween or timeline object. I created a helper function that returned a random value for the duration. In the tween properties I called the function on the duration property. However, the random value only was set once and the function was never called afterwards, although the animation was infinite by setting repeat: -1. I found the property repeatRefresh, but the docs say: What am I doing wrong and how can I set dynamic values for duration or delay for each new repetition of my animation? Thanks for some hints in advance!
-
repeatrefresh Timeline with repeatRefresh doesn't reevaluate functions in tweens
Costco posted a topic in GSAP
I'm trying to create a write on text animation that changes with each repeat of the timeline, but even though I have repeatRefresh set to true, (which should invalidate the tweens) it only repeats the same text over and over. I'm using a function in the "text" property of .vars that returns a random item from an array of strings. Am I missing something, and is it possible to achieve the effect I'm trying to with this method?
