Programmiersprachen 1
Semester: Wintersemester 2019/20
Group: KG1
Program: BA Communication Design
Program: BA Communication Design
Location: B 1.14
Time: Wednesdays 9:00-10:30 (Gruppe B), 10:45-12:15 (Gruppe A)
Time: Wednesdays 9:00-10:30 (Gruppe B), 10:45-12:15 (Gruppe A)
Teacher: Niklas Sonnenschein (in Vertretung für Prof. Andi Pollok)
Course Description
Dieser Kurs ist der Übungsteil von "Programmiertes Entwerfen 1". 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 Grundformen, Kompositionen, Transformationen, Reihen und Skalen. Siehe Beispiele.
Lehrziel
Ziel soll sein, Code als Gestaltungsmittel kennenzulernen und die Möglichkeiten von Parametrisierung und generativem Gestalten zu begreifen.
Code Examples
-
Grundformen
Kreis, Quadrat und Dreieck -
Mausposition
-
Zeichnen mit Mausbewegungen
Zeichne eine Linie von voriger zu aktueller Mausposition -
Dynamischer Pinsel
Die Mausposition bestimmt die Grösse des Pinsels -
Animation
If-Abfragen zu konditionellen Ausführung von Codeblöcken -
Statisches Grid
Schleifen zur Wiederholung von Codeblöcken -
Grid mit Grössenänderung
Basierend auf Mausposition verändert sich die Grösse -
Skalierung mit Animation
-
Skalierung mit Mausposition
-
Rotation
-
Rotation mehrerer Elemente
-
Rotation vieler Elemente
-
Zufallszahlen
Horizontale Position eines Elements wird zufällig gewählt -
Zufall 2
Horizontale und vertikale Position eines Elements wird zufällig gewählt -
Skala 1
Einfache Skala -
Skala 2
Skala mit Zeiger -
Skala 3
Interaktive Skala -
Skala 4
Wellenförmige Skala -
Skala 5
Skala mit gedrehten Elementen und Linie als Zeiger -
Skala 6
Kreisförmige Skala -
Skala 7
Ellipsenförmige Skala -
Skala 9
Inverse Grösse -
Skala 10
Doppelte Grösse -
Skala 11
Doppelte Grösse -
Skala 12
Doppelte Grösse
Books
-
Designing Programmes / Programme Entwerfen
Karl Gerstner
1964Das Grundlagenbuch -
Programmed Design – Basic Principles for Visualizing by means of Signs / Programmiertes Gestalten - Grundlagen für das Visualisieren mit Zeichen
Herbert W. Kapitzki
1980 -
Grid Index
Carsten Nicolai
2009 -
Design By Numbers
John Maeda
1999 -
Square Circle Triangle
Bruno Munari
1960, 1964, 1976 -
Generative Gestaltung
Benedikt Gross, Hartmut Bohnacker, Julia Laub, Claudius Lazzeroni
2018 -
Analog Algorithm
Christoph Grünberger
2019Source-Related Grid Systems -
FORM+CODE
Casey Reas, Chandler McWilliams, LUST
2012Buch mit vielen Beispielen auf der Website -
Flatland. Eine phantastische Geschichte über viele Dimensionen von A. Square
Edwin Abbott Abbott
1884
Links
-
Kurs Repository
Material zum Kurs von Niklas Sonnenschein auf Github, inklusive einem Wiki mit Code Snippets 🙌 -
Coding Train by Dan Shiffman
YouTube Tutorials zum Lernen von P5JS! 🌈 -
P5 Playground by Yining Shi
Zum Kennenlernen der grundlegenden Zeichenfunktionen. -
Designing Programmes by Mark Webster
Designing Programs is a practical and pedagogical approach to programming, tailored for visual arts students -
P5 Demos by Matt Desl
Some examples using p5.js for generative art, motion graphics, and interactive design. -
VART Institute by Jenn Schiffer
Learning about art, using JavaScript. -
Awesome Creative Coding
Carefully curated list of awesome creative coding resources primarily for beginners/intermediates. -
Portfolio Brendan Dawes
Beispiele für den Einsatz von generativer Gestaltung in kommerziellen und freien Projekten -
Portfolio FIELD
Beispiele für den Einsatz von generativer Gestaltung in kommerziellen und freien Projekten -
Portfolio Variable
Beispiele für den Einsatz von generativer Gestaltung in kommerziellen und freien Projekten