> For the complete documentation index, see [llms.txt](https://andreas-lectures.gitbook.io/lectures-and-courses/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://andreas-lectures.gitbook.io/lectures-and-courses/audiovisuelle-gestaltung.md).

# Audiovisuelle Gestaltung

{% hint style="warning" icon="google-scholar" %}
**Audiovisuelle Gestaltung (Audio-visual Design)**&#x20;

17.0285, Laborübung (LU)\
Wintersemester 2026&#x20;

Universität für Musik und darstellende Kunst Graz \
Institut für Elektronische Musik und Akustik&#x20;

Lektor: Andreas Pirchner <br>
{% endhint %}

#### Course Structure&#x20;

Mondays, 16:30 – 18:00, Hörsaal (PT116EG002)&#x20;

{% hint style="warning" icon="google-scholar" %}
1  05.10.2026 Introduction \
\----------------------------------------------------------------------\
2  12.10.2026 <mark style="color:$warning;">Processing</mark> (Introduction)\
3  19.10.2026 <mark style="color:$warning;">Processing</mark>, Presentation 1+2\
4  09.11.2026 <mark style="color:$warning;">Processing</mark>, Presentation 3+4, Discussion Exercise 1\
5  16.11.2026 <mark style="color:$warning;">Processing</mark>, Presentation 5+6\
6  23.11.2026 <mark style="color:$warning;">Processing</mark>, Presentation 7+8\
7  30.11.2026 <mark style="color:blue;">TouchDesigner</mark> (Introduction), Discussion Exercise 2\
8  07.12.2026 <mark style="color:blue;">TouchDesigner</mark>\
9  14.12.2026 Discussion Exercise 3, <mark style="color:blue;">TouchDesigner</mark>\
\----------------------------------------------------------------------\
10  11.01.2027 <mark style="color:blue;">TouchDesigner</mark> Video Workflow/ Projection Mapping\
11  18.01.2027 Work/coaching final project\
\----------------------------------------------------------------------\
12  25.01.2027 Final Presentations
{% endhint %}

***

#### Exercises

{% hint style="warning" icon="music-note" %}
**Exercise 1 – Visual Music**

Compose a process like you would for music (in SuperCollider, PureData, Max,…), but it produces change in shapes, colors in Processing. Connect via OSC.
{% endhint %}

{% hint style="warning" icon="music-note" %}
**Exercise 2 – TBA**
{% endhint %}

{% hint style="warning" icon="music-note" %}
**Exercise 3 – TBA**
{% endhint %}

***

#### Short Presentations

{% hint style="warning" icon="music-note" %}
Teams of two students per topic, duration 12 minutes, projector (PowerPoint) presentation

**Topics:**

1. Interrelations 1: Color-Tone Analogies: [Link](http://www.see-this-sound.at/compendium/maintext/43/1.html#textbegin)
2. Interrelations 2: Audiovisual Parameter Mapping in Music Visualizations: [Link](http://www.see-this-sound.at/compendium/abstract/72.html)
3. Structuring time: Audiovisual Montage: [Link](http://www.see-this-sound.at/compendium/abstract/77.html)
4. E: Between the Poles of Mickey Mousing and Counterpoint: [Link](http://www.see-this-sound.at/essays_en/SeeThisSound_Between-the-Poles-of-Mickey-Mousing-and-Counterpoint.pdf)
5. E: On Hearing Eyes and Seeing Ears: A Media Aesthetics of Relationships between Sound and Image: [Link](http://www.see-this-sound.at/essays_en/SeeThisSound_On-Hearing-Eyes-and-Seeing-Ears.pdf)
6. (Audio-)Visual Instruments: Color Organs [Link](http://www.see-this-sound.at/compendium/abstract/69.html)
7. AV-Performance: Music Theatre [Link](http://www.see-this-sound.at/compendium/abstract/49.html)
8. Generative 1: Game-Design and Contemporary Audiovisual Art
9. Visual Music
10. Software: Languages, IDEs, Engines, node-based<br>
    {% endhint %}

***

#### Final Project

{% hint style="warning" icon="music-note" %}
**Assignment**\
\
Compose material for an audiovisual installation.  \
\
The visual part will be projected and mapped on a \[3D-printed] geometric structure containing several surface planes. The sound will be stereo.&#x20;

Use Processing to produce the visual materials and TouchDesigner for projection mapping.\
\
The work can translate visual elements to sound, or sound into visual shapes and colors. It may involve random processes, operate autonomously according to the rule-set given when it was created, or be stimulated by interaction. \
\
The audiovisual events can also emerge entirely from the code. Everything together is also possible. What connections of auditory and visual material emerge? \
\
Make sure that the installation is designed to be feasible at the current level of knowledge.
{% endhint %}

For more information about the final project see the page "[Final Project](/lectures-and-courses/sessions/final-project.md)".
