[Circular pattern with tweenlite AS2]

do you think it's possible to make the start and end location dynamic? so
degree1=20
degree 2=300
 

[Circular pattern with tweenlite AS2]

Oh, make sure you are using the AS2 version of v12 available here:

http://www.greensock.com/?download=GSAP-AS2

 

 

You can test the current version you are using by adding 

trace(TweenLite.version)

to the actionscript on Frame 1.

 

That works great! I'm making the radius dynamic and controling the x and y by moving the container mc's x and y. It seems to work if i use 

 

{_x:0, _y:-radius}, {_x:radius*0.55, _y:-radius}, {_x:radius, _y:-radius*0.55} 
etc

Now I need to figure out how to make this for 5 more options, so that when you click on a menu option it goes to the top. Attached is what I'm trying to achieve, I hope you don't mind if I ask more questions soon! I really appreciate your help with this Carl!

[Circular pattern with tweenlite AS2]

 

You could use cubic Bezier data to create your own circular path.

 

Here is a little example:

import com.greensock.*;
import com.greensock.plugins.*;
TweenPlugin.activate([BezierPlugin]);
TweenMax.to(circleContainer.circle, 5, {bezier:{type:"cubic", values:[
  {_x:0, _y:-100}, {_x:55, _y:-100}, {_x:100, _y:-55}, {_x:100, _y:0},
  {_x:100, _y:55}, {_x:55, _y:100}, {_x:0, _y:100},
  {_x:-55, _y:100}, {_x:-100, _y:55}, {_x:-100, _y:0},
  {_x:-100, _y:-55}, {_x:-55, _y:-100}, {_x:0, _y:-100} 
]}, ease:Power1.easeInOut});

Don't worry I attached a CS5 Fla and SWF (place it in the same directory as your com folder and compile).

 

I got the bezier anchor and control point data from this tutorial here:

http://www.charlespetzold.com/blog/2012/12/Bezier-Circles-and-Bezier-Ellipses.html

 

Be sure to check out the BezierPlugin docs to learn more about how to feed anchor and control points to the plugin: http://api.greensock.com/js/com/greensock/plugins/BezierPlugin.html

 

 

 

 

Thanks so much for that Carl! Though for some reason it's not exporting on my end(the circle's static), I've got the tweenmax as2 library downloaded, it's not giving me any error messages to trouble shoot. Should I be running the AS3 version of the com folder?

[Circular pattern with tweenlite AS2]

Thanks Carl,
I supose I was looking for a way to code it in AS2 using the tweenlite engine for movement types where as the google results are for twenlite with AS3 or AS2 without tweenlite. I was more hoping i could apply the movement and keep the nice ease and delay timing effects that tweenlite's so great at without overcomplicating the code.
Thanks for the suggestion

[Circular pattern with tweenlite AS2]

Having some issues making a tween on a pattern. Is this doable with tweenlite on AS2? I saw docs in AS3, but I'm after an AS2 way of doing it. Specifically having several menu options in a circle pattern moving up the circle once clicked. Has anyone achieve d this in AS2?