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

Zeile 1: Zeile 1:
==Die zwei Funktionen setup und draw==
==Die zwei Funktionen setup und draw==
Alle Projekte in p5js heißen ''sketches'' und beinhalten mindestens zwei Funktionen:
Alle Projekte in p5js heißen ''sketches'' und beinhalten mindestens zwei Funktionen:
{{Schublade |
* '''draw''': wird standardmäßig 30 mal in der Sekunde aufgerufen. Die Zeichen-Funktionen werden in den geschweiften Klammern von draw aufgerufen
* '''draw''': wird standardmäßig 30 mal in der Sekunde aufgerufen. Die Zeichen-Funktionen werden in den geschweiften Klammern von draw aufgerufen
** '''background(220);''' zeichnet zunächst den Hintergrund  über die alte Zeichnung. (0 steht für schwarz, 255 für weiß, alle Werte dazwischen ergeben grau)
** '''background(220);''' zeichnet zunächst den Hintergrund  über die alte Zeichnung. (0 steht für schwarz, 255 für weiß, alle Werte dazwischen ergeben grau)
Zeile 9: Zeile 10:
** mit der Funktion '''frameRate(''' ''r'' ''')''' einstellen, wie oft(''r'' Mal) die draw-Funktion in der Sekunde aufgerufen wird.  
** mit der Funktion '''frameRate(''' ''r'' ''')''' einstellen, wie oft(''r'' Mal) 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.
** mit der Funktion '''noLoop()''' einstellen, ob die draw-Funktion wiederholt aufgerufen wird oder nur einmal aufgerufen werden soll.
 
| Farbe=#ed225d }}
Das folgende Beispiel zeigt noch einmal die Verwendung der beiden Funktionen:
Das folgende Beispiel zeigt noch einmal die Verwendung der beiden Funktionen:
<syntaxhighlight lang="javascript" line="1" >
<syntaxhighlight lang="javascript" line="1" >
130

Bearbeitungen