Nach dem Seminar beherrschen Sie die Grundlagen des Creative Coding und entwickeln eigenständig interaktive Anwendungen, Animationen und generative Grafiken mit p5.js. Sie setzen Programmierkonzepte gezielt für gestalterische Aufgaben ein, visualisieren Daten, erstellen algorithmische digitale Grafiken und integrieren moderne Web-Technologien in kreative Projekte. Darüber hinaus kennen Sie aktuelle Workflows für digitale Gestaltung und interaktive Medien.
Processing und die Entstehung von p5.js, ein Überblick
Projektstruktur
Erste Sketches
Programmiergrundlagen
Variablen und Datentypen
Funktionen
Bedingungen und Verzweigungen
Schleifen
Arrays
Grundlagen der objektorientierten Programmierung
Debugging
Grafik und Animation
2D-Grafiken und einfache 3D-Objekte
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
Multimedia und Interaktion
Übertragen von Sketches von p5.js zu Processing, Demonstration
Benutzereingaben
Responsive Sketches
Export für Web
Export in Processing für Präsentationen, Demonstration
Aktuelle Creative-Coding-Workflows
Performance-Optimierung
Zusammenspiel mit HTML und CSS
Einführung in KI-gestützte Kreativwerkzeuge
Best Practices für kreative Projekte
Dauer/zeitlicher Ablauf:
3 Tage
Zielgruppe:
Das Seminar richtet sich an Designer, Mediengestalter, Künstler, Entwickler, Studierende sowie alle Interessierten, die kreative Gestaltung mit Programmierung verbinden möchten.
Teilnahmevoraussetzungen
Sie benötigen Interesse an Gestaltung, Design oder digitalen Medien.
Programmierkenntnisse sind nicht erforderlich.
Grundkenntnisse im Umgang mit einem Computer und einem Webbrowser werden vorausgesetzt.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
