Visual Programming Workend

This semester i’m offering a Visual Programming Workend. In two days I will show you the basics of programming in a language, that is not based on symbols like letters and numbers but on graphical elements like boxes and wires.

last semester we worked with the graphical programming environment called Pure Data. This semester you’ll have the option to choose one of two languages for the workshop: Pure Data or VVVV. Below you’ll find a poll … the majority wins.



Both programming environments are based on similar principls and both are good in interfacing with external hardware like webcams, arduinos or the usual HIDs. But there are still some pros and cons for both environments.

Pure Data
+ works on Mac and Windows (and Linux)
+ good for synthesizing sound
– bad for synthesizing visuals and image analysis
– kind of outdated/not very active community

+ good for synthesizing visuals and image analysis (motion tracking, color detection, blob detection)
+ up to date/active community
+ modern user friendly interface
– works only on Windows
– not very good at synthesizing sound


Enigma abgespeckt — vvvv

Habe mit den Advanced-Value-Spreads experimentiert und eine der Basisfunktionen der berühmten Verschlüsselungsmaschine Enigma nachgebaut.

Enigma (Wikipedia)



Anstelle von drei Walzen sind zwei eingesetzt und die Übersetzung des Alphabets habe ich manuell auf Zahlen übersetzt und eingetragen. Das Verschlüsselungsschema steht oben dran, die Walzen I und II sind rechts davon zunächst gesplittet und dann je nach Ringstellungen und der Anzahl übersetzter Zeichen neu sortiert. Die Sortierung für den Rückweg ändert sich damit auch sehr stark und wird ebenfalls auf der rechten Seite entsprechend neu sortiert.

Die Funktionen beschränken sich auf:

  • die Verschlüsselung über zwei Walzen sowie der Umkehrwalze und dem Rückweg durch beide Walzen
  • die Auswahl von Ausgangsstellungen der Walzen, den Ringstellungen
  • sobald die erste Walze 26 mal weitergedreht wurde, also 26 Zeichen übersetzt wurden, dreht sich die zweite Walze einen Schritt weiter

Das entspricht in Grundzügen dem Original, die allerdings noch mehr Walzen hatte, Steckerverbindungen für den Austausch von Zeichen, sowie kompliziertere mechanische Verbindungen sowie Weiterschaltungen unter den Walzen.

Die Vorgehensweise zum Verschlüsseln wäre:

  1. man einigt sich auf Ringstellungen und drückt auf RESET beim Zähler
  2. man übersetzt den Text Zeichen für Zeichen in Zahlen entsprechend der Tabelle und trägt diese bei INPUT ein
  3. nach jedem verschlüsseltem Zeichen, also jeder Zahl, drückt man auf COUNT


Beim Entschlüsseln wäre die Vorgehensweise entsprechend gleich, nur dass man von Zahlen ausgeht, die man nach dem Entschlüsseln in Zeichen überträgt.

Das in aller Kürze, hoffentlich halbwegs verständlich…


vvvv Video Filter – Karsten


These are some first steps towards an interactive Video Manipulation Tool for live performances alongside a theater performance.

An image sequence is played back, rendered as a brightness map for scaleable and rotating lines. The lines are blurred and a LFO-circularSpread-based glow is added. The blur-map is distorted by a noise filter and layered with an oscillating color overlay to create and almost random combination of color and „wiggle“-effects.

Adding Arduino-based poti-control is the next step.

Kristin Dolz vvvv

Bildschirmfoto 2013-07-17 um 17.53.32     Bildschirmfoto 2013-07-17 um 17.53.52

Bildschirmfoto 2013-07-17 um 17.54.37

I did create a segment node and played around with shapes, rotation, its speed and colour. It is as well changing directions.

Bildschirmfoto 2013-07-17 um 17.49.43  Bildschirmfoto 2013-07-17 um 17.50.47

This is about one rotating sphere that spins around a fixed sphere. The bigger sphere has the texture of the sun and the small one shows a historical map of the earth (file texture, jpeg). The earth is rotating itself while going around the sun, as it does so the light source (white arrow) spins as well to demonstrate the course of day and night on the earth. Movement is created by LFOs (animation).


working with vvvv – maximilian behrens

first of all i’d done every sections of the vvvv-videotutorials on youtube. here are some of them (some of them are moving, others don’t…)


afterwards i ‚wrote‘ (?) my own little script.. Its kind of like a photobooth.
the face taken by the webcam is projected on a sphere wich leads to a distortion. (one can change the level of distortion by a x-y-slider)
the pictures/photos are automatically saved to the desktop in numeral order.
…i also added 2 ‚fun‘ buttons… but dont expect too much (lol)

p.s. i didnt add pictures of the final project because i dint want to embarras myself by posting silly, distorted pictures of myself.. 🙂 please try it on your own

section 1- 22:

section 23-31:

section 32 & final project: