Circle menu

This is another – pretty unconventional – navigation-system I made, but I figured at this point it makes more sense to share it than to let it gather dust in a folder somewhere.
The circle-segments are supposed to represent selection items. Everything is procedurally generated: the segments are drawn with an arc-drawing routine, and everything (colors, radii, gaps, arc thickness etc.) is customizable.

If you are good with the mouse, you can make a full 360 degree turn with each arc. This feature was actually the most non-trivial part to do: this thread helped a whole lot to make it happen.

Anyway, you can open it in a new window, you can download the ActionScript3 source by clicking HERE, or you can play with it right here:

4 Responses to Circle menu
  1. maes
    April 14, 2008 | 2:47 pm

    I’m fascinated with this one.
    Thanks for the source.

  2. rland
    March 31, 2009 | 11:54 pm

    este increible

  3. [...] Read tutorial [...]

  4. Paulo
    January 18, 2010 | 10:47 am

    really cool menu!! how can I add a click event to go to another page?

Leave a Reply

Headway Themes — The Drag & Drop WordPress Theme