Gymnasium Löbau/Vertiefungsklasse 2015/Turtlegrafik-Lösungen (I)

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
== Vorüberlegung / Wiederholung ==

Wir erinnern uns: Jede Grafik-Prozedur soll den zusätzlichen Parameter <tt>turtle</tt> enthalten, mit dem entschieden werden kann, durch welche Turtle diese Prozedur genutzt werden soll, z.&nbsp;B.:

 function dreieck(turtle, x) {
  for (var i = 1; i <= 3; i++) {
   turtle.forward(x);
   turtle.right(120);
  } 
 }

In diesem Fall könnte die Prozedur <tt>dreieck</tt> von <tt>turtle1</tt> ebenso genutzt werden wie von <tt>turtle5</tt>:

 dreieck(turtle1, 100);
 dreieck(turtle5, 20);

Damit muss diese Prozedur nicht jedes Mal neu definiert werden.  

== Lösungen zu den Aufgaben ==

<ol>
<li>
=== Nikolaushaus ===

<code id="5c9ceecc455ff">
function quadrat(turtle, x) {
 for (var i = 1; i <= 4; i++) {
  turtle.forward(x);
  turtle.right(90);
 }
}

function nikolaushaus(turtle, x) {
 //Anweisungen
}
</code>

<canvas w="400" h="300"></canvas>

<run id="5c9ceecc4580b">
canvas1.clear(); 
turtle1.move(100, 250);
nikolaushaus(turtle1, 150);
</run>
</li>
<li>
=== Treppe ===

<code id="5c9ceecc45675">
function treppe(turtle, x, n) {
 //Anweisungen
}
</code>

<canvas w="400" h="300"></canvas>

<run id="5c9ceecc4586d">
canvas2.clear(); 
turtle2.move(100, 250);
treppe(turtle2, 20, 10);
</run>
</li>
<li>

=== Pentagramm ===

<code id="5c9ceecc456d8">
function pentagramm(turtle, x) {
 //Anweisungen
}
</code>

<canvas w="400" h="300"></canvas>

<run id="5c9ceecc458cb">
canvas3.clear(); 
turtle3.move(175, 250);
pentagramm(turtle3, 200);
</run>
</li>
<li>
=== Rosette ===

<code id="5c9ceecc45737">
function rosette(turtle, x, m, n) {
 //Anweisungen
}
</code>

<canvas w="400" h="300"></canvas>

<run id="5c9ceecc45929">
canvas4.clear(); 
turtle4.move(200, 150);
rosette(turtle4, 50, 20, 5);
</run>
</li>
<li>
=== Quadrat-Raster ===

<code id="5c9ceecc45797">
function raster(turtle, x, n) {
 //Anweisungen
}
</code>

<canvas w="400" h="300"></canvas>

<run id="5c9ceecc45988">
canvas5.clear(); 
turtle5.move(100, 250);
raster(turtle5, 20, 10);
</run>
</li>
</ol>

Zurück zur [[Gymnasium Löbau/Vertiefungsklasse 2015/Turtlegrafik (I)|Turtlegrafik (I)]].