Projected Realities

Facade Projection – Augmented Architecture – Games with Light – Responsive Environments – Visualization of the Invisible

The impression of a surface is determined by its color and texture. The facade significantly influences the appearance of a building. How do we change the perception of a surface?

Spatial illusions are known since the renaissance. We want to approach this topic with the means of our time.
Equipped with a projector and a computer, we will change the appearance of buildings, rooms or architectural models. This will bring us across theoretical discourses, such as Semper’s theory of clothing or the ornament discussion.

“Projection mapping” allows to project virtual 3D geometries / simulations / animations onto real objects. By merging virtual and physical space we can reveal invisible elements such as temperature, air current, structural tension, CO2 diffusion, but also show visions, scenarios or create spatial illusions.

We invite you to play, deepen and expand your own spatial perception and that of others.

See also: 555 KUBIK and an early historical example.


Time + Place: Mo 13.45-17, HIT H12

Responsibles: Christian Schneider, Lukas Treyer

Exercise I: Patterns

Create a dynamic pattern using for-loops and reacting to the mouse.
Use mouseX and mouseY to get the current position of the mouse.

The following movie shows a possible solution.

Due: Mar 8

Exercise II: Projected Pattern

– Choose a wall for which you want to create a projected pattern.
– Take a picture of the wall and use it as a background for your processing sketch. You will need PImage and loadImage() to load the image into your sketch.
– Download and install the keystone library for processing (
– Create a pattern that reacts to the mouse position.
– Use the keystone library to create something like in the movie below.
– Create a movie from your sketch. One possibility is to use saveFrame() to save each frame of your animation into an image. Then in Quicktime 7 use File->Open Image Sequence to create am Movie from the images.

Due: Mar 15, Processing Code + Movie

Exercise II: Giraffiti

Create a Giraffiti Framework, using the following libraries:


which lets you draw Graffitis on unusual high places using a laserpointer instead of a ladder and risking your life.

Giraffiti (from

1.) vandalism spray-painted very, very high
2.) Giraffiti is works of art, more commonly known as Graffiti, on bridges, 2nd storys or more of buildings, etc, eg somewhere up high.
3.) Graffiti drawn at a high place.

Laser Tag from the Graffiti Research Lab

Resource: ,

Due: Mar 29

Exercise IV: cities, forests and 3D

a ) Create a function which draws e.g. a house or a tree in 3D.
b ) create a city or a forest using your function. Use random() or noise() for the distribution of your objects.

Use the ex4_base sketch below as a starting point for 3D sketches. You’ll need the PeasyCam library in order to run ex4_base.

The following image shows a possible solution:

Ressources: PeasyCam, ex4_base
Due: Apr 12


OpenCV library
OpenCV Processing examples

Due: Mai 17