Interactive installations
Week 10
Marko Řeháček & Helena Lukášová
rehacek@mail.muni.cz
Marcel Duchamp’s piece named Rotary Glass
Interactive art
prehistory
USA, Wisconsin University: Glowflow, 1969
First use of the term “interactive art” (Myron
Krueger)
Simulation: https://vimeo.com/328548584
Interactive art
prehistory
Christa Sommerer, Lauren Mignonneau, Interactive Plant Growing,
1993
https://www.youtube.com/watch?v=Obwp07_phmA
interactive art throught material
manipulation
Jeffrey Shaw, Legible City,
1989
Interactive art
prehistory
Boundary Functions (1998) interactive floor projection by Scott
Snibbe at the NTT InterCommunication Center in Tokyo
interactive art
prehistory
Pachet: The Continuator, 2003
https://youtu.be/cHKcq0D5EY4?t=11
Musical Turing test with the Continuator on VPRO Channel (Amsterdam),
2012
https://www.youtube.com/watch?v=ynPWOMzossI
interactive art
sound
Oláfur Arnalds: Stratus system, 2018
https://www.youtube.com/watch?v=uhxAvw
eQ_tU
https://www.youtube.com/watch?v=3NTGPJl
QDU4
Researchers at UC Davis W.M. Keck Center for Active Visualization in the Earth Sciences have created the ‘Augmented Reality
Sandbox, 2012 https://www.trendhunter.com/trends/uc-davis-augmented-reality-sandbox
interactive art throught material
manipulation
Daily Tous Les Jours' musical 21 Swings in
Montreal
https://www.trendhunter.com/trends/21-bala
noires
interactive art in public
spaces
advertising agency BBDO Germany
https://www.dezeen.com/2014/09/17/interactive-dancing-traffic-lights-installation-smart-
car-lisbon/
interactive art in public
spaces
Treachery of Sanctuary (2012), Chris Milk
https://www.youtube.com/watch?v=ehjklqL
6g84
interactive art through body
movement
XYZT Abstract Landscapes, Conception, art direction, graphic design and
scenography 
Claire Bardainne & Adrien Mondot
https://www.am-cb.net/projets/xyzt
interactive
art
Ernest A. Edmonds, Shaping Forms,
2007
interactive art: influencing+
telepresence
IK Prize: After Dark, 2014, Tate Britain
https://www.youtube.com/watch?v=N9aeg4P
UxZI
interactive art: influencing+
telepresence
Jonáš Rosecký: Garden of Shadows
(2020)
https://youtu.be/S9ex51knPuA?t=2
interactive art and
FI
Marko Řeháček, Markéta Kučerová: Just and right (2019)
https://www.behance.net/gallery/92355491/Just-and-Right-Interactive-Ins
tallation
https://www.prototypbrno.cz/en/archiv/just-and-right/
Weavesilk
http://weavesilk.co
m/
interactive art – online
tool
Inspiration
Best of Ars Electronica Festival 2019
https://www.flickr.com/photos/arselectronica/albums/7215
7710106659441
GENERATIVE DESIGN PROGRAMMING
https://www.creativeapplications.net/
user: agdm_fimu
pass: iloveagdm
http://artgorithms.droppages.com/
https://artgorithms.tumblr.com/
http://365shapesof.blue/
https://github.com/julienes/365shapes
https://estebanhufstedler.com/
https://timrodenbroeker.de/
https://www.instagram.com/lil__lonely/
Some resources
GENERATIVE DESIGN PROGRAMMING
GENERATIVE DESIGN PROGRAMMING
❏ need to work with Processing instead of p5, but
it has a great website, should be easy – see
tutorial for starting
Kinect
❏ If you’re on a PC: don’t install the Shiffman’s
library! Use Kinect v2 for Processing instead,
there is skeleton tracking and other algorithms.
GENERATIVE DESIGN PROGRAMMING
https://learn.ml5js.org/#/reference/p
osenet
https://learn.ml5js.org/#/reference/posenet
PosetNet
Example ->
Alternative to Kinect which only
uses webcam. Will not see in
darkness though.
GENERATIVE DESIGN PROGRAMMING
Prototyp
GENERATIVE DESIGN PROGRAMMING
Immersion
Immersion
The act of becoming utterly involved with
something, pulled into its universe and losing
your sense of self in the process.
When it comes to immersive or experiential art,
these works envelop their audience in a full-body
experience, engaging with sight, touch and
sometimes even smell, using video projection
mapping, sound technologies, VR headsets and
light shows, artists can create environments
surrounding the viewer, making them an active
part of their experience.
agoradigitalart
Read more:
The rise and rise of
immersive art
GENERATIVE DESIGN PROGRAMMING
If you want to use Kinect, discuss with me.
GENERATIVE DESIGN PROGRAMMING
p5 in VScode
GENERATIVE DESIGN PROGRAMMING
Install p5.vscode
p5 in VScode
1. Open Visual Studio Code
2. Open Extensions tab (Shift + Ctrl + X)
3. Search “p5”
4. Install “p5.vscode”
GENERATIVE DESIGN PROGRAMMING
1. Open Command Palette (Ctrl + Shift + P or View -> Command Palette)
2. Start typing “p5” and select “Create p5.js Project”
3. Select folder to put your project in
to open your sketch in a browser click the “Go Live” button
Installing libraries:
Command Palette -> “Install p5.js Contributor Library”
and install any library you want to add to your sketch
Create new p5 project
P5 in VScode
GENERATIVE DESIGN PROGRAMMING
Live Preview from Microsoft
Allows you to see the sketch in the
GitHub Copilot
Useful extensions
p5 in VScode