Mockups and Prototypes

Example of the data visualisations.

http://sprettynice.com/baimp/major/block.swf — dynamically placing image assets along linear paths to fill a canvas. Random selection of asset, random size and rotation. Partial random placement within set limits.

http://sprettynice.com/baimp/major/lines.swf — Green node moves randomly within set parameters accoring to equation. The smaller the number at the bottom the more tightly grouped the generations are. The larger the number the more random and spread out they become. The grey nodes follow the green node in a random orbiting motion.

I want to combine the dynamic asset placement with the path of these randomly moving nodes. In the above example the nodes move very jerkily, which is due to the equation currently used. It will become much smoother in the final version.

Drag the green node yourself for a better example:

http://sprettynice.com/baimp/major/orbit.swf


About this entry