/ct-gen-art

Primary LanguageHTMLMIT LicenseMIT

Generative Kunst mit P5.js

Willkommen zum Praktikum :)

VSCode Plugin

Für die Entwicklung benötigen wir noch ein Plugin für VSCode: p5.vscode. Das lässt sich über VSCode selbst herunterladen und installieren:

  1. Klick auf Extensions, links in der Toolbar.
  2. Suche nach p5.vscode im Suchfeld
  3. Darauf klicken und Install auswählen.

alt text

Anlegen eines P5 Projekts

Die Tastenkombination Strg (bzw. Cmd) + Shift + p öffnet ein Textfenster in VSCode. In diesem Fenster nach Create p5js Project suchen und mit der Maus anklicken, oder, wenn farblich markiert, mit Enter bestätigen. alt text

Ein Fenster öffnet sich. Dies ist der Ort, an dem das P5js Projekt angelegt wird. Wählt den Hauptordner des Repos.

Coden und ausführen

Links im Explorer sind einige Dateien. Für uns interessant ist sketch.js. Diese Datei wird euren Code enthalten. Wenn ihr darauf klickt und dann ganz rechts unten auf alt text klickt, sollte sich ein Browserfenster öffnen und euer Code laufen!

⛄ ⛄ ⛄ Gratuliere! ⛄ ⛄ ⛄

Issues

Falls etwas nicht so funktioniert wie beschrieben, gebt bitte Bescheid. Danke ❄️