Projection Mapping with the Raspberry Pi

Workshop at the Make Light Camp Berlin

17 and 18 October 2015

by Krisjanis Rijnieks and Irina Spicaka

Our Experience

  • Graphic, UX/UI & web design
  • Creative coding
  • Projection mapping
  • Software development
  • Electronics

.. as well as

  • Creating interactive installations
  • Curating A/V events
  • Organizing workshops

Krisjanis Rijnieks

  • Works in new media field since 2002
  • openFrameworks
  • Raspberry Pi
  • Projection Mapping
  • Generative visuals with projection mapping
  • Developer of the ofxPiMapper
  • Author of the book Cinder—Begin Creative Coding
  • Curretly is finishing MA studies in New Media at the Aalto University, School of Arts, Design and Architecture
  • Studied conceptual painting and multimedia at the Brera Academy in Milan and Art Academy of Latvia (BA)

Irina Spicaka

  • A New Media Artist working in the field since 2005
  • Focusing on interaction between an artwork,
    space and audience
  • Currently is working with 3-dimensional forms,
    video, sound design
  • Applying generative approach in
    projection mapping installations
  • Graphic, UX & Web Designer
  • working for startups and tech platforms
  • Lately have been focusing on web,
    app and brand development
  • Holds higher certificate in User Experience Design from the CareerFoundry
  • Holds diploma in "Programming, Synthesis and Signal Processing in Max/MSP" which gained at the Norwegian music and technology centre NOTAM
  • Studied experimental media at the Brera Academy in Milan
  • MA in media, arts and design from the Art Academy of Latvia
  • Attended many workshops related to sound, live visuals, creative programming, electronics for artists, digital fabrication at various festivals, open tech schools, fab labs and conferences in Europe

We both together

  • Founders of the non-profit organisation Metasphere that aims to contribute in electronic audiovisual culture development in Latvia, promote Latvian audiovisual culture artifacts in Latvia and abroad, promote experience exchange in Latvia and international context
  • Founders of the CC4AV platform. "CC4AV - Creative Coding for Audio and Visuals" is a placeholder for creative coding workshops and on collaboration based performances, exhibitions that are related to creative programming and projection mapping

Our most important collaborators

Our Projects

Latest projects that have been done by us in the past years.

Catface

Projection mapping and generative, real-time animation project.

Catface 1
Catface 2
Catface 3

Prism

Projection mapping and generative, real-time animation project.

Prism 1
Prism 2
Prism 3
Prism 4
Prism 5
Prism 6

Metasphere

Projection mapping installation and audio-visual performance.

Metasphere 1
Metasphere 2
Metasphere 3

Elves on Plane

Projection mapping on one of airBaltic airline planes for their annual Christmas campaingn. In collaboration with Cube digital agency.

You and Now

Interactive projection mapping installation within the annual Glow Riga festival in Riga, Latvia, November 2013. In collaboration with Mooz agency

You and Now

Process

Audiovisual media installation, consisting of generative audiovisual content and projection mapping.

Process 1
Process 2
Process3
Process4
Process5
Process6

Subatomic Particles

Audiovisual event during the White Night 2013 in Riga, Latvia.

CC4AV Event Series

Creative Coding for Live Audio and Visuals event series with workshops and audiovisual performances.

School of Machines 2014

We did Projection Mapping on Spatial Objects workshop within this year's School of Machines in Berlin, Germany.

School of Machines 1
School of Machines 2
School of Machines 3

Click Festival 2014

We did Projection Mapping with the Raspberry Pi workshop within this year's Click festival in Helsingor, Denmark. In collaboration with Pixelache Helsinki.

Click 1
Click 2
Click 3

More

Projection Mapping

Projection Mapping AKA One

  • Video Mapping
  • Spatial Augmented Reality
  • Mapping

Projection Mapping and the Visual Arts

The term mapping highlights the role of space in the context of visual art as this term includes a function—real time projections adjusted to spatial objects.

Projection Mapping AKA Two

The term mapping is also used in the computer sphere, for example, aligning peripherals with software parameters. It is possible to write on a personal computer’s screen due to the mapping of the keyboard with software functionality.

Projection Mapping and Audiovisual Arts

Projection mapping or real time projections adjusted to spatial objects is a recently created set of electronic audio visual media methods which allows to surpass standard-size projections multiplying the picture, as well as to adjust the picture for different surfaces.

A brief history

While projection mapping has recently exploded into the consciousness of artists, designers and advertisers everywhere, the history of projection mapping dates back longer than you may imagine.

