Circles creating patterns on a simple grid.
Are there fifteen squares or one circle?
Black and white Stripes
Simple stripes. "Law of Figure and Ground".
Creates a rster of circles. one circle is "prägnant".
Decrease the size of a circle. Inspired by Sol LeWitt.
Creates circles within a range of the canvas.
Mountain view: Berchtesgaden - Nussdorf
A simple data visualization based on altitude profiles forms abstract mountain views.
Loading and displaying data
Network of Molecules
A network interconnected of molecules.
Many lines and the lack of lines forms a square.
Law of Clousure and Multistable Perception in a grid
This sample shows a dynamic grid, that changes the width and height of itself.
Law of Symetry and chance
This sample shows a static grid regular distances between the arcs.
Grid with growing weight of Lines.
Square with diagonal lines that interact with each other in one point.
Law of Symetry and Figured-Ground
This sample shows a static grid with horizontal lines. The lines on the top of the square are the longest. The lines on the bottom of the square are the shortest. They built together a triangle. In the middle of the square is another small triangle that built the same image that is built before.
Illusion of space through vanishing points.
Generate a line from the middle of one side of the convas to another. Similar to the sketch
Praegnanz by Varying Edges
This creates random Prägnanzen between ellipses by varying the strength of their edges.
Similarity by Hue and Size
This creates random similarities between ellipses by varying their size and color.
Random lines with different grey scale colors built a landscape.
Random crackling circles with similar color ranges.
Generate random circles with one simple loop. Break at the width of the canvas.
Proximity through distance
This creates random proximities between ellipses.
John Venn's Randomness
This sketch shows the visual representation of randomness by John Venn
Creation of differently sized and colored circles that shrink with each loop
Noise vs Random
Shows the difference between noise and random values.
Different size of Circles and their interaction show Space and Volume.
Arcs in random position built a irregular grid.
Casualty lines creating the effect of an infinite tunnel.
Creating proximity through monochromatic colors.
change light strobe, reminding of a disco light.
Items that are similar tend to be grouped together.
Geometric shapes from the same source. Inspired from Sol LeWitt's work.
Mouse higlights individual parts of elements created by gaussian noise
Law of Contrast and Similarity with symmetry
This sample shows a strong contrast between the drawn rectangles. The combination of the color black and white let them look in their composition hard and strong. One reason for the visual perception is that both colors are opposite to each other in the color theory.
Stripes changing color gradient after every row. Colors range form orange to blue.
Subtractive Color Model
CMYK interaction built RGB + Black.
Primary colors represented by a moving triangle in P5.js.
Green lines flashing at the screen making it seem like one is travelling at high speed through space.
Light over an array of cones.
Particles move in the motion of cloth in a wind breeze
Motion Without Motion
This is an experiment on how to create motion without using moving elements.
Connected balls attracted by the mouse and a kind of gravity
Balls that change color and size fill the entire area of the frame.
Common Fate Planets
In this example you see some planets moving around. Two of them belong together. We make a connection between them because they move the same speed and into the same direction. Our brain immediately sees them as an integrated whole.
How motion leads to perceived similarity.
Elements of same speed towards the same direction are seen as a group.
The figure suggests that there is a ball which moves in front of two lines. One end of each line and the ball are connected to the position of the mouse. mouuse
Every frame a circle is drawn with a new position. It is always connected to the center of the picture and moves in form of a spiral. The law of regularity means that if neighboring objects repeat in patterns, the human eye will recognize them as groups.
Heavily parameterized splash image creation. Uses a font that has to be installed on the users machine.
Come closer. Can you still spot the character?
A simple stick figure - heavily parameterized.
Close the Triangle
Because our eyes always try to see shapes, we can see a shape without it being fully closed. In this example a corner is missing. Can you still see the triangle?
An Obvious Circle
An example for the appearance of shapes through additional forms that are not actually closed, but support the impression of a closed form in between them.
This sample shows a cross with a square in the middle.
Inspired by Sol LeWitts Wall Drawing No.154
Six lines, three triangles or one square?
Lines for Space
An example for the creation of space and forms between lines through their length and the angles in between.
Check whether the mouse is inside of an element. If so, change the color.
Drawing with Particles
This example shows different interaction types. Keycodes and mouse movement. Text on screen and also global color creation.