CreativeApplications.Net

4594 Coordy [Flash]

Coordy is a light Actionscript 3 layout framework which offers a simple way to organize DisplayObjects into various different 2d and 3d layouts. The layouts are light, powerful and virtual organizers that simply manage x/y/z coordinates of DisplayObjects – meaning your objects are not tightly bound to any specific layout.

Here is a little about how the framework works:

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

Layouts include:

2d Layouts

Ellipse – Distributes nodes in a simple ellipse
Flow – Attempts to fit all nodes within the bounds of the layout’s target
Grid – Distributes nodes in a basic 2d grid
HorizontalLine – Distributes nodes in a horizontal line
Lattice – Similar to a grid, but more flexible and feature-rich
Scatter – Distributes nodes randomly
Snapshot – Records the x,y coordinates of all nodes
Stack – Distributes nodes in an ordered stack
VerticalLine – Distributes nodes in a vertical line
Wave – Distributes nodes in a wave (i.e. sine, cosine, etc.)

3d Layouts

Ellipse3d – Distributes nodes in a 3d ellipse (good for carousels)
Grid3d – Distributes nodes in a 3d grid
Scatter3d – Distributes nodes randomly in all three axes
Snapshot3d – Records the x,y,z coordinates of all nodes
Spheroid3d – Distributes nodes in a spheroid
Stack3d – Distributes nodes in an ordered 3d stack
Wave3d – Distributes nodes in a 3d wave (i.e. sine, cosine, etc.)
WaveEllipse3d – Still in testing, does funky stuff

You can see few animated examples here and download the framework here.

Coordy has been created by P.J. Onori, UI, interactive  and generative art designer from San Francisco. He has worked as senior design technologist and created sites for method and is currently self employed running somerandomdude.com. You can find him / see work on Twitter, Tumblr, Flickr and Vimeo.

blog comments powered by Disqus

Personas [Flash] »

« Stay [iPhone, Games]

• Author: Filip

  Architect, Lecturer, New Media Technologist. Based in London and Berlin. MacBook Pro 15" + iPhone.

  
  URL: http://www.fvda.co.uk
  View all entries by Filip