Projection Mapping Workshop

with Jo Ho

Oct 10 - Oct 14, 2022

joanne.ho@lasalle.edu.sg

Projection Mapping Workshop

Day 1 October 10
Monday		 Afternoon
13:00 - 16:00		 Introductions in class
Introductions to Projection Mapping and Projectors
Day 2 October 11
Tuesday 		Morning
09:00 - 12:00 		Basics of TouchDesigner
Afternoon
13:00 - 16:00 		Interactivity in TouchDesigner
Introduction to Set Design
Start of Group Work
Day 3 October 12
Wednesday 		Afternoon
13:00 - 16:00 		Continue Group Work
Brief Presentation of Ideas
Day 4 October 13
Thursday 		Morning
09:00 - 12:00 		Continue Group Work
Troubleshooting, Individual Crits
Day 5 October 14
Friday 		Morning
09:00 - 12:00 		Continue Group Work
Troubleshooting, Setting-up
Afternoon
13:00 - 16:00 		Troubleshooting, Setting-up
Group presentation and Crit

Projection Mapping Workshop

Day 1 - Oct 10 (Afternoon)

Projection Mapping Workshop

Oct 10 - Day 1

13:00-16:00

13:00 - 13:30 Round of Introductions
 

13:30 - 14:00 Intro to Jo’s projection work

 

 

 

14:00 - 14:30 Projection mapping projects used in multiple ways


14:30 - 15:00 Presentation of projector parts and important information to know (angles, throw distance, image size)

 

15:00 - 16:00 Class activity of setting up the projector

Introductions

Name Nickname Interests Past Experience
What name do you prefer to be called by?

If you would like to share your pronouns, please share it with me too :)		 What are you interested in?

Graphic Design
Music Performances
Emerging Technology
Contemporary Art
Theater
Performance Art
Illustration
Digital Design
Interior Design
Making Music
Movie/film
Fashion
Arts and Craft
Gaming
Sports
etc		 What do you have experience in? What are you good at?

Drawing/Painting
3D Design
Technologist
Music Production
Video Editing
DJing
VJing
Crafting Objects
Videography
Graphic Design
Performing
Teaching
etc
 

Introduce yourself to me!

Introductions

Name Nickname Interests Past Experience
Joanne Ho Jo

She/They		 Music Performances

Emerging Technology

Contemporary Art

Performance Art

Gaming

Streaming		 Architecture

Technologist

Video Editing

VJing

Visual Creation

Teaching

Introduce yourself to me!

Media Artist

www.j-o-h-o.com

@chillisweetie

Setting the Tone (2019) at erstererster Gallery, Berlin

Link to video

Setting the Tone (2019) at erstererster Gallery, Berlin

(RE)ROOTING (2021) at National Gallery Singapore

Link to video

(RE)ROOTING (2021) at National Gallery Singapore

Through Worlds (2022) at Chijmes, Singapore

Link to video

Through Worlds (2022) at Chijmes, Singapore

Northern Lights VJ Set for Intriguant (2022) at Pasir Panjang Power Station, Singapore

Link to video

dBm (2022) at NAFA, Singapore

/*RUN THE CODE*/ (2021) at supernormal.space, Singapore

dBm (2022) at NAFA, Singapore

What is Projection Mapping?

Projection Mapping

 

  • A technique of using projectors to shine light

  • Shining on specific areas of surfaces (usually irregular shaped).

  • Building facades, indoor objects, stages, landscapes.

Examples of Projection Mapping (facade)

Set Design (World Stage x Pix Productions)

Landscape Projections (teamLab)

Indoor Objects (Le Petit Chef)

Amon Tobin ISAM Live

Box by Box and Dolly

FORMATS by Anne Marie Himmelmann

Perspective

  • 'Depth' tricks have one perspective that is the 'sweet spot', usually from the front or the same direction as light traveling from the projector

Light and Shape

  • Light from a projector emits from one source. In larger surfaces, multiple projectors are used to cover all needed surfaces.

Projected images on angled surfaces will appear differently to a viewer.

Light from a projector can only project images where the light touches a surface.

Beware of protruding surfaces, they will create blind spots and shadows.

The Projector

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

Comes with:
HDMI cable

Power cable

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

Projector brightness is measured in lumens. In home theaters, it's a minimum of 1500 lumens.

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

By using the focus ring, you can make an image sharper or blurrier by adjusting it manually.

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

Throw distance is the projector's distance from the lens to the screen surface. It varies from type of projector and how large an image the projector can throw.

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

The screen size from each projector varies, but you're able to calculate the throw distance and screen size from this link here.

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

Aspect ratio of an image is the ratio of its width to its height. Most common video projector aspect ratios are 4:3, 16:10 and 16:9.

Lumens

Focus

Throw Distance

Screen Size

Aspect Ratio

Keystone Correction

Keystone correction digitally adjusts the image to be a perfect rectangle if the projector is not perpendicular to the projected surface.

Setting up the Projector

Get familiar with the projector by playing with the settings as mentioned in the previous slides

 

Use the slide after this as the image to project onto a surface.

Projection Mapping Workshop

Day 2 - Oct 11 (Morning)

