Jump to content
GreenSock

tr309

Members
  • Posts

    3
  • Joined

  • Last visited

Posts posted by tr309

  1. Carl.. I was desperately searching for CirclePath2D and then realised it wasn't in the GSAP.js. I look forward to it.

     

    Here's what I've got so far using transformOrigin on my elements to position around the circle:

     

    http://jsfiddle.net/Lnr6s/9/

     

    The dragging functionality is a bit buggy i.e. it gets stuck sometimes so I may ditch the jquery.swipe and just use raw JS. This is very close to what I want although the performance on my mobile device is poor. Might be a jsFiddle problem I'm not sure. I'll run some further tests.

  2. Rodrigo.. so the 4 points specified with bezier define the circle and the type of bezier dictates the curve arc? That's very cool.

     

    It looks like I'd have to calculate the 4 bezier coordinates each time I wanted my items to move. Is there a way to use the bezier curve to step along the circle only a little bit? E.g. if the user drags the mouse to the right, the items on the circle should only move during the drag and then stop when the user stops dragging.

     

    Carl I like your approach too. The way I've got my anim working at the moment is without GSAP and I'm calculating the circle coords with Sin/Cos but the performance isn't great.

     

    Thanks guys. I'm going to investigate both methods today. I'll post some links when I've got this online.

×