Processing

Boxen

processing, repeat, chance, Law of Similarity

Fabian Morón Zirfas

Generate a box with something on its corners.

Small Multiples

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

Fabian Morón Zirfas

Generate multiple elements based on the same rules.

Basil.js Logo

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

ffd8

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

Fabian Morón Zirfas

A simple diagonal grid pattern

Vision

processing, grid, repeat

Fabian Morón Zirfas

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

Groups

processing, grid, Law of Similarity, repeat, chance

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Noise

processing, chance, repeat, noise

Fabian Morón Zirfas

Noise. Way more natural then random.

Space Through Color In Gray

processing, color, library, color-model

Fabian Morón Zirfas

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

Color Wheel

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

Fabian Morón Zirfas

A color wheel for demonstrating the usage of HSB colors

lilli

processing, color, repeat

Juri Wolf

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

Space Through Color

processing, color, library, HEX, color-model

Fabian Morón Zirfas

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

Color Thief

processing, color, library, java

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

A spacial object gets spacial by its shadows.

Half Gestalt

processing, typography, Law of Closure

Fabian Morón Zirfas

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

continuity

processing, 2D, Law of Continuity, form

Fabian Morón Zirfas

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.

Topolade

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

Jonas Köpfer

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

Similarity

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

Fabian Morón Zirfas

A classic example for the "Law of Similarity".

Proximity

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

Fabian Morón Zirfas

A classic example for the "Law of Proximity".

Rotate Rect

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

Fabian Morón Zirfas

A figure always stands on a ground.

Triangle and Quad

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

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

Fabian Morón Zirfas

A classic example for the "Law of Closure".

Space Through Overlapping Line

processing, form, Law of Space

Fabian Morón Zirfas

if elements overlap the create depth.

Space Through Foreshortening

processing, form, Law of Space

Fabian Morón Zirfas

If a elements get foreshortend the feeling of depth is created

Space Through Angles And Curves

processing, 3d, form, Law of Space

Fabian Morón Zirfas

Angles and curves create the perception of space.

Space Through Light and Shadow Plane

processing, form, Law of Space

Fabian Morón Zirfas

A spacial object gets spacial by its shadows.

Noise Mesh

processing, grid, mesh, form, repeat

Unknown

generate a noisy mesh

Displacement Map

processing, displacement, map, 3D, form

Fabian Morón Zirfas

A sketch using a grayscale image as displacement map

Mesh3D

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

morphogen

Creates a mesh and displaces its verticies in 3D space

Relativity of Properties

processing, form, Law of Relativity of Properties

Fabian Morón Zirfas

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".