PMG10 1920/Turtle Zeichnen 1

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="5d7f591e134a3">
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="5d7f591e13517">
var c = new Canvas(2);
c.clear(); // Zeichenfläche löschen

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

t.home();
<code id="5d937f4d21a6b" hidden>var isUp = false;

t.penColor(10+50,5,32-2*i); 
t.penWidth(1)

t.right(90)
t.forward(90)
t.left(90)
t.forward(90)
t.left(90)
t.forward(90)
t.left(90)
t.forward(90)
t.left(45)
t.forward(65)
t.left(90)
t.forward(64)</code>

<code id="5d9381e5da980" hidden>var isUp = false;

for(var i = 1 ; i < 5; i++) {  
  
 t.penWidth(4);
 t.forward(50);  
 t.right(90); 
 isUp = !isUp; 
}</code>

</run>