Lernpfad:Programmierung mit Javascript und p5js/Die zwei Funktionen setup und draw: Unterschied zwischen den Versionen

Lernpfad:Programmierung mit Javascript und p5js/Die zwei Funktionen setup und draw (Quelltext anzeigen)

Version vom 26. Dezember 2018, 22:47 Uhr

798 Bytes hinzugefügt , 22:47, 26. Dez. 2018

→‎Die zwei Funktionen setup und draw

Thi

Administratoren

130

Bearbeitungen

@@ Zeile 1: / Zeile 1: @@
 ==Die zwei Funktionen setup und draw==
 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.
+* '''draw''': wird standardmäßig 30 mal in der Sekunde aufgerufen.
-** Man kann auch einstellen, ob die Zeichnung wiederholt wird, oder nur einmal passieren soll (noLoop()).
+* '''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 darüber hinaus
-* '''draw''': wird 30 mal in der Sekunde aufgerufen.
+** mit der Funktion '''frameRate()''' einstellen, wie oft die draw-Funktion in der Sekunde aufgerufen wird.
+** mit der Funktion '''noLoop()''' einstellen, ob die draw-Funktion wiederholt aufgerufen wird oder nur einmal aufgerufen werden soll.
+Das folgende Beispiel zeigt noch einmal die Verwendung der beiden Funktionen:
+<syntaxhighlight lang="javascript" line="1" >
+function setup() {
+  createCanvas(100, 100);
+  frameRate(1);  //Die draw-Funktion wird nur einmal pro Sekunde aufgerufen.
+}
+function draw() {
+  background(220);
+  console.log(frameCount); //console.log gibt einen Text in der Konsole aus.
+}
+</syntaxhighlight>
+Erläuterungen zum Programm:
+*In Zeile 3 wird die Wiederholungsgeschwindigkeit für das Zeichenen der draw-Funktion eingestellt.
+*In Zeile 8 wird mit dem Wert ''frameCount'' ausgegeben, wie oft die Funktion draw schon aufgerufen wurde.