I’ve received quite a few requests to update my circular group94 style menu to AS3 (I’m not really sure why I’m still calling it a “Group94 menu”, but it’s a tribute to them that this style of scrolling navigation is often referred to as a “group94 menu” and not an “offset scrolling menu” or something of that nature).
Anyway, I have been thinking for some time that I should revisit this script and build a more complete version, where horizontal, vertical or circular are simply parameters for the menu, but for now, this is both an update and a massive enhancement of the AS2 G94 circular menu.
If you play with the demo, you’ll notice I’ve added some new features, such as the ability to easily change (at runtime of desired) aspects of the menu like the inner radius, item spacing, visible items and much more.
The other big enhancement is that the CircularMenu class actually overrides the addChild, addChildAt, setChildIndex, removeChild (etc) methods, so if you treat it as a regular DisplayObjectContainer and add children to it, these items will be treated as menu items and automatically scroll -cool! This also means that you can easily change an items index, or insert and remove items dynamically, all using the standard DisplayObjectContainer API. The benefit of this is that you can use any DisplayObject as a menu item; Bitmaps, Sprites and Movieclips, so there is no limit to what you can put into the menu – you can even mix it up and add custom classes or library items.
There are also some easy methods for scrolling the menu. For example:
// Will scroll the menu to item 4
myCircleMenu.currentIndex = 4;
// Similar to above, scrolls the menu to a given index
myCircleMenu.scrollToIndex( 10 );
// Scrolls the menu to any given child DisplayObject
myCircleMenu.scrollToItem( someDisplayObject );
// Scrolls the menu to the next available item
myCircleMenu.next();
// Scrolls the menu to the previous item
myCircleMenu.prev();
Additionally, there are getters and setters for the properties I mentioned earlier, such as innerRadius, itemSpacing, visibleItems etc, which will dynamically tween the menu to whatever you set one of these properties to.
Download: Group94 Style Circular MenuEnjoy!
message for nati who posted
Apr 9th 2009
5:06 am
can you show the script you used to get the dynamic text working as i can’t seem to gett it working, what did you do, am new to as3 so go easy : 0
many thanks
Hi,
Thank you for sharing.
I managed to add different words to the menu, I managed to get as many labels as I want… but I cannot do the simplest thing, I cannot link each menu item to a Movie clip in my project. I know it is stupid and probably you will laugh but I am a newbie to flash. Believe me I have tried everything I could imagine but nothing works out for me. Your help would be great.
Thank you,
Chirs.
Hi chris
I am a newbie to this myself but I have been working with the menu now for a couple of weeks, I am having trouble with changing the sizes of the menus/images and keeping them all the same size.
I have managed to get images loading, and also now put a tooltip all driven by XML. I have also took the UI out. not sure what you are trying to do but you can download the cs4 files I have been working with here, http://art.clubworldgroup.com/rotate_menu.zip
hope this helps, if you find away of changing the sizes of menu to make all the same size let me know.
p
Thank you,
I will try that.
c.
Hi, this is my first time with AS3 and I am so lost, I wanted to know how to do 2 things,
1. how to change the text on each link
2. how to make each link go to a certain html page
can anyone help me? i already tried, but i suck
how can i open it using the source code?
Hi there Soulwire! Congrats for the great job, keep it up!So i was trying to figure out
why when i scroll with the mouse wheel in the exported swf it behaves as it should behave
(that is, bringing up the next button when i scroll down once and bringing up the previous
one when i scroll up once) but when i open the swf with firefox it skips allways one button
(that is, bringing up the next-next button when i scroll down once and the pre-previous
button when i scroll up once). I would really appreciate your help here!Thank you in advance.
Btw the as2.0 version of g94 circular menu behaves properly. I can’t figure out why though..
Guys,
To use relative class paths in AS3, simply use ./ (dot forwardslash) at the start. I came across this testing with ../ to go back up a directory and it always worked. For some silly reason, Flash is begging for a dot at the beginning and then always works.
I am trying to make something similar in flex.
Do you know how I could do this?
thanks!
Hi soulwire,
i m grearful to u for such a nice creation. I m wondering if i can use this in FLEX so if u have any idea then tel me ASAP
hi soulwire!
I enjoyed very much your menu but I am very bad at as3.
so I ask you please to help me:
First, I want to make links, each button a different link, using both navigate to url and gotoandplay.
what code and where should I write it?
and second, I don’t need the controllers (radius, fade, etc), how can I remove it?
thank you very much!!