Jump to content
GreenSock

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

eatmangos

ShockinglyGreen
  • Content Count

    8
  • Joined

  • Last visited

Community Reputation

0 Newbie

About eatmangos

  • Rank
    Newbie

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. How do I use the mouse position to change different animation values such as in this website: https://www.wecargo.be/ The background is always doing something where the mouse is. Also they have a cool page peel animation that happens in the bottom. How do you do that sort of stuff with reach, javascript, and greensock?
  2. My goal is to fix buggy performance when iterating a large array using React refs and Gsap tweens. Is it possible to remove DOM nodes when they leave the view port as a user scrolls, maybe in combination with React Intersection Observer? For example.. useEffect(() => { TweenMax.to(hoverRef.current, .2, { opacity: hovered ? 1 : 0 }) TweenMax.to(imageRef.current, .5, { scale: hovered ? .5 : 1, opacity: hovered ? .9 : 1, ease: Back.easeOut, y: hovered ? '-12px' : '0px', }) TweenMax.to(imageRef.current, .2, { delay: .1, y: hovered ? '-12px' : '0px', }) !props.fromExplore ? (TweenMax.to(utencilRef1.current, .5, { x: hovered ? 0 : 20, rotation: hovered ? 0 : 20, ease: Back.easeOut }) && TweenMax.to(utencilRef2.current, .5, { x: hovered ? 0 : -20, rotation: hovered ? 0 : -20, ease: Back.easeOut })) : TweenMax.to("#nothing-999", 1, { opacity: 0 }) }, [hovered]) VS useEffect(() => { ... return function cleanup(){}; }, [hovered]) const [trackingRef, inView, entry] = useInView({ threshold: 0, })
  3. Yup this makes sense, thank you! Look forward to the update
  4. Yes I have gone through that video and page, i cant see anything about setting to position on the path? It always starts at the beginning.. Maybe I could rotate the svg path itself..
  5. Its easy to set up an animation to trace a path using the plugin, but how can i change the starting position and direction it rotates?.. Lets say my path i am tracing is a circle, how could i align an item to start at the top of the circle, vs start at the bottom of the circle. Then spin CW, vs CCW?
  6. <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/findShapeIndex.js'></script> // in index.html // in component const findShapeIndex = window.findShapeIndex findShapeIndex("#shape1", "#shape2")
  7. thanks, sorry i am new to all of this... how do i import from that?
  8. I am a club green sock member so i use the bonus NPM files for all my GSAP imports using es6 methods.. Where do i get findShapeIndex?
×