Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

2 Newbie

About Andy1708

  • Rank

Recent Profile Visitors

1,338 profile views
  1. i also have this codepen exemple : have a look at the squigglingLineTween timeline https://codepen.io/YVNKAD/pen/VweYaRy
  2. If i understand, const targets = gsap.utils.toArray(".class") is the equivalent as const targets = Array.from(document.querySelectorAll(".class") it convert the result of querySelectorAll from a Nodelist into an Array Andy
  3. @jpeacock Just another question, can you show me how did you set the array with the ref on each image ? Thanks indeed
  4. jpeacock Can you show me how your ImagesLoaded Component looks like ? Thanks !!! Handy
  5. Hello, i create this pen with an update of the image sequence on scroll (71 images) it work fine on codepen but when i deploy to netlify, the update is no longer working. The update is very slow. i use gatsby. What am i doing wrong ? Does anybody know ? Thanks. here is a link of the deploy version : https://naturalzero.netlify.app/ and attach my .js file videosequence.js
  6. I have one question with this greensock's pen (link). why using "gsap.utils.toArray(".comparisonSection").forEach(section => {}...." if you have only one section ? it could perfectly work without and with the trigger set to : .comparisonSection thanks for your answer Andy
  7. Hello i would like to repat the doHeart function on every blinkEye So on the blinkEyeTween, i set onStart:doHeart, onRepeat: doHeart It work onStart but not onRepeat What am i doing wrong ? Thaks
  8. Sorry Zack, i thought i was lost in the flow… i try to set the video's current time inside the scrollTrigger but it doesn't work ! any idea ? Thanks Andy
  9. Hello, Can you tell me if it is the best way to play the animation with Scrolltriger, gsap and react. Is there another way to acheive this ? I have attached a codepen demo. Thanks in advanced
  10. Andy1708

    Timing animation

    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
  11. Yes that make sense for me. But it is possible to repeat 3 time a child timeline (octopusTween timeline) and repeat -1 the mainTL ? i have modified the codepen in this direction. Have a look. Yves
  12. 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
  13. Thanks for cloning and take time to rewrite and improve the code Jack. hope It will help some other people too !!! you're the best i will show you the whole animation when it's over… Yves
  14. 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 li