Generative Design Experiments

Please try out my generative / parametric design series by clicking on one of the tiles below. Please note that you can navigate to the next/last seed with the arrow keys the mouse wheel or by clicking the left / right half of the window. You can also type the seed number with the numeric keys.

Those are generative series, i.e. the output is based on a parameterized algorithm. The parameters for each generation are determined by a pseudo random number generator, initialized with a known seed. As the pseudo random number generator will reproduce the same sequence of random numbers for any given seed, the generative algorithm will reproduce the same visual result for any given seed as well. Thus each generation is reproducible and the possibilities of variation through parametrization are well observable by clicking through the series.

Modular Machines: those are machines combined from different parts in a modular way. Some modules are recursively invoking other modules.

Unstable Particles: The Particles on screen are pushed around by different modifiers. The configuration of those modifiers is determined by the pseudo random number gernerated based on the initial seed. Depending on this configuration and the (often contrarily operating) forces applied to them, some particles might find a stable position sooner or later ot not at all.

Modulo Shard: A line, going from point to point in a simple grid with the help of the modulus, i.e. the rest of a division. Still always parametrized and controlled with the help of the pseudo random numbers based on the seed.

Siner: The sum of a number of animated sinus / cosinus based calculations.

The experiments have been created for the HTML5 canvas element. I wrote them in C#, translated to JavaScript by the fantastic H5 (https://github.com/theolivenbaum/h5) based on the equally awesome (but unfortunately discontinued) Bridge.NET

Impressum