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
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.
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.
Creating proximity through monochromatic colors.
Items that are similar tend to be grouped together.
Geometric shapes from the same source. Inspired from Sol LeWitt's work.
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.
Subtractive Color Model
CMYK interaction built RGB + Black.
Primary colors represented by a moving triangle in P5.js.
How motion leads to perceived similarity.
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.
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.
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.