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

519 Leader

1 Follower

About Shrug ¯\_(ツ)_/¯

  • Rank
    Advanced Member

Recent Profile Visitors

2,521 profile views
  1. Congrats PointC, it looks really nice and will be a wonderful resource. Nice job! Good luck on CSSTricks buying you out when CSS still won’t be able to do all that GSAP can do by the year 3052. But in the meantime you may wish to decrease the timeScale() on that finger spinning laptop, its set so high it almost appears stationary. 😜
  2. Are you speaking of size or volume? If volume then that seems like it would be an excessive amount of elements regarding SVG and performance, Canvas, Pixi, WebGL, etc., would be better options when hitting those volumes. There was a similar thread regarding SVG Performance a while back regarding trees, leaves.
  3. Not all of them require investment most are open source.
  4. I may be completely wrong (someone correct me) but does Barba.js work correctly in regular Codepens I can't recall seeing it? Try instead using a Codepen Project that will work better for this sort of thing. I believe that is the issue you are encountering and nothing related to GSAP itself.
  5. You might find something useful in this older thread. I mentioned some 3rd party libraries in this post that might be useful to you for this sort of thing.
  6. Nice one @OSUblake, its reminiscent of stuff Bit-101 did back in Flash many years ago, he had lots of cool tentacle related stuff.
  7. One simple approach would be to set a seperate x & y speed in the example above from Zach. Then play around with each speed number until you get the desired effect. If that does not suffice then you would need to come up with further logic if required. var speedX = 0.1; var speedY = 0.3; // pos.x += (mouse.x - pos.x) * speedX; pos.y += (mouse.y - pos.y) * speedY;
  8. @OSUblake I think your Line Trails example might be an even better representation of a continuous line. GSAP 2 https://codepen.io/osublake/pen/mEpado GSAP 3 (discussed here) https://codepen.io/GreenSock/pen/wvBjdWP
  9. Yes they can be fine and also quite lucrative but may also pose issues when the other two are present. 😊 😟
  10. Absolutely you can make a living with creativity, GSAP and various libraries, etc. Build your portfolio to showcase the types of works you wish to do and get hired for. Remember there is no absolute in development as things are always progressing. So strive to learn perpetually, always remain overly curious to try new things, don’t be afraid to fail and learn from your mistakes. Its fine to learn and be inspired by others but strive to find your own uniqueness. Remain inspired and have fun on your journey. A few side notes: - Build your brand across the web, don’t be a recluse - Plan for global pandemics / downsizing - Avoid non-disclose contracts like the plague
  11. Sorry I only looked at your last post and interpreted it relative to that thread. I’ll let Zach carry forth.
  12. Have a look at this thread I think it may help. https://greensock.com/forums/topic/19947-custom-cursor-movement-disappears-on-scroll/?do=findComment&comment=104963
  13. Nicely done @ZachSaucier, the "Most code is linked to the appropriate page in the Docs" is an excellent idea.
  14. In addition to Zach’s suggestion it sounds like it may be related more to the slider itself. As you might need to tap into that sliders API and trigger GSAP accordingly with their provided callbacks, etc. https://www.themepunch.com/revsliderjquery-doc/api-methods-events/