Programmiersprachen 2
Semester: Wintersemester 2020/21
Group: KG2
Program: BA Communication Design
Credits: 2SWS
Program: BA Communication Design
Credits: 2SWS
Location: Online
Time: Thursdays 13:00 - 16:00
Time: Thursdays 13:00 - 16:00
Course Description
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
-
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 -
A short history of color theory
Ein Kapitel des Online-Buchs "Programming Design Systems" von Rune Madsen