If you try Googling for “Projection Mapping” you won’t find much that is older than 5 years. Research has been going on under the academic term “Spatial Augmented Reality”.

Spatial Augmented Reality

Projector based spatial displays, a subset of spatial augmented reality displays, is the academic term for what artists and other practitioners today understand with projection or video mapping. Most of the academic information about projector based spatial display systems can be found under the term “spatial augmented reality”.

Spatial Augmented Reality Displays

Spatial augmented reality is connected to augmented reality—more specifically to spatial augmented reality displays that “detach the display technology from the user and integrate it into the environment”. The term “projector based spatial display” suggests that a projector is its main component. Projector is just a light source, and a screen is required to make the projected image visible to the user. Therefore a space with walls and objects is required in order to be able to use one or more projectors for creating an illusion.

Inventions chronologically

As stated in the Illustrated History of Projection Mapping by Jones B., this approach is not new, but the term “projection mapping” is. Projection mapping is about geometric transformations of an image: homothety, homography and anamorphism.Anamorphism has been used by many artists in the past, for example Hans Holbein the Younger used it in his famous painting “The Ambassadors” (1533) where a skull is painted in the foreground of the image in a way that it is only recognisable by viewing the painting from an angle.


The Ambassadors

Creating a three-dimensional illusion by projecting light on a flat surface can be also considered projection mapping; Light installation Afrum is one example of this form. In Afrum, projected light as a medium from a halogen projector is passed through pierced metal plates towards the corner of a white room creating the illusion of a three-dimensional object. (By James Turrell, 1943. Los Angeles, California)

Afrum

Next projection onto a non-flat surface dates back to the 1969 opening of the Haunted Mansion ride in Disneyland. These were accomplished by filming head-shots of the singers (with 16 mm film) and then projecting this film onto busts of their faces.

Disneyland

Art installation Displacements (Michael Naimark 1980) is another example that proves the use of projection mapping techniques from the past. A continuous scene is captured by a rotating camera in a room. The recorded objects are then painted white (covering the texture). The texture is then re-applied to the objects by using a rotating video projector that projects the previously captured footage.


Disney pioneered the technology of projection mapping, they also made the earliest patent in the space in 1991. Entitled “Apparatus and method for projection upon a three-dimensional object“. It essentially describes a system for digitally painting an image onto “a countoured, three-dimensional object.”

Disney Aparatus

GE patented “A system and method for precisely superimposing images of computer models in three-dimensional space to a corresponding physical object in physical space” in 1994.

GE patent

Projection mapping got really recognisable when it was pursued in academia. “Spatial Augmented Reality” was born out of the work by at UNC Chapel Hill by Ramesh Raskar, Greg Welch, Henry Fuchs and Deepak Bandyopadhyay in 1998. It all got started with a paper The Office of the Future. The Office of the Future envisioned a world where projectors could cover any surface. Instead of staring at a small computer monitor, we would be able to experience augmented reality right from our desk. This means we could Skype with life-size versions of our office mates, view life-size virtual 3D models. This work even featured an early real-time, imperceptible 3D scanner (like the Kinect).

Spatial Augmented Reality

The designer who invented the Minority Report interface John Underkoffler in 1999 pioneered some of the early work in interactive projection mapping. He introduced the concept of the I/O Bulb (Input/Output Bulb), namely a projector coupled with a camera that could one be as ubiqitous as a traditional light bulb.


In 2001 Raskar continued with interactive projections and paintings on still and moving objects.


in 2004 Raskar started to explore moveable projectors (predicting the pico projectors of the future). These hand-held smart-projectors are aware of their position and orientation through a variety of sensors. They demonstrated using smart projectors to aid in warehouse inventory and maintenance.


In period of 2005 to 2006 Oliver Bimber explored projecting onto paintings and converting drapes into projection screens.


How can it be categorized

  1. Fixed Surface Projection Mapping
    Projection mapping on buildings or objects that are unlikely to change or, so to say, carved in stone. This allows much more predictable workflow for content creation.
  2. Variable Surface Projection Mapping
    Projection mapping on previously unknown surfaces. This limits the content creation to elements of subjective choice. One might prepare videos for different types of surfaces (quads, triangles, circles) or generative visuals with adjustable parameters to fit many scenarios.
  3. Custom Surface Projection Mapping
    The type of projection mapping that we will do in this workshop. It allows the most flexibility as you are the architect of your own surface and the author of your own visuals.
