GreenSock last won the day on March 1

GreenSock had the most liked content!

GreenSock

Administrators
  • Content Count

    12,708
  • Joined

  • Last visited

  • Days Won

    381

GreenSock last won the day on March 1

GreenSock had the most liked content!

Community Reputation

7,335 Superhero

About GreenSock

  • Rank
    Administrator

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Chicago Area
  • Interests
    Volleyball, Basketball, Christian Apologetics, Motorcycling

Recent Profile Visitors

47,143 profile views
  1. GreenSock

    Possible bug with reversed timeline, only with v2.1.2?

    Thanks for reporting this. I apologize for the hassle. I'm traveling at the moment but I'll look into it as soon as I return and get back to you. Thanks for your patience.
  2. GreenSock

    CSSPlugin Error on Class Change to HTML Element

    Sorry about the hassle you faced with the 2.1.x update. I'm sure it sucked to burn the better part of a day chasing that down. Ugh. I had no idea about the root HTML effect, but thanks for letting us know. It's not something we've added to the docs or anything - we've said it quite a bit in the forums but we're also not trying to actively scare people about. Honestly, in the vast majority of cases nobody is gonna notice a performance difference. If it helps your workflow, feel free to keep doing it. I'm just a performance nut and className animations bug me (personally). Perhaps I'm making too big a deal of it Anyway, thanks again for the input and sorry about the hassle.
  3. GreenSock

    CSSPlugin Error on Class Change to HTML Element

    Thanks for reporting this. I'm traveling at the moment, but I'll look into this as soon as I return. I'm curious - are you saying this is only a problem for animations that target the root "html" node and are class tweens? I've actually never heard of anyone even attempting that, so I'm also curious what your use case is. For the record, we generally recommend avoiding class tweens if possible because they require ripping through all the properties and doing a comparison (before & after), isolating the changed properties, and going from there. They also can be confusing for developers because the actual values are stored in a completely different place (in the CSS), making it cumbersome. It's certainly not "wrong" or anything - I'm just saying that typically we recommend avoiding those if at all possible. Perhaps you could share a practical use case that sheds light on what's going on and why it'd be important to accommodate class-based tweens on the root HTML element. Thanks!
  4. GreenSock

    Issue with building my site - ThrowPropsPlugin.js

    Hm, could you explain how exactly we'd make that "SSG-friendly"? I'm certainly open to suggestions. Also, is it not possible to use the ES Module flavor of the GSAP files?
  5. GreenSock

    Smooth scroll for large image(i tried the tricks)

    I'm curious why you're seeing jank when none of us are seeing it, but I'd definitely recommend using transforms (x) because you'll get sub-pixel rendering and better performance. Animating left forces it to snap to whole pixels (that's a browser thing, not GSAP). Here are a few other things to try: Just set() the rotation and/or z initially - there's no reason to tween those over 14 seconds. Waste of CPU cycles (though honestly I can't imagine that anyone would actually notice a performance difference) I wonder if you're on a Mac and you're looking at Chrome because that browser has a but that affects 3D transforms, so you could just set CSSPlugin.defaultForce3D = false to see if that helps at all. I kinda doubt it will, but it's worth a shot. What browser and platform are you looking at this in?
  6. GreenSock

    Custom Ease vs Bezier vs Bigger Timeline Performance Question

    Nice job, @elegantseagulls! Thanks for sharing. Keep up the good work.
  7. GreenSock

    Yoyo/repeat + Vue getting tree shaken?

    Nah, no need. It's fine, but thanks for asking! Happy tweening!
  8. GreenSock

    1 FPS with DrawSVG on Chrome + Mobile (FF works!?)

    I have also heard that <use> can be very slow for certain browsers to render. It looks like you're nesting <svg> elements and animating "x" and "y" attributes and using <use>, all of which are pretty bad for performance. I'd recommend animating transforms on those hearts, and avoid nesting them inside the <svg>. Instead, wrap each one in a <div> and animate the transforms of that so that the browser can GPU-accelerate the effect (most browsers cannot GPU-accelerate SVG sub-elements).
  9. GreenSock

    Yoyo/repeat + Vue getting tree shaken?

    Repeating/yoyoing are part of the "Max" stuff. You could try importing all those classes from "gsap/TweenMax" instead of "gsap/all" because TweenMax includes TimelineLite, TimelineMax, TweenLite, CSSPlugin, and several other tools. But depending on your bundler, that may not really help. Glad you got it working!
  10. GreenSock

    Yoyo/repeat + Vue getting tree shaken?

    Hm, try importing (and protecting) TweenMax: // import libraries import { TweenMax, TimelineMax, Bounce, Back, BezierPlugin, CSSPlugin } from 'gsap/all' // create a timeline const tl = new TimeLineMax({ paused: true }) // add a pulsing glow (uses a custom CSS variable) tl.to('div', 1, { '--some-var': '20px', repeat: -1, yoyo: true }) // fire it up! tl.resume() // eslint-disable-next-line no-unused-vars const dontTreeShakeBezierAndCSS = [TweenMax, BezierPlugin, CSSPlugin] Does that resolve things?
  11. GreenSock

    jQuery UI Resizable with GSAP Draggable

    Yep, I figured as much and I sure appreciate it!
  12. GreenSock

    GSAP expert available for freelance

    I can personally vouch for @creativeocean, as I have worked with him in the past. Very creative, personable, and passionate about what he does. And yeah, he has been using GSAP for a looong time
  13. GreenSock

    jQuery UI Resizable with GSAP Draggable

    Just for the record, we did switch to dragClickables being true by default in 2.1.0, but there was a regression that prevented that value from being set/read properly until 2.1.2, so please make sure you're using the latest version. Also, you said "it's my understanding that Draggable ignores anything with the attribute of 'data-clickable'" but I just want to clarify that the value matters. In other words, it's not just having that attribute that matters - it's that it's set to "true" or "false".
  14. GreenSock

    morphSVG

    It sounds like you just forgot to load MorphSVGPlugin.
  15. GreenSock

    Strange vertical lines between boxes on first play

    Yep, that's the calculation I typically use (I assume you got it from GreenSock source code), but beware that it's not a true rounding - it's more of a "chop off everything after a certain decimal value". For the vast majority of cases, it doesn't matter. Glad to hear you got everything figured out.