Jump to content
Search Community

Dum

Members
  • Posts

    8
  • Joined

  • Last visited

Dum's Achievements

4

Reputation

  1. Really awesome, Jack. Your codepen demo does indeed appear to be the same demo code as Julian's, yet GSAP performs closer to my expectations of it then what I was seeing on Julian's site (I knew something had to be off). Now that you mention it, I never really realized how nice all the matrix transformations you do in gsap are. You're right that those are pretty huge if you ever get weird results animating those in a different library. Sadly, though, I can't offer my experience working with velocity in a production environment since jQuery is a forbidden taboo on my team.
  2. Have you guys checked this out? http://julian.com/research/velocity/ What do you think of the comparison test? I noticed that he was doing some stupid things like queueing up all the animations again for each count, and also claiming that GSAP doesn't 'play well with other libraries' (because he's using the jquery plugin instead of plain gsap). Surely, gsap would perform better if he was using Timelines, no?
  3. Ok so for those from google, the best solution I came up with is having multiple event listeners on ticker and remove them when necessary. TweenLite.ticker.addEventListener("tick", stage1.update, stage1); TweenLite.ticker.removeEventListener("tick", stage1.update); TweenLite.ticker.addEventListener("tick", stage2.update, stage2); TweenLite.ticker.removeEventListener("tick", stage2.update);
  4. I've got multiple stages running different animation sequences. For the most part there doesn't seem to be a performance hit for using onUpdate:updateStage(specificStage) when there is only a few tweens running at a time (this still is probably overdrawing though, right?) It's when I need to do a few hundred tweens concurrently that **** hits the fan with this method, so I looked into setting up TweenLite.ticker to handle the stage updates, but I don't want to update ALL of the stages if only one of them needs to be updated at a time. Are there any good solutions to this? Or will I have to set up some sort of boolean flags series for which stage to update in the tick function?
  5. Dum

    Draggable: Error on load

    Yep, that was it. Good catch. I'll leave this up for Googlers.
  6. On all browsers I'm getting a Uncaught TypeError: Cannot read property 'style' of null This is the culprit: v = function(t, e) { var s, r, n, a = t.style; Uncaught TypeError: Cannot read property 'style' of null if (void 0 === a[e]) { for (n = ["O", "Moz", "ms", "Ms", "Webkit"], r = 5, s = e.charAt(0).toUpperCase() + e.substr(1); --r > -1 && void 0 === a[n[r] + s]; ) ; if (0 > r) return ""; i = 3 === r ? "ms" : n[r], e = i + s } return e } It's all obfuscated so I'm not too sure what's going on here. Why that function is even running on load when no animations have run is beyond me. Still happens on an isolated page with this stack: <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ColorPropsPlugin.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/TextPlugin.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/utils/Draggable.min.js"></script> This may be an artifact of obfuscation? Was still happening on other versions of 1.10.x
  7. Awesome, Jack! You never fail to impress.
  8. Docs said ColorProps support 'almost any format'. Is HSL not one of them? Would be awesome if you could set a target color in hsl and have gsap tween to that in rgba() for you.
×
×
  • Create New...