Einfache Turtle-Grafiken

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Mit '''Turtle-Grafik''', auch '''Igelgrafik''', wird eine Bildbeschreibungssprache bezeichnet, bei der man sich vorstellt, dass ein stifttragender Roboter (die Schildkröte, engl. „turtle“) sich auf der Zeichenebene bewegt und mit einfachen Kommandos, wie Stift heben, senken, vorwärts laufen und drehen, gesteuert werden kann.

Hier kommt eine kleine Übersicht zu Befehlen der Objekte Canvas und Turtle:

{| border="1" 
 |- style="background-color:#dddddd" 
 | Canvas                                   ||
 |- style="background-color:#ffffff" 
 | Leinwandgröße	                    ||  canvas w=400 h=400                                              
 |-
 | Leinwand löschen	                    ||  canvas.clear()                          
 |- style="background-color:#dddddd" 
 | Objekt Turtle (zeichnende Schildkröte)   ||
 |- style="background-color:#ffffff" 
 | Turtle geht x Schritte vorwärts         ||  turtle.forward(x);                      
 |-
 | Turtle geht x Schritte rückwärts  || turtle.backward(x);
 |-
 | Turtle dreht sich x° nach rechts||	turtle.right(x);
 |-
 | Turtle dreht sich x° nach links ||	turtle.left(x);
 |-
 | Turtle dreht sich um x° absolut ||	turtle.setAngle(x);
 |-
 | Turtle geht in die Mitte der Zeichenfläche ||	turtle.home();
 |-
 | Turtle hebt den Schift	    ||  turtle.penUp();
 |-
 | Turtle setzt den Stift zum Zeichnen ab  ||	turtle.penDown();
 |}


<run id="5aa0fa71e54ee">
canvas.clear(); // Zeichenfläche löschen
turtle.move(50,250);

 turtle.penWidth(5);
 turtle.forward(150);  
 turtle.right(90); 
 turtle.forward(150);

</run>

<canvas w=800 h=300></canvas>

Ergänze den Quellcode in der Run-Box so, dass in der Canvas-Fläche ein Quadrat entsteht.

#[[Einfache Turtle-Grafiken selbst erstellen]]





[Quelle: entnommen von: http://programmingwiki.de/Huelsse/Profil_Nawi/Java/Java-Turtle_-_Sequenzen]