Turtlegraphics

To skilpadder på samme strand

Er skilpadden helt alene på stranda si? Neida. Vi kan godt slippe til flere på en gang. Da må vi først lage et canvas-element i html og så fortelle de nye skilpaddene at de skal bruke dette elementet.

Script

<canvas id="Bermuda" width="400" height="150">
<script>
strand = document.getElementById("Bermuda");  // Bermuda er stedet der de to skilpaddene møtes

hans = new Turtle(strand);                    // Skilpadden hans bor på Bermuda
hans.left(90);                                // hans snur seg mot venstre
hans.forward(30);                             // hans går framover

jon = new Turtle(strand);                     // Skilpadden jon bor på samme strand
jon.back(30);                                 // jon går baklengs
</script>

Noen flere skilpaddekommandoer

Nå skal vi se på hvordan vi kan sette farge og tykkelse på streken vi tegner med og hvordan vi kan flytte skilpadden uten å etterlate spor.

Script

strand = document.getElementById("Bali"); // Bali er id-en på et canvas-element

ada = new Turtle(strand);       // Opprett skilpadden og plasser den på rett strand
ada.right(90);                  // Snu mot høyre
ada.forward(30);                // Gå framover
ada.penUp();                    // Løft pennen
ada.forward(30);                // Gå framover  
ada.penDown();                  // Sett pennen ned
ada.lineWidth = 7;              // Sett tykkelse på streken
ada.strokeStyle = "#105000";    // Sett farge på streken
ada.forward(30);                // Gå framover 
ada.hide();                     // Skjul skilpadden

Oppgaver

  1. Bruk skilpadden til å tegne:

    • Et hus, med to uavhengige vinduer på veggen.
    • Ei davidsstjerne
    • To stjerner med ulikt antall takker.
    • Ei trapp