Processing

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

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

Diagonal Grid

processing, grid, repeat

Fabian Morón Zirfas

A simple diagonal grid pattern

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

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 2

processing, grid, mesh, form, repeat, interact

Cedrik Kiefer

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

Displacement Map

processing, displacement, map, 3D, form

Fabian Morón Zirfas

A sketch using a grayscale image as displacement map

Space Through Foreshortening

processing, form, Law of Space

Fabian Morón Zirfas

If a elements get foreshortend the feeling of depth is created

Causality

processing, form, Law of Causality

Fabian Morón Zirfas

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

Noise Mesh

processing, grid, mesh, form, repeat

Unknown

generate a noisy mesh

Mesh3D

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

morphogen

Creates a mesh and displaces its verticies in 3D space

Space Through Overlapping Line

processing, form, Law of Space

Fabian Morón Zirfas

if elements overlap the create depth.

Space Through Overlapping Circle and Line

processing, form, Law of Space

Fabian Morón Zirfas

if elements overlap the create depth.

Space Through Angles And Curves

processing, 3d, form, Law of Space

Fabian Morón Zirfas

Angles and curves create the perception of space.

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.

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.

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.

Proximity

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

Fabian Morón Zirfas

A classic example for the "Law of Proximity".

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

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)

Rotate Rect

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

Fabian Morón Zirfas

A figure always stands on a ground.

Kanizsa's Triangle

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

Fabian Morón Zirfas

A classic example for 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.

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.

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.

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

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.

lilli

processing, color, repeat

Juri Wolf

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

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

Noise

processing, chance, repeat, noise

Fabian Morón Zirfas

Noise. Way more natural then random.

Random Circles

processing, chance, repeat

Fabian Morón Zirfas

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

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