TouchDesigner: Audiospektrum als Grafik-Linie

Schritt-für-Schritt-Anleitung zur Erstellung einer horizontalen 3D-Spektrum-Linie aus einer Audiodatei.

1 Audioquelle & Spektrum einrichten (CHOPs)

Audiodatei laden und Frequenzen berechnen

Erstelle ein Audio File In CHOP (Standardname: audiofilein1).
Hänge ein Audio Spectrum CHOP (audiospectrum1) direkt dahinter.
- Einstellung: Setze FFT Length auf 1024 oder 2048 (für eine feinere Auflösung der Punkte).
Hänge ein Null CHOP (null_audio) ans Ende der Kette.

2 Geometrie aus Audiodaten erzeugen (SOP)

Konvertierung von CHOP-Signalen in 3D-Punkte

Erstelle ein CHOP to SOP (choptosop1).
Trage im Parameter CHOP den Namen null_audio ein.
Stelle die Parameter wie folgt ein:
- Channel Names: chan1 (bzw. der Name deines Audiokanals)
- Attribute: P(1) (ordnet die Audio-Ausschläge der Y-Achse zu)
Hänge am Ausgang des choptosop1 ein Null SOP an.

3 Visualisierung & Rendering aufbauen (COMPs & MAT)

Material zuweisen und Kamera ausrichten

Erstelle aus dem Null SOP ein Geometry COMP (geo1).
Erstelle ein Line MAT (line1) und weise es dem geo1 als Material zu.
- Tipp: Im Line MAT kannst du unter Width Near/Far die Linienstärke und unter Color die Linienfarbe anpassen.
Füge eine Camera COMP (cam1), ein Render TOP (render1) und ein Null TOP (out1) hinzu.
Positioniere die Kamera auf der Z-Achse so, dass die horizontale Linie mittig im Bild liegt.
Für eine Zweidimensionale Darstellung stelle Camera auf View: Projection = Orthographic. Eventuell Ortho Width vergrößern Dann verhält sich die Camera wie ein Flachbettscanner. Es gibt nur 2 Dimensionen.

Anpassung & Steuerung der Linie

Ziel	Wo einstellen?	Einstellung
Ganze Linie nach oben/unten	`Geometry COMP` (`geo1`)	Parameter Translate Y im Reiter Xform anpassen.
Ganze Linie nach links/rechts	`Geometry COMP` (`geo1`)	Parameter Translate X im Reiter Xform anpassen.
Frequenz-Darstellung (Breite)	`Audio Spectrum CHOP`	Über Frequency <-> Logarythmic Scaling steuern, welche Abschnitte angezeigt werden.
Ausschlaghöhe (Amplitude)	`Audio Spectrum CHOP`	Hänge an Audiospec ein Math. Multi-Add / Multiply = 0.3

Kreisförmige Linie

Will man die horizontale Linie zu einem Kreis biegen, bedient man sich mittels Point SOP eines Algorythmus, der in Photoshop als Filter Polarkoordinaten / Rectangular to Circle bekannt ist.

Füge einen Point hinter das ChopToSop ein gebe folgenden Code ein

Position	Python
tx	`math.cos(((me.inputPoint.x + 1) / 2) * 2 * math.pi) * (1.5 + me.inputPoint.y * 3.0)`
ty	`math.sin(((me.inputPoint.x + 1) / 2) * 2 * math.pi) * (1.5 + me.inputPoint.y * 3.0)`

Nach dieser Aktion sollte man das Geometrie neu anhängen.
Hat man die Camera Karteireiter View unter Projection auf Orthographic eingestellt, muss man noch die Ortho Width vergrößern