Reksa Andhika
Reksa Andhika's Achievements
-
Hi, actually just quick question, because this can be change my behavior in future on writing gsap code. In gsap context docs, mostly the docs only show use case for react, meanwhile, I'm using vue/nuxt 3. So I have a question especially on reverting the context, which one is the right one? Example 1: Example 2 (define ctx variable outside and call the revert onUnmounted): Or maybe there's a better way to code than these examples? Thank you.
-
Yup, this one is better, thank you! -
The function is working only when have one <p> @GreenSock when more than <p> it's duplicating line inside line, like: <div class="line"> <div class="line"> Text </div> </div> I remove this code, and it's working better, why do we need to this code anyway in your function? if (target.length > 1) { for (i = 0; i < target.length; i++) { split.lines = split.lines.concat(nestedLinesSplit(target[i], vars).lines); } }
-
Wow this is complex than I expected! That's why I have hard time figuring it out. Thanks for the explanation and solution, this really helped my problem.
-
Please help, I have read the docs, it's possible but it will make the tag duplicate to make the good breaking line, and that's okay for me because I don't have "id" on nested splittext, only <b> or <strong>, so duplicating this will be okay. I have tried all property existed but not working, also already trying adding <b> display: line-block; The result that I want: The result I got with splittext: Thank you.
-
Trying to help, maybe this help, instead adding 1 by 1 class, you can just adding same class to each footprint. https://codepen.io/reksaandhika/pen/VwdNGLg
-
Hey Jack @GreenSock I can confirm beta is solved the issue, but I'm only do simple test, like trying to reload browser continuously but it is have difference than previous release and it looks great!
-
Okay will test it and let you know about it. Well that also scare me to use lazy: false, because most of my website using PJAX, so the transition animation and entering page will affected and lagging (but maybe I can add delay on enter page to let gsap do the job first, but ofc fast load need to be sacrifice).
-
@GreenSock Sorry can't help to test the beta (because I have no idea to test it on ES6 project with import method). But I can confirm set lazy: false to my tweens make the issue solved, but I'm afraid about the performance for disable this to all my tweens. If you confident the beta solved this issue, please make it live ❤ I would happy to update my gsap version for my production ready project.
-
Hey, I think I have same issue, after I updating the GSAP >3.11.0 version, so currently I stay on GSAP 3.10.4 version to avoid random flash/glitch that ruins smooth experience animation
-
Pause timeline after current step animation is done
Reksa Andhika replied to Reksa Andhika's topic in GSAP
I see now, it's not good for flexibility and it can cause bloating code, thank you for your explanation! -
Pause timeline after current step animation is done
Reksa Andhika replied to Reksa Andhika's topic in GSAP
Hmm make sense, What I mean, when pauseWait() called, it's like regular pause, but waiting for next tween to complete then pause is trigger, it's like using Promise. Calculating by current duration, like first solution you did. After current tween complete / on next tween. or maybe the function name can be called timeline.pauseNext() ? Anyway second solution is more awesome, especially when I have dynamic duration each animation. -
Pause timeline after current step animation is done
Reksa Andhika replied to Reksa Andhika's topic in GSAP
Thank you @GreenSock Solution trickier than I thought! I hope there's function for this maybe called like timeline.pauseWait() -
Hi, Sorry can't help you specific, but you can find some source code on https://tympanus.net/ Animation and layout like your reference mostly can be found there, and they mostly using GSAP.
-
Hi, long time no ask in this forum, I hope forum still active helping people. So I have TextPlugin animation, and I want to start animation on hover, and pause on leave. Problem is, when I try to out hover, the text is paused immediately and make my text looks weird (not readable). Meanwhile I want to wait the tween/gsap to finish current step first (until text complete to composed), then do pause.
