130
Bearbeitungen
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, 23:26 Uhr
, 23:26, 26. Dez. 2018→Die zwei Funktionen setup und draw
Thi (Diskussion | Beiträge) |
Thi (Diskussion | Beiträge) |
||
| Zeile 15: | Zeile 15: | ||
function setup() { | function setup() { | ||
createCanvas(100, 100); | createCanvas(100, 100); | ||
frameRate( | frameRate(10); //Die draw-Funktion wird nur einmal pro Sekunde aufgerufen. | ||
} | } | ||
| Zeile 29: | Zeile 29: | ||
===Aufgaben=== | ===Aufgaben=== | ||
Ändere das obige Programm so um, | Ändere das obige Programm so um, | ||
# dass die draw-Funktion | # dass die draw-Funktion 1 mal pro Sekunde aufrufen. Beobachte was mit der Ausgabe passiert. | ||
# dass die draw-Funktion nur einmal aufgerufen wird. | # dass die draw-Funktion insgesamt nur einmal aufgerufen wird. | ||
====Für Fortgeschrittene==== | ====Für Fortgeschrittene==== | ||
{{Collapse:Start}} | {{Collapse:Start}} | ||
Veränder das Programm so, dass ein Kreis bei Cursor-Position gezeichnet wird. Welche Auswirkung haben Änderungen der folgenden Funktionen auf die Ausführung des Programms | Veränder das Programm so, dass ein Kreis bei Cursor-Position gezeichnet wird. <br /> | ||
#'''frameRate()''' | Welche Auswirkung haben Änderungen der folgenden Funktionen auf die Ausführung des Programms? | ||
#'''noLoop()''' | # Ändere den Wert ''w'' in '''frameRate(''' ''w'' ''')'''. | ||
# | # Füge '''noLoop()''' in der setup-Funktion hinzu. | ||
# Entferne die Zeile '''background(220);''' | |||
{{Collapse:End}} | {{Collapse:End}} | ||