PMG1920/Turtle Zeichnen 1

Aus ProgrammingWiki

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
== Beispiel Turtle 1  ==

Das nachfolgende Beispiel zeichnet einen farbigen Kreis. <br>
Versuche durch leichte Anpassung 
* die Turtle sich nach links drehen zu lassen
* die Anzahl der Kreissegmente zu verdoppeln ohne den Radius des Kreises zu vergrößern
* zwei Kreise (links und rechts) hintereinander durch die Turtle zu zeichnen
* dabei die Farben der Segmente zu verändern.

<canvas></canvas>

<run id="5d5a86e4ccdfd">
var c = new Canvas(1);
c.clear(); // Zeichenfläche löschen

var t = new Turtle(1); // neuer Turtle auf Zeichenfläche 1

t.home();

var isUp = false;

for(var i = 0; i < 18; i++){  
 t.penColor(i*10+50,0,250-10*i);  
 t.penWidth(8);
 t.forward(20);  
 t.right(20); 
 isUp = !isUp; 
 if(isUp) t.penUp(); else t.penDown();
}
</run>


== Beispiel Turtle 2 ==

Zeichne in die nächste Zeichenfläche entweder:
* ein Quadrat
* ein Dreieck
* ein Haus <u>oder</u> 
* ein Haus mit Tür und Fenster
* ...

<canvas></canvas>

<run id="5d5a86e4cce68">
var c = new Canvas(2);
c.clear(); // Zeichenfläche löschen

var t = new Turtle(2); // neuer Turtle auf Zeichenfläche 2

t.home();

</run>