Programmiersprachen 1

Semester: Sommersemester 2020

Group: KG1
Program: BA Communication Design

Location: Online
Time: Mittwoch 9:00-10:30 (Gruppe B), 10:45-12:15 (Gruppe A)

Teacher: 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.

Projects

P5JS Sketchbook aller Projekte

Code Examples

Grundformen

Kreis, Quadrat und Dreieck
Mausposition

Die Position des Elements folgt der Maus
Dynamischer Pinsel

Die Mausposition bestimmt die Grösse des Pinsels
Reihe mit Skalierung

Zeichnen einer Reihe mit Hilfe einer for() Schleife
Reihe mit Variation der Konturbreite

Zeichnen einer Reihe und Veränderung der Konturbreite
Zwei gegenläufige Reihen

Zeichnen von zwei Reihen mit gegenläufigen Eigenschaften
Rotation

Rotieren mehrerer Elemente
Reihe mit Rotation

Zeichnen einer Reihe und rotieren der Elemente
Reihe mit modulierter Kontur

Zeichnen einer Reihe und Veränderung der Kontur
Stern

Zeichnen eines Sterns
Reihe aus Sternen

Zeichnen von Sternen mit Veränderung der Spitzenanzahl
Zeichnen von Vielecken

Zeichnen von Shapes mit vertex()
Grid

Anordnung von Elementen im Raster
Look At

Ausrichtung der Elemente nach der Mausposition
Skala - Basics

Grundlegendes Beispiel für eine Skala mit Zeiger
Skala - Transform

Veränderung der aktiven Elemente durch Skalierung
Skala - Rotation

Veränderung der aktiven Elemente durch Rotation
Skala - Animation

Animierter Zeiger
Skala - Wellenform

Wellenförmige Skala
Skala - Dreieck

Dreieckförmige Skala
Skala - Kreis

Kreisförmige Skala
Skala - Ellipse

Ellipsenförmige Skala

HfG Courses Prof. Andi Pollok

Programmiersprachen 1

Course Description

Lehrinhalte

Lehrziel

Projects

Code Examples

Grundformen

Mausposition

Dynamischer Pinsel

Reihe mit Skalierung

Reihe mit Variation der Konturbreite

Zwei gegenläufige Reihen

Rotation

Reihe mit Rotation

Reihe mit modulierter Kontur

Stern

Reihe aus Sternen

Zeichnen von Vielecken

Grid

Look At

Skala - Basics

Skala - Transform

Skala - Rotation

Skala - Animation

Skala - Wellenform

Skala - Dreieck

Skala - Kreis

Skala - Ellipse

Books

Links