Law of Closure


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


P5.js, color, chance, interact, Law of Closure

Mouse higlights individual parts of elements created by gaussian noise

Half Gestalt

processing, typography, Law of Closure
Fabian Morón Zirfas

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


Basil.js, typography, strikethrough, Law of Closure
Fabian Morón Zirfas

Shows how to use the strikethrough settings to hide parts of a character. The brain still sees the "Gestalt" of the character.

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.


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](

Kanizsa's Triangle

processing, 2D, Kanizsa's Triangle, form, Law of Closure
Fabian Morón Zirfas

A classic example for the "Law of Closure".

Close the Triangle

P5.js, form, 2d, Law of Closure

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

P5.js, form, Law of Closure

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.

Criss Cross

P5.js, Law of Symmetry, Law of Closure, Law of Contrast, symmetry, simplicity

This sample shows a cross with a square in the middle.