Projection Mapping Workshop

Oct 11 - Day 2

09:00-12:00

09:00 - 10:00 Basics of TouchDesigner

 

10:00 - 11:00 Learning to play and mix media

11:00 - 12:00 Using projection mapping apps built into the software, testing with small shapes


 

Resources:


Download TouchDesigner if you haven't already.

Click on this link to review notes for TouchDesigner Basics

Projection Mapping Workshop

Day 2 - Oct 11 (Afternoon)

Projection Mapping Workshop

Oct 11 - Day 2

13:00-16:00

13:00 - 13:40 Creating interactivity in TouchDesigner


13:40 - 14:10 Basics of set design, example projects


14:10 - 14:40 Introduction to group work, research

14:40 - 16:00 Conceptual development/sketching & constructing draft sets using basic materials

 

Resources:


Download TouchDesigner if you haven't already.

Click on this link to review notes for TouchDesigner Basics

TouchDesigner Tutorial

Let's get into the basics

What is Set Design?

Es Devlin - Beyonce, Formation Tour, 2015

Set Design

 

  • Design and creation of the sets used in works of performance art (movies, plays, concerts, fashion runways).

  • It includes elements of physical props, built architecture, and light.

Es Devlin - Don Giovanni, Royal Opera House, 2014

Es Devlin (link)

Ugly Lies the Bone, 2017

Dev Harlan (link)

Parmenides, 2011

Seej Projects (link)

Projecting on trees

Ultra Combos (link)

Seventh Sense, 2012

Set Designers

Projection Sculptures

DIY Projections

Interactive Projections

Group Work

Form 6 groups
(3-4 students per group). We only have 6 projectors and 22 students.

Research
Take the references from the slides before to take inspiration from them and to drive a concept.


Conceptual development/sketching

Sketch your ideas out or play with the form of the paper and agree on what type of surface to project on.

Constructing draft sets using basic materials
Create basic shapes by taking your chosen material and creating sketches of your shapes. Compose your shapes so that they are in a form that can be mapped in a way that suits your concept.

 

Creating a Projection Surface


  • Visualize through sketch. Draw out iterations of ideas and discuss which is best for a potential projection surface. Keep in mind that the light only comes from one angle.

  • Make prototypes of your shape. Create a few prototypes of your shape and test your projector on them. Create fast, messy ones first, then use it as a template for a more final object.

Paper cut-outs that create dynamic shapes and voids.

A three-dimensional shape.

Paper foldings that create depth and angles

Paper shapes can also be found as templates online.

Selecting Visuals to Project

 

  • Visuals and Shapes. Is there a story to your visuals? What might fit with the shapes you have created or vice versa? Match your visuals to the shape for more visual impact.

  • Keep it Simple. Remember the projector angle is specific and create shadows where you don't want them. Keep the dimensionality of your surface visible to the light of the projector.

Some previous student work

Documentation

 

  • Setting up. Remember to take images of your process. Take images of when you're sketching, setting up the projector, etc.

  • Final projection mapping results. Capture nice images and videos of the final results. Make sure the light levels in your camera makes the visuals look clear and that it is not too contrasted.

Final presentation

 

  • On Friday, we will be doing a Group presentation together.

  • These are your deliverables:

    • 2 minute "show" of your projection. It should have visuals and can have audio. You may also 'perform' with the visual if you'd like.
    • 5 minute presentation (slides, powerpoint, or a video documentation) showing your initial ideas, conceptualization, setting up, and reflections.
    • 5 minute response from me and the class about your project.

       

Projection Mapping Workshop

Day 3 - Oct 12 (Afternoon)

Projection Mapping Workshop

Oct 12 - Day 3

13:00-16:00

13:00 - 14:00 Conceptual development / work on initial presentation


14:00 - 15:00 Brief presentation of all conceptual ideas, with group crit


15:00 - 16:00 Continuing project development:

  • Collecting/making visuals to project

  • Constructing set-design with scrap paper and testing with projector

  • Individual project crits

 

Projection Mapping Workshop

Day 4 - Oct 13 (Morning)

Projection Mapping Workshop

Oct 13 - Day 4

09:00-12:00

09:00 - 12:00 Group work:

  • Continue working

  • Individual project crits (allocated time for each group ~30 min each)

  • Troubleshooting

Projection Mapping Workshop

Day 5 - Oct 14 (Morning)

Projection Mapping Workshop

Oct 14 - Day 5

09:00-12:00

09:00 - 12:00 Group work:

  • Continue working

  • Individual project crits (as needed)

  • Troubleshooting, setting-up

  • Final touchups

Projection Mapping Workshop

Day 5 - Oct 14 (Afternoon)

Projection Mapping Workshop

Oct 14 - Day 5

13:00-16:00

13:00 - 14:30 Group work final touches, trouble shooting and set-up

14:30 - 16:00 Final group presentation and crit


  • 2 minute "show" of your projection. It should have visuals and can have audio. You may also 'perform' with the visual if you'd like.​

  • 5 minute presentation (slides, powerpoint, or a video documentation) showing your initial ideas, conceptualization, setting up, and reflections.

  • 5 minute response from me and the class about your project.