# Creative Coding: Programmiere visuelles Material mit JavaScript | Domestika

> Ein Kurs von Bruno Imbrizi · Web & App Design · Anfänger
> 21 Lektionen (2h 42m) · 97% der 1224 Bewertungen der Lernenden sind positiv

Creative Coding ist ein Gebiet, das sich ständig weiterentwickelt und immer wieder neue Herausforderungen bringt, wie neue Techniken oder Illustrationsarten.

Für Bruno Imbrizi stellt Creative Coding eine Möglichkeit dar, seine beiden Interessen -- Motion Graphics und visuelle Elemente - miteinander zu verbinden.

Bruno, der mit bekannten Marken wie Adidas, Dell und Universal Music zusammengearbeitet hat, teilt in diesem Kurs sein Fachwissen mit dir und hilft dir dabei, beeindruckende visuelle Elemente mit JavaScript zu erstellen.

Im Laufe dieses Kurses tauchst du in die Welt des Programmierens ein, setzt dich mit ihren Grundlagen auseinander und lernst, mit Creative Coding in JavaScript zu zeichnen.

Möchtest du dein Wissen über Coding vertiefen? Entdecke Brunos zweiten Kurs "[Creative Coding 2.0 in JS: Farbe und Animation](https://www.domestika.org/de/courses/3862-creative-coding-2-0-in-js-farbe-und-animation)", in dem er dir fortgeschrittene Programmiertechniken zur Gestaltung von Visuals mit Farbe, Bewegung und Sound in JavaScript beibringt.

## An wen richtet sich dieser Onlinekurs?

Dieser Kurs richtet sich an alle, die Interesse am Programmieren haben und lernen möchten, visuelle Kompositionen mit JavaScript zu erstellen.

## Was ist das Kursprojekt?

Im Laufe des Kurses entwirfst du mehrere visuelle Kompositionen, die du anschließend mithilfe von JavaScript implementierst.

## Anforderungen und benötigte Materialien

Grundkenntnisse in Mathematik werden empfohlen.

Grundkenntnisse in Mathematik werden empfohlen. Sie benötigen einen Computer mit Node.js sowie Zugriff auf einen Webbrowser und einen Texteditor.

Betriebssysteme:

⦁Linux
⦁SmartOS
⦁macOS 10.7 oder höher
⦁Windows 2008 oder höher

System Anforderungen:

⦁4GB RAM
⦁10 GB freier Speicherplatz

## Inhalt

### Einführung

Willkommen zu diesem Domestika-Kurs! Mein Name ist Bruno, ich bin ein kreativer Programmierer und ich werde Ihnen eine Einführung in das Programmieren aus der Perspektive von jemandem geben, der es liebt, Visuals zu erstellen.

### Grundlagen

In dieser Einheit lernen Sie die Grundlagen der Codierung ausgehend von einer leeren Datei. Ich gebe Ihnen einen Überblick über grundlegende Programmierkonzepte wie Variablen, Funktionen, Arrays und Schleifen, immer durch Beispiele und Zeichnen mit Code. Dann zeige ich Ihnen, wie Sie in Vorbereitung auf die nächsten Einheiten in eine flexiblere Umgebung zum Skizzieren migrieren.

### Skizzentransformation

In dieser Einheit erstellen wir eine neue Skizze mit Leinwandtransformationen: Translation, Rotation und Skalierung. Wir werden auch ein wenig Trigonometrie verwenden und lernen, wie man eine Bibliothek von Dienstprogrammfunktionen installiert.

### Sketch-Agenten

In dieser Einheit erstellen wir eine animierte Skizze mit Agenten, die sich zufällig auf der Leinwand bewegen. Wir lernen auch, wie man Linien zwischen ihnen basierend auf ihrer Nähe zieht und wie man die Animation als Videodatei exportiert.

### Skizzenrauschen

In dieser Einheit werden wir das Raster noch einmal besuchen, Rauschen verwenden, um Zufälligkeiten zu generieren und lernen, wie man ein Panel mit Schiebereglern hinzufügt, um unsere Skizze in Echtzeit zu optimieren.

### Skizzentyp

In dieser Einheit lernen Sie den Umgang mit Text, asynchrone Funktionen und das Auslesen von Farbwerten aus den Pixeln unserer Leinwand.

## Audio und Untertitel

**Audio:** Englisch, Spanisch (Latam), Französisch, Italienisch, Portugiesisch, Türkisch

**Untertitel:** Spanisch, Englisch, Portugiesisch, Deutsch, Französisch, Italienisch, Polnisch, Niederländisch, Türkisch

[Creative Coding: Programmiere visuelles Material mit JavaScript](https://www.domestika.org/de/courses/2729-creative-coding-programmiere-visuelles-material-mit-javascript)