Jump to content
GreenSock

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

Shrug ¯\_(ツ)_/¯ last won the day on March 23

Shrug ¯\_(ツ)_/¯ had the most liked content!

Shrug ¯\_(ツ)_/¯

Moderators
  • Content Count

    266
  • Joined

  • Last visited

  • Days Won

    4

Shrug ¯\_(ツ)_/¯ last won the day on March 23

Shrug ¯\_(ツ)_/¯ had the most liked content!

Community Reputation

788 Leader

1 Follower

About Shrug ¯\_(ツ)_/¯

  • Rank
    Advanced Member

Recent Profile Visitors

3,533 profile views
  1. Welcome to the forum. Have a look at the examples in this post. There you will find examples using a single class and batch with scrub or using a loop with scrub.
  2. Hi @scavaliere, Based upon your “what I need” picture you should be able to utilize this example as a starting concept. You can take time to modify it to work vertically and also regarding whatever your own personal requirements are. In general it seems the concepts you require are present in that example. I think that should really help you conceptually, good luck with your project.
  3. Yep this file 1182084.js starting at line about 13363. It’s a very point-y button. 😁 Though the effect is not nearly as dynamic (unique) as it first appears. It’s in essence just performing a wave of points going right or left based upon mouse location. Instead of being fully dynamic like the canvas example above. A poor man's approach might be to use the classic SVG filter gooey effect to help get results using a key object moving right/left without having to manipulate individual points. Though given it’s not as dynamic as it first appears you m
  4. You could maybe update this older example by @Cassie to GSAP 3 as a possible starting point to work from. 😉 https://codepen.io/cassie-codes/pen/bzXLOr
  5. I remember these two canvas based examples not GSAP specific. But each impressive none the less yielding similar result. https://codepen.io/waaark/pen/VbgwEM https://codepen.io/Zaku/pen/JNxKKY
  6. There are certainly differences between the two approaches. @GreenSock mentioned some in another thread when he created that helper function. He may eventually stop by this thread and comment also. 😉
  7. Funny enough back in 2017 when they released the Puppet Warp tool for Illustrator they demoed it with a doggie. 🐶 I think Photoshop had the Puppet Warp feature long before CC (CS5 maybe?). Which I recall you can use it with vector items once they are turned into smart objects. That Illustrator Puppet Warp in CC almost makes that app intriguing, almost. 🙃
  8. @mkahraman , You can try this 500 count example by @GreenSock in the following thread. To help you determine if it's an issue with your Win10 & ChromeBook, SVG, React. I would be surprised if it's related to GSAP itself.
  9. The below codepen example from the ScrollTrigger Demos should help you based upon your description. https://codepen.io/GreenSock/pen/BaowPwo If not, you can find many other pinning examples and discussions throughout the forum.
  10. I must literally live under a rock, because today is the first I have heard of this NFT, down the rabbit hole I go.
  11. Oh goToAndStop is actually from Lottie, wow blast from past seeing that. Pretty soon you will need to start lazy loading entries on that page. 😍 "Lottie" users will love this for "scroll animations". Awesome job as always with the GSAP-ification / optimization @GreenSock !
  12. 😂 Oh I see now what you're saying. I would really suggest not doing that and instead use the usage that he provides for ScrollLottie. But I think @GreenSock nailed it with his last response above. 😉
  13. I don’t know much about @chrisgannon's ScrollLottie other than it's pretty neat. But based upon his usage example your code seems overly complicated? https://codepen.io/chrisgannon/pen/oNbjQpw anim.goToAndStop Is that from Adobe Animate? I have not seen much goToAndStop sicne the Flash days. 😄
  14. Congrats regarding your learning of GSAP, etc., You can just use standard Javascript matchMedia with GSAP. There are many older examples and other things regarding resize events, etc., that can be found throughout forum. Though looking at those horizontal buttons you may not be able to just size such a configuration for mobile. Instead you will probably need to come up with a different configuration for mobile if you hope to keep the same look and feel. Like a stacked two across approach for usability on mobile.
×