Turtlegrafik-Lösungen (I)

Aus ProgrammingWiki

Inhaltsverzeichnis 1 Vorüberlegung 2 Lösungen zu den Aufgaben 2.1 Nikolaushaus 2.2 Treppe 2.3 Pentagramm 2.4 Rosette 2.5 Quadrat-Raster

Vorüberlegung

Es ist sinnvoll, jede Grafik-Prozedur mit einem zusätzlichen Parameter zu ergänzen, mit dem entschieden werden kann, durch welche Turtle diese Prozedur genutzt werden soll, z. B.:

function dreieck(turtle, x) {
 for (var i = 1; i <= 3; i++) {
  turtle.forward(x);
  turtle.right(120);
 } 
}

In diesem Fall könnte die Prozedur quadrat von turtle1 ebenso genutzt werden wie von turtle5:

dreieck(turtle1, 100);
dreieck(turtle5, 20);

Damit muss diese Prozedur nicht jedes Mal neu definiert werden.

Lösungen zu den Aufgaben

1. Nikolaushaus

   function quadrat(turtle, x) { for (var i = 1; i <= 4; i++) { turtle.forward(x); turtle.right(90); } } function nikolaushaus(turtle, x) { }

   canvas1.clear(); turtle1.move(100, 250); nikolaushaus(turtle1, 150);

   ausführen

2. Treppe

   function treppe(turtle, x, n) { }

   canvas2.clear(); turtle2.move(100, 250); treppe(turtle2, 20, 10);

   ausführen

3. Pentagramm

   function pentagramm(turtle, x) { }

   canvas3.clear(); turtle3.move(175, 250); pentagramm(turtle3, 200);

   ausführen

4. Rosette

   function rosette(turtle, x, m, n) { }

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

   ausführen

5. Quadrat-Raster

   function raster(turtle, x, n) { }

   canvas5.clear(); turtle5.move(100, 250); raster(turtle5, 20, 10);

   ausführen

Zurück zur Turtle Zeichnen 2.