Turtlegrafik Leistungskontrolle

Aus ProgrammingWiki

Inhaltsverzeichnis 1 Aufgabe 1 2 Aufgabe 2 3 Aufgabe 3 4 Aufgabe 4 5 Aufgabe 5

Aufgabe 1

1. Erkläre die Bedeutung der nachfolgenden Befehle.

    canvas.clear();
   
    turtle.penColor(0, 255, 0);
   
    turtle.move(200, 150);
   

2. Gegeben ist die folgende Prozedur:

   function grafik(turtle, x, n) {
    var alpha = 360 / n;
    for (var i = 1; i <= n; i++) {
     turtle.forward(x);
     turtle.backward(x);
     turtle.right(alpha);
    }
   }
   

   Skizziere, was mit dem folgenden Prozeduraufruf gezeichnet wird.

   grafik(turtle, 100, 4);
   

Aufgabe 2

Gib die Befehle zum Zeichnen von einem großen N der Größe 100 an.

canvas1.clear(); turtle1.move(50, 150); //Anweisungen zum Zeichnen des "N"

ausführen

Aufgabe 3

1. Vervollständige die nachfolgende Prozedur zum Zeichnen eines Dreieckes.

   function dreieck(turtle, x) { //Anweisungen zum Zeichnen eines Dreiecks }

2. Implementiere nun die Prozedur diagonale, die n Dreiecke in einer Diagonalen anordnen soll (vgl. Abbildung).

   function diagonale(turtle, x, n) { //Anweisungen zum Zeichnen der Dreieck-Diagonalen }

   

   

   Diagonale mit Dreiecken

   canvas2.clear(); turtle2.move(10, 290); //Prozeduraufruf

   ausführen

Aufgabe 4

Gegeben ist:

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

Vervollständige die Prozedur wasserrad, mit der ein vereinfachtes Wasserrad mit einer beliebigen Anzahl n von Schaufeln gezeichnet werden soll (vgl. Abbildung).

function wasserrad(turtle, x, n) { //Anweisungen zum Zeichnen eines Wasserrads }

canvas3.clear(); turtle3.move(100, 150); //Prozeduraufruf

ausführen

Aufgabe 5

1. Nutze die Prozedur dreieck aus Aufgabe 3, um eine farbig gestaltete Rosette zu zeichnen.

   function rosette(turtle, x, n) { //Anweisungen zum Zeichnen einer farbigen Dreieck-Rosette }

   canvas4.clear(); turtle4.move(200, 150); //Prozeduraufruf

   ausführen

2. Beschreibe stichpunktartig Deine Lösungsidee.