Einfache Turtle-Grafiken

Aus ProgrammingWiki

Archivierte Version vom 2018-03-08T09:29:24+00:00. Aktuelle Version

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.

canvas.clear(); // Zeichenfläche löschen
turtle.move(50,250);

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

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

canvas.clear(); // Zeichenfläche löschen
turtle.move(100,200);

var isUp = false;

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

Ein Turtle kann gleichzeitig mit dem Canvas Objekt verwendet werden.

Einfache Turtle-Grafiken

Suche