Creative Coding 101

• Einführung in Creative Coding
  • Grundlagen des kreativen Programmierens
  • Installation von Processing und p5.js
  • Entwicklungsumgebungen und Projektstruktur
  • Erste Sketches

• Programmiergrundlagen
  • Variablen und Datentypen
  • Funktionen
  • Bedingungen und Verzweigungen
  • Schleifen
  • Arrays
  • Grundlagen der objektorientierten Programmierung
  • Debugging

• Grafik und Animation
  • 2D-Grafiken
  • Formen und Farben
  • Transformationen
  • Animationen
  • Interaktive Anwendungen
  • Zeit- und Maussteuerung

• Generative Gestaltung
  • Zufallszahlen
  • Perlin Noise
  • Algorithmische Muster
  • Fraktale und Rekursion
  • Parametrisches Design
  • Generative Art

• Typografie und Datenvisualisierung
  • Arbeiten mit Schrift
  • Typografie als Gestaltungselement
  • Diagramme und Visualisierungen
  • Kartografische Daten
  • Netzwerkdiagramme
  • JSON- und CSV-Daten verarbeiten
  • 3D und Shader
  • Grundlagen von WebGL
  • 3D-Objekte
  • Licht und Materialien
  • Shader mit GLSL
  • Interaktive 3D-Szenen

• Multimedia und Interaktion
  • Audio-Eingaben
  • Webcam und Video
  • Benutzereingaben
  • Responsive Sketches
  • Export für Web und Präsentationen

• Aktuelle Creative-Coding-Workflows
  • Performance-Optimierung
  • Canvas API
  • Zusammenspiel mit HTML und CSS
  • Einführung in KI-gestützte Kreativwerkzeuge
  • Best Practices für kreative Projekte

LernzieleNach dem Seminar beherrschen Sie die Grundlagen des Creative Coding und entwickeln eigenständig interaktive Anwendungen, Animationen und generative Grafiken mit Processing und p5.js. Sie setzen Programmierkonzepte gezielt für gestalterische Aufgaben ein, visualisieren Daten, erstellen algorithmische Kunstwerke und integrieren moderne Web-Technologien in kreative Projekte. Darüber hinaus kennen Sie aktuelle Workflows für digitale Gestaltung und interaktive Medien.ZielgruppenDas Seminar richtet sich an Designer, Mediengestalter, Künstler, Entwickler, Studierende sowie alle Interessierten, die kreative Gestaltung mit Programmierung verbinden möchten.TeilnahmevoraussetzungenSie benötigen Interesse an Gestaltung, Design oder digitalen Medien.Programmierkenntnisse sind nicht erforderlich.Grundkenntnisse im Umgang mit einem Computer und einem Webbrowser werden vorausgesetzt.