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!
Besides saving me a lot of time with your “regular” Group94 menu, today I used your circular version for an improvised little Twitter demo, once again, easy to use, and especially easy to adapt :D Thanks!!
Hello, I just found your navigation and it’s very graphical. Is it possible to add submenus, 1 or 2 levels ?
Bye, MC
Great website! i’m a flash noob here. i’m taking As3 class and i have a project due next week. i think i’m going to use this menu for my project.. i played around with the demo and i can’t seem to figure out how to add menu names instead of item1, item2 and etc.. please help me out! i’m a very slow learner, and it would take days for me to figure it out.. thanks in advance!
teşekkürler
Bir şey değil! ;)
Hey J,
Im on nights and thought I would google you to see what you were working on! I have been a little blown away, its all too much for my little brain to take it but it is awesome! Especially love your Iching stuff, but you already knew that!
Hope youre well, keep up the good work
Mucho loves as always kx
Hi there
I have just downloaded the AS3 demo of the G94 menu but when I publish it to view from fla the ‘Menu Settings’ on the right continue to flash and the circular menu is not there.
what am I doing wrong, I am new to this so please go easy, can some explain why the menu does not show, aaaarrgggghhh! : (
many thanks
Hi Soulwire
I am having problems viewing the swf when published. I have noticed that if I try and make any changes with the as files and then go to publish the movie the menu does not appear. if I then close down the open files including fla then reopen up and then publish, the menu appears?
any thoughts?
many thanks
sorry soulwire, I see the note above about the same issues michael
thanks for that
Hi there
can anyone help me with attaching an xml file that replaces the ‘items’ with different images and also attach a brief discription/text to either the left of the Image. AM new to AS3 so any help would be great.
many thanks
Hi soulwire
I’m really banging my head against the wall trying to understand how to attach thumb nail images to the menu, I am trying to follow the messages you left with Aurel but I don’t understand where that script goes, does it go on one of the actionscript files; main.as or circle.as or is it a new .as file I need to create?
would you beable to post an example for this newbie as I am really confused : (
anyone else who has attached images to this menu would they also explan how they did
help, aarrrgghhhHHH!!!!
many thanks
Hi soulwire,
I´m really interested in your menu, and I´m working all week in it, but I have a problem:
When the menu load de current index, it’s display a external .swf from one array that display each one of the sections in the stage, the problem is that I Can´t remove the old section from de stage, I´m trying whit the script you post to Alejandro but it doesn’t work.
will be extremely grateful for this help