PMG10 2021/Turtle Zeichnen 2

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
Das ProgrammingWiki unterstützt einige [[Canvas_Befehle | Canvas Befehle]]. Ein Canvas ist eine rechteckige Leinwand, auf die wir mittels Javascript zeichnen können.


== Beispiele ==


{| border="0"
 |-
 | '''Fahne''' || '''Pfeil Länge 100, 45° 20 Schritte, Turtle zum Pfeilanfang setzten 
 |-
 | [[Bild:Koehler_Turtle1_fahne.jpg]]<canvas></canvas>  || [[Bild:Koehler_Turtle1_pfeil.jpg]]<canvas></canvas>   
 |-
 | <run id="5f6336de63361" id=""> var c = new Canvas(1); 
c.clear(); // Zeichenfläche löschen 
var t = new Turtle(1); // neuer Turtle auf Zeichenfläche 1 
t.home(); </run>|| 

<run id="5f6336de633d2" id=""> 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>
|}



{| border="0"
 |-
 | '''Quadratturm: 100, 75,50'''  || '''Nikolaushaus: Seitelänge 50''' 
 |-
 | [[Bild:Koehler_Turtle1_quadrat.jpg]] <canvas></canvas>  ||  [[Bild:Koehler_Turtle1_nikolaus.jpg]] <canvas></canvas> 
 |-
 | <run id="5f6336de63446" id=""> var c = new Canvas(3); 
c.clear(); // Zeichenfläche löschen 
var t = new Turtle(3); // neuer Turtle auf Zeichenfläche 3 
t.home(); </run>|| 

<run id="5f6336de634b0" id="">var c = new Canvas(4);
c.clear(); // Zeichenfläche löschen
var t = new Turtle(4); // neuer Turtle auf Zeichenfläche 4
t.home(); </run>
|}

Der Aufruf "canvas.clear (c.clear)" sollte am Anfang jeder Funktion stehen, um die Leinwand zu löschen.
</code>