Programmiersprachen 2
Semester: Sommersemester 2020
Group: KG2
Program: BA Communication Design
Credits: 2SWS
Program: BA Communication Design
Credits: 2SWS
Location: Online
Time: Mondays 13:00 - 14:30
Time: Mondays 13:00 - 14:30
Course Description
(Basierend auf dem Programm von Prof. Michael Götte)
Dieser Kurs ist der Übungsteil von Programmiertes Entwerfen 2. Wir setzen die Entwürfe mit Hilfe von verschiedenen Tools um, und machen sie interaktiv (reagieren auf Maus- und Keyboardinput) und dynamisch (animiert oder zufallsgesteuert).
Lehrinhalte
Wir beschäftigen uns mit Farbe und Form, erstellen interaktive Farbtafeln, Farbreihen und Farbmatrizen. Siehe Beispiele.
Lehrziel
Ziel soll sein, das Zusammenspiel mehrerer Farben spielerisch zu erforschen und die Wirkungsweise von Farben zueinander besser zu begreifen.
Code Examples
-
Additive Farbmischung
Simulation einer additiven Farbmischung -
Subtraktive Farbmischung
Simulation einer subtraktiven Farbmischung -
Additives Muster
-
Subtraktives Muster
-
Make 1 Color look like 2
Die Elemente haben die gleiche Farbe, wirken aber unterschiedlich -
Make 2 Colors look like 1
Die Elemente haben unterschiedliche Farben, wirken aber wie dieselbe -
Make 1 Color look like the opposite
Die Elemente haben dieselbe Farbe und wirken wie die gegenüberliegenden Hintergründe -
Make opaque colors appear transparent
Die Elemente wirken transparent, sind aber mit Farbflächen gefüllt -
Farbreihe 1
Farbtonverlauf -
Farbreihe 2
Sättigungsverlauf -
Farbreihe 3
Hell-Dunkel-Verlauf -
Farbmodi
Farbtonverläufe HSB vs RGB -
Farbmatrix 1
2-dimensionaler Verlauf von Farbton und Sättigung in HSB -
Farbmatrix 2
2-dimensionaler Verlauf von Farbton und Helligkeit in HSB -
Farbmatrix 3
2-dimensionaler Verlauf von Farbton, Helligkeit und Sättigung in HSB -
Farbmatrix 4
2-dimensionaler Verlauf von Farbton, Helligkeit und Sättigung in RGB
Links
-
Coding Train by Dan Shiffman
YouTube Tutorials zum Lernen von P5JS! 🌈 -
Generative Gestaltung
Zahlreiche P5JS Beispiele aus dem Buch "Generative Gestaltung" von Benedikt Gross, Julia Laub und Hartmut Bohnacker -
p5js Reference: Color
Erklärung der Farbfunktionen in p5js, aus dem Buch "Learning Processing" von Daniel Shiffman -
P5 Playground by Yining Shi
Zum Kennenlernen der grundlegenden Zeichenfunktionen.