The purpose of glyf: construct is to explore visual dynamics that are made accessible through code: scale, sequence, repetition, displacement, math based color sets, linear and angular motion, the variable of user input.

The aesthetic is built from the tension between repetition and flux. Here in the form of a convergence of fixed and open variables, it is an aesthetic which is also expressed more subtly and elegantly in nature.

All pieces with a few exceptions take input from the mouse position and button as indicated by the pulsing graphic.

Use of the Safari browser is not recommended.

built by:

Duncan Holby

duncan [dot] holby [at] gmail.com

design + coding services avaiable, visit:

1/08

ge(o)m4

ge(o)m4 manipulates an array of dots on the screen according to the periodic values of the sine, cosine and tangent functions. the combination of a single sine and cosine function mapped to the vertical and horizontal positions of the dots will produce a simple circle with the proper period. here, multiple functions are added together to acheive the complexity of the shapes seen. the x and y position of the mouse affects the period of two of the functions.

AS3 source:

AS3 source:

12/07

ge(o)m3

ge(o)m3 manipulates an array of dots on the screen according to the periodic values of the sine and cosine functions. the combination of a single sine and cosine function mapped to the vertical and horizontal positions of the dots will produce a simple circle with the proper period. here, multiple functions are added together to acheive the complexity of the shapes seen. the x and y position of the mouse affects the period of two of the functions.

AS3 source:

AS3 source:

11/07

garden

garden generates 'flowers' based on the distribution patterns of the succulent ornamental plant known as "hens and chicks" (image). placement is both random and determined. flowers do not overlap, and placement and size are calculated so that smaller flowers fill in the unoccupied space. version 1 and 2 take input from the x position of the mouse that adjusts the width of the 'pedals.'

AS3 source:

AS3 source:

8/07

phaSing2

phaSing2 constructs a grid of points and generates a second set of points which each orbit around each point on the
grid at varying rates dependent upon the order of their placement. The radius of each orbit is shifted according to the horizontal position of the
mouse. Lines or circles of different colors are drawn between the orbiting points based on the changing distances between them.

AS3 source:

AS3 source:

8/07

ge(o)m2

ge(o)m2 distributes a number of points at increasing distances from the center with orbits whose speed increases based on their distance from the center. Lines of different colors are drawn between the points based on the changing distances between them. In .v1, the speed of orbit is multiplied by the horizontal position of the mouse, and the distance of the points from the center changes with the vertical position.

AS3 source:

AS3 source:

7/07

ge(o)m distributes the midpoints of a number of Lines of equal length around the circumference of a circle. When activated, the lines are rotated at differing rates according to the order of their placement. Note: A bonus effect can be achieved with .v1 by maintaining a loose focus on the center of the structure for a number of minutes, then looking away at a distant object.

AS3 source:

AS3 source:

ge(o)m

7/07

phaSing

phaSing generates a number of circles of a limited range of random colors into a grid arrangement. Circles are stretched vertically and horizontally according to the position of the mouse. When activated, the circles are rotated at differing rates according to their placement in the grid.

AS3 source:

AS3 source: