Jump to content

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

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

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

Shrug ¯\_(ツ)_/¯

  • Content Count

  • Joined

  • Last visited

  • Days Won


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

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

Community Reputation

389 Leader

1 Follower

About Shrug ¯\_(ツ)_/¯

  • Rank
    Advanced Member

Recent Profile Visitors

2,146 profile views
  1. Hey @Lilibouh welcome to the GSAP forums. That's not really a GSAP question and instead related to Canvas in general, see the below link about strokeStyle. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeStyle That should assist you in declaring the color of your choice.
  2. You can also take a mathy and logic approach like @OSUblake did. 😉 https://codepen.io/osublake/pen/yJgaYY
  3. @chrisgannon did a nice one (as you describe inside a circle). https://codepen.io/chrisgannon/pen/xqwgPq
  4. It's impressive that both youself and Zach are so proactive to keep things moving forward, much better to catch up than lag behind. Thanks for all the great work!
  5. I guess I'm a bit puzzeled also even when trying the exact snippet from the docs. You also seem to be the first person to post anything on Codepen at least publicly or here on the forums. So congrats @PointC ... :--)
  6. Hi @simobari welcome to the GreenSock Forums. ScrollMagic is not a GreenSock product so its not really supported or recommended here (they have their own support system). Therefore you may or may not receive help with such related questions because of this on our forums. The GSAP related portion found on the page you referenced above can of course be done with GSAP 3. You can also find many examples and approaches of GSAP sprite animations by searching older posts about sprite sheets here at the forum. There was a recent thread with an example in this post of ScrollMagic + GSAP 3 + Image Sprite. You would need to of course adjust things based upon your image width and setup. If you need help converting anything from GSAP 2 to the current recommended GSAP 3 version, then have a look at the migration guide. https://greensock.com/3-migration/
  7. Here are some old (2013) posts that have a scroll snap of sorts, they may have some logic to review. https://greensock.com/forums/topic/8053-scrolltop-in-greensock/?do=findComment&comment=30899 https://greensock.com/forums/topic/7652-snap-by-scrollto-to-the-nearest-divpoint-superscrollama/?do=findComment&comment=29159
  8. As far as actual performance of the library? No there shouldn’t be why are you experiencing something? But in many cases you may experience performance differences from a code writing & maintenance standpoint. It can be much more efficient and effective to use timelines than a million different tween calls and corresponding logic. From that aspect its discussed in this older article which still applies to GSAP 3. https://css-tricks.com/writing-smarter-animation-code/
  9. As Zach stated you should be using GSAP 3 especially if you are new to using GreenSock. But if for whatever reason you are restricted to version 2 then here is an older post showing the same result.
  10. Have you taken time to look at their documentation? Neither Bodymovin or Lottie are GSAP products. 😉 https://airbnb.io/lottie/#/web This older video by @chrisgannon may give you some insights if you have not seen it yet also. https://www.youtube.com/watch?v=HeY9qGUT3zQ Chris is a wonderful example of what can be accomplished with GSAP and creative talent. So check out his codepen, youtube, etc., to see all kinds of wonderful creations with SVG and GSAP.
  11. Hi @ddi-web-team, welcome to the GreenSock forums! Thanks so much for being a Club GreenSock member helping to support us so we can provide all the great benefits of the GSAP tools for everyone! I’m also curious however why do you feel IntersectionObserver is not acceptable even with polyfills? As mentioned above its widely supported. Also keep in mind that ScrollMagic is not a GSAP product so we don’t really offer support here nor recommend it. So these types of related ScrollMagic questions may or may not be fulfilled here on our forums and generally users will be directed to use a more modern and simplified approach. 😉 Regarding IntersectionObserver here is a recent helpful article by one of our moderators, it might help you. https://medium.com/elegant-seagulls/parallax-and-scroll-triggered-animations-with-the-intersection-observer-api-and-gsap3-53b58c80b2fa
  12. Thanks for your detailed feedback also @PointC 😆
  13. Thanks for jumping in @OSUblake & @ZachSaucier. I've been curious on GSAP users thoughts and I agree SVG is still the way to go. But honestly I’ve been seeing more and more clip-path: polygon usage diversely across the web lately. ¯\_(ツ)_/¯
  14. @PointC nice one. This a bit of an aside question but do you also use clip-path: polygon (CSS) much? Without factoring in your love for SVG 😉, do you preferably and predominantly still stick with SVG clips and masks for compatibility ?
  15. Also @mikel and @PointC gave responses in your other thread for any other users wishing to follow along.