coordy is a Flash layout toolkit that allows you to easily organize items in various layout patterns.

Select an example…

How it works

Coordy is a light Actionscript 3 layout framework which offers a simple way to organize objects into various different 2d and 3d layouts. The layouts are light, powerful and virtual organizers that simply manage x/y/z coordinates of objects – meaning your objects are not tightly bound to any specific layout. As of version 0.9.9, coordy plays very nicely with just about any Flash 3d engine, including Papervision3d, Away3D and FIVe3D.

The basic explanation of how coordy works is once an object is added to a layout, a node instance is created which points to the object. The node is the link between the layout and object. The node contains all the coordinate information for that object, so that even if an object is moved, the coordinate information for it persists due to its corresponding node. This is why an object can belong to an infinite amount of layouts, because the layout merely handles its created node objects which, in turn, have a link to objects.

Layouts are merely abstract organizers, they do not need to be added/removed from the stage. Nonetheless, they have tweenable properties such as x, y, z, width, height, depth etc. When a display property such as width is altered, the layout adjusts all the cells and the nodes’s links to fit in the layout’s new dimension. This allows you to “tween” a layout even though it does not truly exist on the stage.

Documentation

If you need more than just examples, the coordy library comes with documentation. Documentation comes with the downloadable version, or you can browse through the online documentation.

Other projects

  • Cue

    Cue is a public domain gestural icon system which focuses on legibility and symbolic representation.

  • Iconic

    Iconic is a minimal set of icons consisting of 84 marks in raster and vector formats — free for public use.

  • Sanscons

    Sanscons is a CSS-friendly version of Bitcons — allowing you to set custom backgrounds on your icons.