Turtlegrafik-Lösungen (II)

Aus ProgrammingWiki

Inhaltsverzeichnis 1 Lösungen zu den Aufgaben 1.1 Strich- und Zickzacklinie 1.2 Mehrfarbige Rosetten 1.3 Mehrfarbige Rosetten mit benutzerdefinierten Farben

Lösungen zu den Aufgaben

1. Strich- und Zickzacklinie

   function strichlinie(turtle, x, n) { }

   canvas1.clear(); turtle1.move(50, 100); strichlinie(turtle1, 50, 10);

   ausführen

   function zickzacklinie(turtle, x, n) { }

   canvas2.clear(); turtle2.move(50, 100); zickzacklinie(turtle2, 50, 10);

   ausführen

2. Mehrfarbige Rosetten

   function n_eck(turtle, x, n) { var winkel = 360 / n; for (var i = 1; i <= n; i++) { turtle.forward(x); turtle.right(winkel); } } function farbrosette1(turtle, x, m, n) { var winkel = 360 / m; var farbanzahl = 6; var z; var r; var g; var b; for (var i = 1; i <= m; i++) { z = i * farbanzahl / (m + 1); r = Math.floor(250 - z * 200 / farbanzahl); //weitere Farbdefinitionen //Anweisungen zum farbigen Zeichnen der Rosette } }

   canvas3.clear(); turtle3.move(200, 150); farbrosette1(turtle3, 50, 20, 5);

   ausführen

   Mehrfarbige Rosetten mit benutzerdefinierten Farben

   Natürlich besteht der Wunsch, den Farbwechsel zwischen benutzerdefinierten Farben vorzunehmen. Dazu müssen diese gesondert angegeben und ausgewählt werden:

   function farbrosette2(turtle, x, m, n) { var winkel = 360 / m; var farbanzahl = 6; var z; for (var i = 1; i <= m; i++) { z = Math.floor(i * farbanzahl / (m + 1)); if (z == 0) turtle.penColor(255, 0, 0); else if (z == 1) turtle.penColor(255, 100, 0); //Setzen weiterer benutzerdefinierten Farbe; else turtle.penColor(200, 50, 200); n_eck(turtle, x, n); turtle.right(winkel); } }

   canvas4.clear(); turtle4.move(200, 150); farbrosette2(turtle4, 50, 20, 5);

   ausführen

Zurück zur Turtlegrafik (II).