Lernpfad:Programmierung mit Javascript und p5js: Unterschied zwischen den Versionen

{{Status/In Bearbeitung von|thi}}{{Warnung|Dieser Lernpfad ist derzeit noch im Aufbau.}}

In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der Programmiersprache Javascript kennen.

In jedem Schritt werden Konzepte der Programmierung in Javascript mit der Bibliothek p5js vorgestellt.  

[[Datei:P5js 02 Editor - Erlaeuterung.png | right | 500px ]]

Javascript ist eine Programmiersprache, die in jedem Browser läuft. P5js ist eine Sammlung von Befehlen, mit denen man relativ leicht Dinge zeichnen und animieren kann. Und der [https://editor.p5js.org/ Editor] von p5js bietet die Möglichkeit direkt mit dem Programmieren loszulegen, ohne irgendetwas installieren zu müssen.

# Projekt-Auswahlbereich (Hier findet man alle Projekte, die man gespeichert hat und weitere Beispiele)

[[Datei:P5js_1_1_Bewegter_Kreis.png | right]]

Zunächst einmal lernen wir ein paar vorhandenen [[http://p5js.org/reference/ p5js-Befehle]] kennen.  

## Lass die anderen Kreise höher und tiefer erscheinen. (Hinweis: Hier sollte dir etwas Besonderes auffallen)

## Lass einen Kreis an der Position des Cursors erscheinen.

{{Collapse:Start}}

Es gibt noch weitere Formen in p5js z.B.:  

{{Collapse:End}}

Alle Projekte in p5js heißen ''sketches'' und beinhalten mindestens zwei Funktionen:

* '''setup''': wird genau einmal am Anfang der Ausführung aufgerufen. Hier kann z.B. das Zeichenfeld verändert werden. createCanvas(200, 200); erstellt z.B. ein Zeichenfeld mit 200 x 200 Pixeln.  

** Man kann auch einstellen, ob die Zeichnung wiederholt wird, oder nur einmal passieren soll (noLoop()).

* '''draw''': wird 30 mal in der Sekunde aufgerufen.