130
Bearbeitungen
Lernpfad:Programmierung mit Javascript und p5js/Farbe in p5js (Regenbogen): Unterschied zwischen den Versionen
Lernpfad:Programmierung mit Javascript und p5js/Farbe in p5js (Regenbogen) (Quelltext anzeigen)
Version vom 14. April 2019, 22:49 Uhr
, 22:49, 14. Apr. 2019keine Bearbeitungszusammenfassung
Thi (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Thi (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 8: | Zeile 8: | ||
# stroke(r,g,b) legt die Farbe der Kontur einer Form fest | # stroke(r,g,b) legt die Farbe der Kontur einer Form fest | ||
Das folgende Programm zeichnet ein paar bunte Formen. | |||
<syntaxhighlight lang="javascript"> | |||
function setup() { | |||
createCanvas(400, 250); | |||
} | |||
function draw() { | |||
background(220); | |||
fill(255, 0, 255); | |||
rect(10, 10, 100,100); | |||
fill(255,0,0); | |||
ellipse(250,50,20); | |||
fill(0,255,0); | |||
triangle(150,150,110,260,190,260); | |||
} | |||
</syntaxhighlight> | |||
{{Aufgabe:Start}} | |||
Erstelle ein Programm, das ein Haus mit einem Baum darstellt. | |||
{{Aufgabe:End}} | |||
{{Aufgabe:Start}} | |||
Der folgende Quelltext zeichnet zwei Kreise am unteren Rand des Zeichenfeldes. | Der folgende Quelltext zeichnet zwei Kreise am unteren Rand des Zeichenfeldes. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
| Zeile 22: | Zeile 44: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Ergänze die zwei Kreise zu einem Regenbogen. Beachte dabei, dass die kleineren Kreise am Ende gezeichnet werden sollten. | Ergänze die zwei Kreise zu einem Regenbogen. Beachte dabei, dass die kleineren Kreise am Ende gezeichnet werden sollten. | ||
{{Aufgabe:End}} | {{Aufgabe:End}} | ||