# Processing

### Boxen

processing, repeat, chance, Law of Similarity

Generate a box with something on its corners.

### Small Multiples

processing, repeat, chance, Law of Connected Elements, Law of Similarity

Generate multiple elements based on the same rules.

### Basil.js Logo

processing, Basil.js, repeat, chance, Law of Closure

Okay. I know totaly wired to have the Basil.js logo made in Processing. The right tool for the right job. Processing handles the creation of animations way better then Basil.js does

### Diagonal Grid

processing, grid, repeat

A simple diagonal grid pattern

### Vision

processing, grid, repeat

A optical problem. Take some distance from the image and try to spot all the circles.

### Groups

processing, grid, Law of Similarity, repeat, chance

The law of similarity on action. Elements that are similar in size or shape are seen as a group. Uses nested loops

### Random Circles

processing, chance, repeat

Generate random circles with one simple loop. Break at the width of the canvas.

### Noise

processing, chance, repeat, noise

Noise. Way more natural then random.

### Space Through Color In Gray

processing, color, library, color-model

Different colors create different perceptions of depth. Depending on the ground they stand on.

### Color Wheel

processing, color, ui, interact, library, HSB, color-model

A color wheel for demonstrating the usage of HSB colors

### lilli

processing, color, repeat

In this sketch the line changes the direction when it hits onto a white suface.

### Space Through Color

processing, color, library, HEX, color-model

Different colors create different perceptions of depth. Warm colors are near cold colors are far.

### Color Thief

processing, color, library, java

Using the color thief library we can extract dominant colors from an image.

### Connected Nodes

processing, color, ui, interact, library, motion, chance, class, repeat, Law of Connected Elements

Connect nodes by distance. A rather complex sketch that makes use of several techniques. Similar to Connect and Distance

### Circular Scanner

processing, motion, chance, class, repeat, Law of Common Fate

Visualizes the "Law of Common Fate". Elements with the same directional motion and/or same speed are seen as a group.

### Common Fate

processing, motion, chance, class, repeat, Law of Common Fate

Visualizes the "Law of Common Fate". Elements with the same directional motion and/or same speed are seen as a group.

### Space Through Light and Shadow Text

processing, typography, 3D, Law of Space

A spacial object gets spacial by its shadows.

### Half Gestalt

processing, typography, Law of Closure

Shows the usage of text in Processing and demonstrates the Law Of Closure

### continuity

processing, 2D, Law of Continuity, form

The "Law of Continuity". We tend to see the obvious form. In this example we see two lines crossing. Not 2 lines bouncing of one another.

processing, 2D, form, Law of Similarity, repeat, chance, Law of Prägnanz, Law of Proximity

Topolade is a sketch created by Jonas Köpfer in the seminar Eingabe/Ausgabe.

### Similarity

processing, 2D, form, Law of Similarity, repeat

A classic example for the "Law of Similarity".

### Proximity

processing, 2D, form, Law of Proximity, repeat

A classic example for the "Law of Proximity".

### Rotate Rect

processing, 2D, form, Law of Figure and Ground

A figure always stands on a ground.

processing, form, Law of Closure, Law of Prägnanz, todo

Even though there is a skewed rectangle in the we see the triangles. They are more prägnant.

### arcs

processing, 2D, Law of Closure, form

The "Law of closure". > The law of closure states that individuals perceive objects such as shapes, letters, pictures, etc., as being whole when they are not complete. Specifically, when parts of a whole picture are missing, our perception fills in the visual gap. > [wikipedia](https://en.wikipedia.org/wiki/Gestalt_psychology#Pr.C3.A4gnanz)

### Gestaltwechsel

processing, 2D, form, Law of Gestaltwechsel

The "Law of Gestaltwechsel". We can see this form in two different ways. Either coming toward us or moving away from us.

### conciseness

processing, 2D, Law of Prägnanz, form

The "Law of Prägnanz". Elements that are simple and are more lickly to recognized then complex ones.

### Kanizsa's Triangle

processing, 2D, Kanizsa's Triangle, form, Law of Closure

A classic example for the "Law of Closure".

### Space Through Overlapping Line

processing, form, Law of Space

if elements overlap the create depth.

### Space Through Foreshortening

processing, form, Law of Space

If a elements get foreshortend the feeling of depth is created

### Space Through Angles And Curves

processing, 3d, form, Law of Space

Angles and curves create the perception of space.

### Space Through Light and Shadow Plane

processing, form, Law of Space

A spacial object gets spacial by its shadows.

### Noise Mesh

processing, grid, mesh, form, repeat

generate a noisy mesh

### Displacement Map

processing, displacement, map, 3D, form

A sketch using a grayscale image as displacement map

### Mesh3D

processing, 3d, form, repeat, chance, library

Creates a mesh and displaces its verticies in 3D space

### Relativity of Properties

processing, form, Law of Relativity of Properties

Differences between elements are percept as bigger as they are. Both of these rectangles have the same size. The white one has the same size as the black one. Just by standing on a different ground it "blows up".

### Causality

processing, form, Law of Causality

The perception wants to give forms that stand together a meaning. It tries to bring them into context.

### Space Through Overlapping Circle and Line

processing, form, Law of Space

if elements overlap the create depth.

### Noise Mesh 2

processing, grid, mesh, form, repeat, interact

generate a noisy mesh with some interaction. Original work by Cedrik Kiefer edits by Fabian Morón Zirfas. Found here.

### Simple Paint

processing, interact, chance

A even simpler paint program then paint.

### Paint

processing, interact