Back to the first type it should be noted that when making projections for certain surfaces, the work is first done in 3D and animation software — classical animation methods are applied, such as lightning and special effects, narrative. The most classic example is projection mapping on architectural facades used at light festivals. The buildings are modeled first (or ready-made, modeled prototypes of them are used) and the story is created taking into consideration the design of the particular building. The process is connected with very accurate work where each mistake (let it be no more than a millimeter) both, in animation process or in the projection on the particular surface can be seen as a bias which looks like a defect. Therefore this process cannot be associated with real time performance.
Read more in an article Spatial Projections by Irina Spicaka.

Where projection mapping can be used?

Tools

Decent software for creating media content and projection mapping.

Sketching tools

Adobe Illustrator Commercial
Inkscape Free and open source
Adobe Photoshop Commercial
Gimp Free and open source
Affinity Photo Affordable alternative to Photoshop
Affinity Designer Affordable alternative to Illustrator

3D Modeling tools

Blender Free and open source
Cinema 4D Commercial
Max3D Commercial
Maya Commercial

Projection Mapping

MadMapper Commercial
Visution Mapio Commercial
Model8 and Resolume Commercial
TouchDesigner Commercial
LPMT Free and open-source
Keystone Free and open-source
VPT7 Free

Visual programming languages

Quartz Composer Free
Max/MSP Jitter Commercial
Vuo Commercial
TouchDesigner Commercial

Text based programming languages

Processing Free and open-source
openFrameworks Free and open-source
Cinder Free and open-source

Game Engines

Unity 3D Commercial
Unreal Game Engine Commercial
Blender Game Engine Free and open-source

Frame-based animation

Adobe After Effects Commercial
Open Shot Video Editor Free and open-source
Pencil Free and open-source

Protocols

Software that can bridge visual output from one software to another in real-time.

Syphon Free, open-source and Mac only
Spout Free, Windows only

Tips and Tricks

Best practices from experience.

1 Test it first

Before becomming too artistic, test if the technology works as intended.

2 Backup working versions

If your solution works, save it somewhere safe so when you continue to add changes, you can always switch back to the version that actually did work.

3 Know your surface

The more precise you will know the projection surface, the better. Especially when mapping outdoors on buildings.

4 Sketching helps

Make sketches and storyboards before doing it for real. Going through the process that way initially will help you overcome difficulties before you encounter them in the production process.

5 Always have your own adaptors

And cables. It might save you as well as others. Always have an extra cable and adaptor. It can make you the hero of the day. Or night.

6 No screensavers

Switch off screensavers and sleep for both, power and battery modes, on your laptop.

7 Cold corners

Disable hot corners or Exposé as it ruins the magic when a spectator notices what operating system are you using or that you have the same mess on the desktop as you have.

8 No instant messaging

Disable Skype or any other kind of messenger or service that tends to irritate you when least necessary.

ofxPiMapper

Summary

ofxPiMapper is being developed by Krisjanis Rijnieks as an openFrameworks projection mapping addon mainly to use in projects with the Raspberry Pi devices. It is cheaper way to create standalone mapping installations or portable instruments for audiovisual performances.

A Scenario

Imagine yourself making 10 generative mapping pieces for an exhibiton which is supposed to stay at the gallery for 8 weeks. Would you use 10 Mac computers? Don't do it, it is too expensive!

It's easy to use!

ofxPiMapper has 4 modes:

Key Description
1 Presentation mode
2 Texture mapping mode
3 Surface editing mode
4 Source assignment mode

Presentation mode (1)

This mode is activated once the application starts up. It does not show anything else except the final projection mapping as it was saved previously.

Texture mapping mode (2)

In this mode you can adjust the texture coordinates of the surface you have selected in the surface editing mode.

Surface editing mode (3)

Here you can select, move and distort the surfaces you have created.

Souce assignment mode (4)

After you select a surface in surface editing mode, activate this mode to be able to choose a source for the surface. Afterwards you might want to go to the texture mapping mode to adjust texture coordinates.

Other shortcuts

Key Description
i Show info
t Add triangle surface
q Add quad surface
f Toggle fullscreen
s Save composition
z Undo
BACKSPACE Delete surface

Projection Mapping Mode

Projection Mapping Mode

Texture Mapping Mode

Texture Mapping Mode

Source Selection Mode

Source Selection Mode

Thank You!

Projection Mapping with the Raspberry Pi
by Irina Spicaka and Krisjanis Rijnieks
Slideshow URL: http://schprc.github.io/ofxpimapper-makelightcamp