Search the Community
Showing results for tags 'react-hooks'.
Found 5 results
-
Hello again starting the mainFishTL on my project (see on the codepen). the mouthScaleTween (a scale of the mouth with a yoyo) , the moveFishTween ( a slight up and down movement) and the switchFishTween run after each other and not at the same time… what am i doing wrong ? Thanks for your answer Yves
-
I try the MotionPathPlugin to move the octopus along this path but it seems not to be perfectly synchronize every time in the loop animation. what am i doing wrong ? I put a white stroke to see the path. You can fork the codepen if you want and comment each animation on the mainTl (eyeTween, octopusTween, movePathTween) to see what's happened behind the scene. Thanks for your answer Yves
-
Hi there, i have create this anemone animation with GSAP 3 and morphSVG plugin (codepen URL). I would like to random the movement to make it more natural. I have created this function to create 4 random value between 0.1 and 0.4 : function onRepeat () { var random1 = gsap.utils.random(0.1, 0.4) var random2 = gsap.utils.random(0.1, 0.4) var random3 = gsap.utils.random(0.1, 0.4) var random4 = gsap.utils.random(0.1, 0.4) console.log( random1, random2, random3, random4) } and i would like to use them with my 'start' label in my timeline like this : 'start+={random1}'. How can i do that ? mabe there is another way to achieve that ? Thanks for your answer Yves
-
Hello! React + GSAP tutorials are pretty rare (imho), but I just stumbled on this channel. The videos are concise and the creator explains everything well. Hope this is helpful https://www.youtube.com/channel/UCqrxiLP9RHz2GxDJaZuTRBw/videos Blessings, Yeti
-
https://codesandbox.io/s/sad-maxwell-2b7vv?fontsize=14 Edit: For clarification, this needs to use React hooks. I have it transforming from = to x and vice versa, however, I had to hard code the reverse animation because I couldn't seem to get it to work by using the reverse or reveresed methods like shown below. if (isMenuOpen) timeline.play() else (timeline.reversed(true).play()
