Creative Coding 101

Seminarziel

• Die Oberfläche von Processing und die Rahmenstruktur von p5.js zu verstehen
• Funktionen, Variablen, Loops und Arrays einzusetzen
• 2D-Zeichnungen und 3D-Primitive mit einfachen Farben und Shadern zu erstellen
• Komplexe Grafiken mittels Programmierung zu rekonstruieren und digitale Kunstwerke nachzuvollziehen
• Individuelle Datenvisualisierungen zu erstellen
• Diese Visualisierungen durch Interaktion und Animation erlebbar zu gestalten
• Programmierung als Gestaltungswerkzeug einzusetzen

Inhalt

• Einführung
  • Installation von Processing sowie Einrichten der p5.js-Bibliothek
  • Programmoberflächen und Eigenheiten der jeweiligen Rahmenstruktur
    
    
• Sketching
  • Erstellung von einfachen Zeichnungen in 2D und Speichern der Resultate
    
    
• Interactions, Functions, Variables
  • Grundlagen der Programmierung und Aufzeigen von Interaktionsmöglichkeiten
    
    
• Arrays, if-statements
  • Datenmodelle und Programmstruktur
    
    
• Loops und objektorientierte Programmierung
  • Einfache Loops sowie Erzeugung von variierenden Objekten
    
    
• 3D Objekte
  • Erstellen von Primitiven mit einfachen Farben
    
    
• Kartografie und Datenvisualisierung
  • Einlesen und Darstellung von geografischen Daten
    
    
• Typografie
  • Verwendung von Typografie, Typografie als gestalterisches Element
    
    
• Netzwerkdiagramme
  • Verbindungen zwischen verschiedenen Datensets sichtbar machen
    
    
• Shaders
  • Shading von Objekten mithilfe von GLSL
    
    
• Fraktale, Rekursion
  • Erstellung von komplexen Grafiken durch rekursive Algorithmen 
    
    
• Debugging
  • Java- und JavaScript Fehlermeldungen