Turtlegrafik (II)

Aus ProgrammingWiki

Inhaltsverzeichnis 1 Die Turtle trifft Entscheidungen 1.1 Ein Beispiel aus der Mathematik 2 Vom Pentagramm zum "N-Spitz" 3 Aufgaben 3.1 Strich- und Zickzacklinie 3.2 Mehrfarbige Rosetten

Die Turtle trifft Entscheidungen

Wir wollen ein beliebiges N-Eck mehrfarbig zeichnen.

function n_eck(turtle, x, n) { for (var i = 1; i <= n; i++) { if (i % 2 == 0) turtle.penColor(255, 0, 0); else turtle.penColor(0, 0, 255); turtle.forward(x); turtle.right(360 / n); } }

canvas1.clear(); turtle1.move(100, 200); n_eck(turtle1, 70, 10);

ausführen

Syntax der neuen Sprachelemente:

• Zweiseitige Verzweigungen:

  if <Bedingung> {
   //Falls-Anweisung(en)
  }
  else {
   //Sonst-Anweisung(en)
  } 
  

• Verzweigungen können auch einseitig sein, d.h. folgende Syntax haben:

  if <Bedingung> {
   //Falls-Anweisung(en)
  }
  

• Mit den Standardfunktionen Math.floor und Math.round kann der ganzzahlige Anteil bzw. der ganzzahlig gerundete Wert der Variablen zahl ermittelt werden:

  ganz = Math.floor(zahl);
  gerundet = Math.round(zahl);
  

• Die Anweisung

  rest = zahl % n;

  gibt den Rest der ganzzahligen Division der Variablen zahl und n an.

• Ein Beispiel aus der Mathematik

  function GeradTest(n) { if (n % 2 == 0) return n + " ist eine gerade Zahl."; else return n + " ist eine ungerade Zahl."; }

  GeradTest(27);

  ausführen

Vom Pentagramm zum "N-Spitz"

Experimentiere mit der folgenden Prozedur. Variiere dazu die Parameter und verändere die Farbwerte.

function n_spitz(turtle, x, n) { var winkel; if (n % 2 == 0) winkel = 180 - 360 / n; else winkel = 180 - 180 / n; for (var i = 1; i <= n; i++) { turtle.penColor(Math.round(i * 250 / n), 0, Math.round(250 - 250 / n * i)); turtle.forward(x); turtle.right(winkel); } }

canvas2.clear(); turtle2.move(200, 250); n_spitz(turtle2, 200, 35);

ausführen

Kannst Du allgemein beschreiben, welche "N-Spitze" nicht exakt gezeichnet werden?

Aufgaben

Die Prozeduren zu den nachfolgenden Aufgaben können entweder unter dem eigenen Benutzernamen oder auf der unten verlinkten Lösungsseite implementiert werden.

1. Strich- und Zickzacklinie

   Schreibe je eine Prozedur zur Darstellung einer Strich- bzw. Zickzacklinie. Diese Linienarten sollen zunächst wie in der Abbildung einfarbig sein.

   

   

   Farbrosette mit Quadraten

   

   Gestalte nun die Linienarten mit wechselnden Farben.

2. Mehrfarbige Rosetten

   Entwickle eine Prozedur, mit der Rosetten in wechselnden Farben gezeichnet werden können.
   Diese Rosetten sollen wie in Turtlegrafik (I) aus gedrehten regelmäßigen N-Ecken gebildet werden.

Zu den Lösungen der Aufgaben.