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

Lernpfad:Programmierung mit Javascript und p5js (Quelltext anzeigen)

1.124 Bytes hinzugefügt , 13:40, 26. Dez. 2018

130

Bearbeitungen

@@ Zeile 20: / Zeile 20: @@
 [[Datei:P5js_1_1_Bewegter_Kreis.png | right]]
 Zunächst einmal lernen wir ein paar vorhandenen [[http://p5js.org/reference/ p5js-Befehle]] kennen.
-*ellipse zeichnet einen Kreis (oder genauer eine Ellipse).
+Der Befehl ellipse() zeichnet einen Kreis (oder genauer eine Ellipse). In Javascript heißen die Befehle '''Funktionen''' und werden immer mit Klammern geschrieben.
+Bei der Funktion ellipse gehören in die Klammer noch ein paar Informationen(Paramter), damit p5js weiß, an welcher Stelle und wie groß der Kreis werden soll.
+<br />
+Die Syntax einer Funktion beschreibt wie man eine Funktion verwendet bzw. welche Informationen (Parameter) in der Klammer stehen müssen.<br />
+Die Syntax einer Ellipse ist: ellipse(x, y, w, [h]). <br />
+Die Werte haben folgende Bedeutung:
+# x steht für die x-Position,
+# y steht für die y-Position,
+# w steht für die Breite(w kurz für width)
+# [h] steht für die Höhe(h kurz für height), muss aber nicht hinzugefügt werden.
+<br />
+Der Wert mouseX steht für die x-Position der Cursors (Maus-Pfeil). <br />
+'''Aufgaben'''
+Teste das Programm selber und füge weitere Kreise mit
+# veränderter Größe.
+## Ergänze auch einen vierten Wert.
+# anderer Position ein.
+## 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.