Jump to content

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


  • Content Count

  • Joined

  • Last visited

Everything posted by akbr

  1. You guys rock. Lightbulbs going off over here! I didn't appreciate that TweenMax would sense and use getter/setter functions. That solves a ton. In light of that, I'll probably hold off on layer-specific timelines for the moment, but I'm inspired by the concision. I'll make a point to swap out Scroller for the ThrowPropsPlugin soon, if only so I have an excuse to join the Club. Thanks again.
  2. Thanks, Carl -- that's helpful. I expect that a quick loop through the active tweens (to build a "layer redraw list") is the easiest approach at this juncture. (Though I've bookmarked the KineticJS plug-in for future reference!)
  3. First off, I'm a big fan of GSAP. Great work! I have a question about "grouping" transitory tweens. I'm developing a Google Maps-like experience using multiple canvas elements. I'm using TweenMax to periodically change the state of sprites on the screen. My abstractions are similar to those of KineticJS: a "Map" class owns "Layer" classes (which have associated canvas elements) which own "Sprite" classes. The top-level Map class uses the TweenMax ticker, triggering redraws of child Layers when necessary. One condition for triggering redraws is the presence of active tweens.
  4. Thanks for the response. It's probably true that complex SVG animation is a small niche served primarily by Raphael at present. That said, in case it's helpful to someone down the road, here's a link to my hackjob of your RaphaelPlugin: https://github.com/akbr/GSAPSvgPlugin/blob/master/SvgPlugin.js My changes were trivial; mostly swapping out Raphael-specific matrix fetches and BBox calls with the native SVG versions. I used D3 as a selector here, but it could just as easily be jQuery or the DOM API. LocalPivot is broken because I have been too lazy to create or identify a repl
  5. First of all, I'm long time fan. Greensock is great! I've been using GSAP in one of my projects as a unified platform for animating both SVG and HTML. Up until recently, I'd been using Raphael as my SVG library. GSAP's RaphaelPlugin was a nice abstraction from the messy matrix math underlying transitions between transform states. I got spoiled using scaleX, scaleY, tx, ty, localPivot, etc. Recently, I switched fron Raphael to D3, both for the data-driven functionality but also for more direct access/control over my SVG elements. (D3 focuses on transformation of SVG, whereas Raphael in