Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung		 Vorherige Überarbeitung
gf_informatik:programmieren_i_new [2023-08-29 08:00] – hofgf_informatik:programmieren_i_new [2026-04-14 07:11] (aktuell) – [Flächen füllen] hof
Zeile 3: Zeile 3:
 ===== - Einführung ===== ===== - Einführung =====
  
-Ein Computer ist zunächst einfach mal eine Maschine, die wahnsinnig schnell arbeiten (rechnen) kann. Damit man zum Beispiel ein Spiel spielen können, muss irgend jemand dem Computer also sagen, was er denn genau zu tun hat. Jemand muss also ein **Computerprogramm**, oder **Code**, schreiben. Dieses besteht aus //Befehlen, die der Computer auszuführen// hat. Damit der Computer auch versteht, was er machen soll, müssen Programmierer und Computer 'die gleiche Sprache' sprechen. Es gibt sehr viele unterschiedliche solche Programmiersprachen mit unterschiedlichen Anwendungsbereiechen und Vor- und Nachteilen.+Ein Computer ist zunächst einfach mal eine Maschine, die wahnsinnig schnell arbeiten (rechnen) kann. Damit man zum Beispiel ein Spiel spielen können, muss irgend jemand dem Computer also sagen, was er denn genau zu tun hat. Jemand muss also ein **Computerprogramm**, oder **Code**, schreiben. Dieses besteht aus //Befehlen, die der Computer auszuführen// hat. Damit der Computer auch versteht, was er machen soll, müssen Programmierer und Computer 'die gleiche Sprache' sprechen. Es gibt sehr viele unterschiedliche solche Programmiersprachen mit unterschiedlichen Anwendungsbereichen und Vor- und Nachteilen.
  
-Wir wählen hier die Programmiersprache **Python**. Im Jahre 2020 ist diese Sprache sicher in der Top 3 der wichtigsten Programmiersprachen - wenn nicht sogar auf dem ersten Platz. Dazu kommt, dass Python im Vergleich zu anderen Sprachen, z.B. C\+\+ (C Plus Plus), Java oder C# (C Sharp) relativ einfach zu erlernen ist. +Wir wählen hier die Programmiersprache **Python**. Im Jahre 2026 ist diese Sprache sicher in der Top 3 der wichtigsten Programmiersprachen - wenn nicht sogar auf dem ersten Platz. Dazu kommt, dass Python im Vergleich zu anderen Sprachen, z.B. C\+\+ (C Plus Plus), Java oder C# (C sharp) relativ einfach zu erlernen ist. 
  
-Wenn wir einen Satz mit vielen Schreibfelern und Grammatikfehler lesen, so sind wir meist trotzdem in der Lage, den Satz zu verstehen. Im Gegensatz zu uns hat ein Computer aber keine Intelligenz und ist deshalb nicht in der Lage, einen Text selbst zu interpretieren. Ein Computer kann ein Programm nur ausführen, wenn es gar keine Fehler, sogenannte **Bugs**, hat. Es ist deshalb ganz wichtig, dass man sich an die formalen Vorgaben der Programmiersprache hält.+Wenn wir einen Satz mit vielen Schreibfelern und Grammatikfehler lesen, so sind wir meist trotzdem in der Lage, den Satz zu verstehen. Im Gegensatz zu uns ist ein Computer ist nicht in der Lage, einen Text selbst zu interpretieren. Ein Computer kann ein Programm nur ausführen, wenn es gar keine Fehler, sogenannte **Bugs**, hat. Es ist deshalb wichtig, dass man sich an die formalen Vorgaben der Programmiersprache hält.
  
-Wie gesagt werden wir in der Programmiersprache Python programmieren. Wir brauchen aber noch ein Programm, um unseren Code zu schreiben und auszuführen, eine sogenannte **IDE (Integrated Development Environment, auf Deutsch Entwicklungsumgebung)**. Dazu wählen wir die IDE **TigerJython**.+==== Installation ==== 
  
 +=== Web Tiger Python ===
 +Am einfachsten ist es, Programme direkt im Web zu schreiben. Wir verwenden die folgenden Seiten:
 +  * [[https://bottom.ch/editor/|bottom.ch/editor]]
 +  * [[https://webtigerpython.ethz.ch/|webtigerpython.ethz.ch]]
  
-==== Installation ====  +Die Programme werden im Web allerdings nicht gespeichert. Am besten dokumentierst du deine Codes, indem du ein [[https://word.cloud.microsoft/|Word]]- oder [[https://onenote.cloud.microsoft/|OneNote]]-Dokument anlegst und darin die Permalinks auf die Aufgaben speicherst.
- +
-=== Web Tiger Jython === +
-Am einfachsten ist es, Programme direkt im Web zu schreiben: auf https://webtigerjython.ethz.ch/.+
  
-Um ein Programm abzuspeichern, musst es heruntergeladen werden.+{{ :gf_informatik:bottom_share.mp4 |}}  {{ :gf_informatik:wtp_share.mp4 |}}
  
 +<nodisp 2>
 +++++ Tiger Jython|
 === Tiger Jython === === Tiger Jython ===
  
-Alternativ steht ein installierbares Programm bereit, das auch _offline_ funktioniert. Gehe auf die Website [[https://www.tjgroup.ch/index.php?site=download|TigerJython]] und lade die passende Version von TigerJython für dein Betriebssystem hinunter und installiere diese.+Alternativ steht ein installierbares Programm bereit, das auch _offline_ funktioniert. Gehe auf die Website [[https://tigerjython.ch/de/products/download|TigerJython]] und lade die passende Version von TigerJython für dein Betriebssystem hinunter und installiere diese.
  
 *Tipp:* Wahrscheinlich benötigst du die 64-bit Version *Tipp:* Wahrscheinlich benötigst du die 64-bit Version
  
-*Achtung Mac User:* Mac User befolgen für die Installation die Schritte auf folgender Seite: [[https://www.tjgroup.ch/index.php?site=installMac]] +== Entwicklungsumgebung ===
- +
-==== Entwicklungsumgebung ==== +
  
 Das Menu in TigerJython oben links sieht aus wie folgt: Das Menu in TigerJython oben links sieht aus wie folgt:
  
-{{:fms_tigerjython:tigerjython_ide.png?300|}}+{{:fms_tigerjython:tigerjython_ide.png?nolink&300|}}
  
 Die wichtigsten Befehle, die du in TigerJython brauchst, sind die vier Symbole ganz links: Die wichtigsten Befehle, die du in TigerJython brauchst, sind die vier Symbole ganz links:
Zeile 41: Zeile 42:
  
 Du solltest dir angewöhnen, möglichst wenig mit der Maus zu machen und anstelle die Tastatur benutzen. Besonders die Taste F5 (Programm ausführen) ist sehr praktisch. Du solltest dir angewöhnen, möglichst wenig mit der Maus zu machen und anstelle die Tastatur benutzen. Besonders die Taste F5 (Programm ausführen) ist sehr praktisch.
 +++++
 +</nodisp>
  
 +==== Dokumentation ====
  
-==== Aufgaben ==== +   * Erstelle eine Ordnerstruktur auf [[https://kantonsschuleromanshorn-my.sharepoint.com/my/|OneDrive]] für jedes Fach, z.B.: `1M/Informatik` 
- +   * Erstelle für jedes Kapitel [[https://word.cloud.microsoft/|Word]]- oder [[https://onenote.cloud.microsoft/|OneNote]]-Dokument, z.B. `1M/Informatik/Programmieren1.docx`. 
-   * In jedem Kapitel gibt es ein **Set an Aufgaben**. Jedes Set ist mit einem Buchstaben gekennzeichnet. +   * Du machst dir Notizen während der Lektionen und zu den Aufgaben. Programme speicherst du als Permalink.
-   * Erstelle an einem Ort auf deinem Computer, der mit OneDrive synchronisiert wird, einen Ordner für die Informatik und darin einen Unterordner für dieses Thema, z.B.: `Informatik\Programmieren 1\` +
-   * Erstelle für **jede Aufgabe eine eigene Datei**. Benenne diese nach dem folgenden Schema: Aufgabe B2 in Datei `aufgabe_B_2`+
    * Für einige Aufgaben wird es **Musterlösungen** geben, aber nicht für alle. Falls du dir unsicher bist: Frage bei der Lehrperson nach.    * Für einige Aufgaben wird es **Musterlösungen** geben, aber nicht für alle. Falls du dir unsicher bist: Frage bei der Lehrperson nach.
    * Du bist **selbst verantwortlich**, dass du alle Aufgaben gelöst hast.    * Du bist **selbst verantwortlich**, dass du alle Aufgaben gelöst hast.
Zeile 55: Zeile 57:
    * Im Dossier gibt es viele kleine **Code-Beispiele**. Tippe diese jeweils //von Hand ab// und versuche, alles zu //verstehen//. Wenn du den Code per Copy-Paste kopierst, lernst du gar nichts!    * Im Dossier gibt es viele kleine **Code-Beispiele**. Tippe diese jeweils //von Hand ab// und versuche, alles zu //verstehen//. Wenn du den Code per Copy-Paste kopierst, lernst du gar nichts!
    * Verwende **Shortcuts**:    * Verwende **Shortcuts**:
-      * Ctrl+S: Speichern (mache dies regelmässig!)+      * Ctrl+Enter: Programm ausführen (statt auf den grünen Pfeil klicken).
       * Generell: Benutze die Maus so wenig wie möglich!       * Generell: Benutze die Maus so wenig wie möglich!
  
 ===== - Einfache Bewegungen ===== ===== - Einfache Bewegungen =====
 +<html><script type="module" src="https://bottom.ch/editor/latest/bottom-editor.js"></script></html>
  
-Kreiere ein neues Projekt und nenne es `turtle_01.py` und füge diesem folgenden Inhalt hinzu: +<html><bottom-editor id="one" layout='canvas'>
- +
-<code python>+
 from turtle import * from turtle import *
  
Zeile 68: Zeile 69:
  
 fritz.forward(100) fritz.forward(100)
-</code> +</bottom-editor></html>
- +
-Verwende anstelle von *fritz* deinen Namen (keine Bindestriche im Namen!)+
  
 Erklärung der Zeilen: Erklärung der Zeilen:
-  - Zuerst musst du das *Modul `turtle` importieren*, damit wir mit Turtlegrafik arbeiten können. +  - Zuerst musst du das *Modul `turtle` importieren*, damit wir mit Turtle-Grafik arbeiten können. 
-  - Erzeuge einen neuen Turtle mit einem Namen. Man nennt dieses auch ein *Turtle-Objekt*. +  - Erzeuge eine neue Turtle mit einem Namen, hier `fritz`. Man nennt dieses auch ein *Turtle-Objekt*. 
-  - Gib deinem Turtle den Befehl, 100 Pixel vorwärts zu laufen.+  - Gib deiner Turtle den Befehl, 100 Pixel vorwärts zu laufen.
  
-Du kannst deinem Turtle nun auch sagen, er soll sich um einen gewissen Winkel drehen oder rückwärts laufen. Die wichtigsten Befehle sind:+Du kannst deiner Turtle befehlen, sie soll sich um einen gewissen Winkel drehen oder rückwärts laufen. Die wichtigsten Befehle sind unten aufgeführt. Jedem Befehl muss der Name der Turtle (im Beispiel `fritz`) und ein Punkt vorangestellt werden. Viele weitere Befehle finden sich auf der  [[gf_informatik:programmieren_i:turtle_summary]].
  
 ^ Befehl ^ Beschreibung ^ ^ Befehl ^ Beschreibung ^
-| forward(s) | s Schritte (in Pixel) vorwärts bewegen         | +| `forward(s)` | `s` Schritte (in Pixel) vorwärts bewegen         | 
-| back(s)    | s Schritte rückwärts bewegen                   | +| `back(s)`  | `s` Schritte rückwärts bewegen                   | 
-| right(w)   | um den Winkel w (in Grad) nach rechts drehen   | +| `right(w)`   | um den Winkel `w` (in Grad) nach rechts drehen   | 
-| left(w)    | um den Winkel w nach links drehen              | +| `left(w)`    | um den Winkel `w` nach links drehen              | 
-| home()     | setzt Turtle in die Mitte des Fensters mit Richtung nach oben | +| `home()`     | setzt Turtle in die Mitte des Fensters mit Richtung nach rechts | 
-| setpos(-100,50) | Setzt Turtle an Position (-100,50) | + 
-| setx(30)     | setzt x-Koordinate des Turtles | +Um die Turtle an eine andere Stelle zu bewegen, brauchst du die folgenden Befehle: 
-| sety(30)     | setzt y-Koordinate des Turtles | + 
-| hideturtle()     | Turtle versteckt sich, darauf folgende Befehle werden ohne Animation ausgeführt |+^ Befehl ^ Erklärung^ 
 +| `teleport(-100,50)` | Springt zu Position (-100,50), ohne eine Linie zu zeichnen. | 
 +| `setpos(-100,50)` | Bewegt Turtle zu Position (-100,50), den Stift unten lassend. | 
 +| `setx(30)`     | setzt x-Koordinate der Turtle (horizontale Verschiebung) | 
 +| `sety(30)`     | setzt y-Koordinate der Turtle (vertikale Verschiebung) | 
 +| `up()` | Hebt den Stift, es wird also **nicht gezeichnet** | 
 +| `down()` | Setzt Stift wieder ab, es wird also wieder **gezeichnet** | 
 + 
 +Du willst mehr machen? Dann findest du viele weitere Funktionen in der [[https://docs.python.org/3/library/turtle.html#turtle-methods|offiziellen Python-Turtle-Dokumentation]].
  
 ==== Aufgaben A ==== ==== Aufgaben A ====
Zeile 98: Zeile 105:
 === Aufgabe A2 === === Aufgabe A2 ===
  
-Programmiere dein Turtle so, dass es ein **Quadrat** abläuft.+Programmiere deine Turtle so, dass sie ein **Quadrat** abläuft.
  
 === Aufgabe A3 === === Aufgabe A3 ===
  
-Programmiere deinen Turtle so, dass er **deinen Namen**, Spitznamen oder zumindest deine Initialen abläuft.+Programmiere deine Turtle so, dass sie **deinen Namen**, Spitznamen oder zumindest deine Initialen abläuft.
  
 === Aufgabe A4 === === Aufgabe A4 ===
  
-Wahrscheinlich hast du die letzte Aufgabe (Quadrat ablaufen) so gelöst, dass dein Code aus 4x genau den gleichen vier Zeilen Code besteht. Dies ist zwar richtig, vom Programmierstyle her aber nicht sehr elegant. Mit `repeat` kannst du sagen, dass du einen Codeblock eine gewisse Anzahl mal hintereinander ausführen möchtest:+Wahrscheinlich hast du die Aufgabe 2 (Quadrat ablaufen) so gelöst, dass dein Code aus 4x genau den gleichen vier Zeilen Code besteht. Dies ist zwar richtig, aber nicht sehr elegant. Mit `repeat` kannst du sagen, dass du einen Codeblock eine gewisse Anzahl mal hintereinander ausführen möchtest:
  
 <code python> <code python>
Zeile 117: Zeile 124:
    * **Kommentare** werden in Python mit `#` gekennzeichnet. Kommentare werden von Python *ignoriert*. Man kann diese z.B. brauchen, um im Code Erklärungen anzufügen, damit jemand andere den Code besser verstehen kann.    * **Kommentare** werden in Python mit `#` gekennzeichnet. Kommentare werden von Python *ignoriert*. Man kann diese z.B. brauchen, um im Code Erklärungen anzufügen, damit jemand andere den Code besser verstehen kann.
  
-Mache eine Kopie deiner Lösung aus Aufgabe A2. Schreibe nun deine Lösung um, indem du den `repeat` Befehl verwendest.+Gehe zurück zu Aufgabe A2. Schreibe deine Lösung um, indem du den `repeat` Befehl verwendest.
  
 ===== - Kreisbogen ===== ===== - Kreisbogen =====
Zeile 133: Zeile 140:
 </code> </code>
  
-Dabei bestimmt das Argument den Radius des Kreise in Pixel.+Dabei bestimmt das Argument den Radius des Kreise in Pixel. Ist der Radius positiv, zeichnen im Gegenuhrzeigersinn, ist er negativ im Uhrzeigersinn.
  
-Um einen Teilkreis zu zeichnen, können wir zusätzlich den `extent` zwischen -360 und 360 Grad übergeben. Positive Werte zeichnen im Gegenuhrzeigersinn, negative im Uhrzeigersinn.+Um einen Teilkreis zu zeichnen, können wir zusätzlich den Winkel zwischen 0 und 360 Grad übergeben.
  
-Zum Beispiel zeichnet man mit dem Befehl `circle(100, 180)` einen Halbkreis (180 Grad Winkel) mit Radius 100 Pixel.+Zum Beispiel zeichnet man mit dem Befehl `circle(-100, 180)` einen Halbkreis (180 Grad Winkel) mit Radius 100 Pixel im Uhrzeigersinn.
  
 ==== Aufgaben B ==== ==== Aufgaben B ====
Zeile 145: Zeile 152:
 Verwende die Befehle `dot(), forward(), right(), left()`, um folgende Figur zu zeichnen: Verwende die Befehle `dot(), forward(), right(), left()`, um folgende Figur zu zeichnen:
  
-{{:gf_informatik:s1a4.png?300|}}+{{:gf_informatik:s1a4.png?nolink&300|}}
  
 Versuche nun deinen Code zu kurz wie möglich zu schreiben. Vermeide Code-Wiederholungen, arbeite deshalb mit `repeat`. Versuche nun deinen Code zu kurz wie möglich zu schreiben. Vermeide Code-Wiederholungen, arbeite deshalb mit `repeat`.
Zeile 153: Zeile 160:
 Zeichne mit Hilfe der Befehle `circle()` die nebenstehende Figur. Zeichne mit Hilfe der Befehle `circle()` die nebenstehende Figur.
  
-{{:gf_informatik:a1_6.png?300|}}+{{:gf_informatik:a1_6.png?nolink&300|}}
  
 === Aufgabe B3 === === Aufgabe B3 ===
Zeile 159: Zeile 166:
 Zeichne die folgende Schmetterling-Figur: Zeichne die folgende Schmetterling-Figur:
  
-{{: gf_informatik:butterfly.png?250|}}+{{: gf_informatik:butterfly.png?nolink&250|}}
  
 === Aufgabe B4 === === Aufgabe B4 ===
Zeile 165: Zeile 172:
 Zeichne die folgenden Figuren; Zeichne die folgenden Figuren;
  
-{{:gf_informatik:s1a123.png?600|}}+{{:gf_informatik:s1a123.png?nolink&600|}}
  
 === Aufgabe B5 === === Aufgabe B5 ===
Zeile 171: Zeile 178:
 Gelingt es dir die nebenstehende Figur in einem Zug zu zeichnen, ohne dass dabei eine Strecke zweimal durchlaufen wird? Gelingt es dir die nebenstehende Figur in einem Zug zu zeichnen, ohne dass dabei eine Strecke zweimal durchlaufen wird?
  
-{{: gf_informatik:s1a5.png?200|}}+{{: gf_informatik:s1a5.png?nolink&200|}}
  
  
Zeile 180: Zeile 187:
 ==== Flächen füllen ==== ==== Flächen füllen ====
  
-Just for fun: Kopiere den folgenden Code eine und führe diesen aus:+Just for fun: 
 +  * Kopiere den folgenden Code nach TigerPython (oder folge [[https://webtigerpython.ethz.ch/#?code=NobwRAdghgtgpmAXGGUCWEB0AHAnmAGjABMoAXKJMAYgAIAVAVwCcyAbOWgdzWeNrQxsAe1Zo4rWowj84GThDiNOTVh1ow0ZADoQ6xODFoA5WHAi0A5ADNmWgF6XuvWcwDOZOGzZlMuuvQA8gAigQJComS0EgDmACcQ9ua6tg60ALwMLOxwABQAlLr-tABidmT2zny00ADGABa0wgBG5lIytGwYANZutJ4cImISvinl9pgDcENkuQC0AKwADAS0y4UQxZjbugDKtcxw5gWYzTG1wmyiudpgh8S3G6kVmBdXzDdgXPVacI9FEGeE1aMQwAH1rGhvAVdIdsHByLQACyIXS0dG0OEIqIAZlRFgxhKBmGsoi4UD4uQAjEslhtCUTxpg7DF6rMAJx0tEY4kcayzKkADi5gKZ5mIEKhbAKYAAvgBdIA|diesem Link]]), aber führe ihn noch nicht aus! 
 +  * Überlege dir bei jedem Codeblock, was dieser tut, und dokumentiere in einem Kommentar! 
 +  * Vergleicht eure Voraussagen zu zweit. 
 +  * Führe den Code aus! 
 +    * Trifft deine Voraussage zu? 
 +  * Ändere den Code ab, um das Bild zu verändern!
  
-<code python> +<html><bottom-editor layout='split' id='swissflag' session='isolate'> 
-from turtle import * +# Turtle wird importiert und eine neue Turtle mit 
- +# dem Namen 'fritz' wird erstellt. 
 +# TODO import
 fritz = Turtle() fritz = Turtle()
-  + 
-fritz.setpos(-50, 50) +# Fritz wird nach links und oben teleportiert. 
-fritz.screen.bgcolor("red")+fritz.teleport(-50, 50) 
 + 
 +# Was passiert hier? 
 +Screen().bgcolor("red")
 fritz.color("white") fritz.color("white")
 +
 fritz.begin_fill() fritz.begin_fill()
 repeat 4: repeat 4:
Zeile 197: Zeile 215:
     fritz.left(180)     fritz.left(180)
 fritz.end_fill() fritz.end_fill()
-</code>+</bottom-editor></html>
  
-Studiere den Code Zeile für Zeile. Stelle sicher, dass du folgende Befehle genau verstehst:+Studiere den Code Zeile für Zeile. Stelle sicher, dass du folgende Befehle genau verstehst. 
  
 ^ Befehl ^ Erklärung^ ^ Befehl ^ Erklärung^
-| fritz.screen.bgcolor('white') | Legt die **Hintergrundfarbe des Bildschirms (_Screen_)** fest.| +| `Screen().bgcolor('red')` | Legt die **Hintergrundfarbe des Bildschirms (_Screen_)** fest.| 
-| color('white') | Legt die **Farbe des Stiftes / Füllung** fest.| +| `color('white')` | Legt die **Farbe des Stiftes und der Füllung** fest.| 
-| begin_fill() / end_fill() | Lässt den ganzen zwischen `begin` und `end` gezeichneten Körper mit der Füllfarbe füllen.| +| `pencolor('red')` | Legt die **Farbe des Stiftes** fest.| 
-| width(10)| Legt die **Breite des Stiftes** fest.| +| `fillcolor('blue')` | Legt die **Farbe der Füllung** fest.| 
-| up() | Hebt den Stift, es wird also **nicht gezeichnet** | +| `begin_fill()` / `end_fill()` | Füllt den ganzen zwischen `begin` und `end` gezeichneten Körper mit der Füllfarbe.| 
-| down() | Setzt Stift wieder ab, es wird also wieder **gezeichnet** |+| `width(10)` | Legt die **Breite des Stiftes** fest.| 
 + 
 +==== Aufgaben C ==== 
 + 
 +Verwende `pencolor` / `fillcolor`, `Screen().bgcolor`, `width` sowie `begin_fill` und `end_fill` um die folgenden Figuren zu zeichnen: 
 + 
 +=== Aufgabe C1 === 
 + 
 +Spieglein, Spieglein... 
 + 
 +{{:gf_informatik:programmieren_i:pasted:20240906-095752.png?nolink&163}} 
 + 
 +<nodisp 1> 
 +++++Lösung| 
 +<html><bottom-editor layout='canvas'> 
 +from turtle import * 
 +  
 +t = Turtle() 
 +t.hideturtle() 
 +  
 +# Farbe und Stiftbreite 
 +t.color("purple") 
 +t.width(5) 
 +  
 +# Gefüllter Kreis 
 +t.begin_fill() 
 +t.circle(50) 
 +t.end_fill() 
 +  
 +# Griff 
 +t.right(90) 
 +t.forward(75) 
 +t.backward(40) 
 +t.left(90) 
 +t.forward(40) 
 +t.backward(80) 
 +</html> 
 + 
 +++++ 
 +</nodisp> 
 +=== Aufgabe C2 === 
 + 
 +A star is born - don't forget to `repeat`: 
 + 
 +{{:gf_informatik:programmieren_i:pasted:20240906-095842.png?nolink&175}} 
 + 
 +<nodisp 1> 
 +++++Lösung| 
 +<html><bottom-editor layout='canvas'> 
 +from turtle import * 
 +  
 +t = Turtle() 
 +t.hideturtle()  # Versteckt die Turtle und macht das Zeichnen schnell. 
 + 
 +# Hintergrund-, Füll- und Stiftfarbe 
 +Screen().bgcolor("lightblue") 
 +t.fillcolor("yellow") 
 +t.pencolor("darkred") 
 +t.width(4) 
 + 
 +# Sechs Ecken 
 +t.begin_fill() 
 +repeat 6: 
 +    t.forward(40) 
 +    t.right(120) 
 +    t.forward(40) 
 +    t.left(60) 
 +t.end_fill() 
 +</bottom-editor></html> 
 + 
 +++++ 
 +</nodisp> 
 + 
 +=== Aufgabe C3 === 
 +Here comes the sun! 
 + 
 +{{:gf_informatik:pasted:20230905-084624.png?nolink&200}} 
 + 
 +<nodisp 1> 
 +++++Lösung| 
 +<html><bottom-editor layout='canvas'> 
 +from turtle import* 
 +  
 +t = Turtle() 
 +t.hideturtle() 
 +t.speed(0) 
 +  
 +Screen().bgcolor("yellow") 
 +t.color("red") 
 +  
 +# Statt ganz vieler Zacken: Linien durchziehen... 
 +t.begin_fill() 
 +repeat 36: 
 +    t.forward(100) 
 +    t.right(130)  # 36*130 ist ein Vielfaches von 360 Grad. 
 +t.end_fill() 
 +</bottom-editor></html> 
 + 
 + 
 +++++ 
 +</nodisp>
  
  
Zeile 213: Zeile 331:
  
 <nodisp 1> <nodisp 1>
-++++Lösungen|+++++Lösungen A|
 ==== Aufgaben A ==== ==== Aufgaben A ====
- +===== A2 ===== 
-<code python aufgabe_A2.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
    
Zeile 229: Zeile 347:
 fritz.forward(100) fritz.forward(100)
 fritz.left(90) fritz.left(90)
-</code>+</bottom-editor></html>
  
- +===== A3 ===== 
-<code python aufgabe_A3.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
    
Zeile 238: Zeile 356:
  
 # Buchstabe: K # Buchstabe: K
-fritz.setPos(-200,-100)+fritz.left(90) 
 +fritz.teleport(-200, -100)
 fritz.forward(200) fritz.forward(200)
-fritz.setPos(-200,0)+fritz.teleport(-200,0)
 fritz.right(45) fritz.right(45)
 fritz.forward(141) fritz.forward(141)
-fritz.setPos(-200,0)+fritz.teleport(-200,0)
 fritz.right(90) fritz.right(90)
 fritz.forward(141) fritz.forward(141)
  
 # Buchstabe: S # Buchstabe: S
-fritz.setPos(-50,-100)+fritz.teleport(-50,-100)
 fritz.left(45) fritz.left(45)
 fritz.forward(100) fritz.forward(100)
Zeile 261: Zeile 380:
  
 # Buchstabe: R # Buchstabe: R
-fritz.setPos(100,-100)+fritz.teleport(100,-100)
 fritz.left(90) fritz.left(90)
 fritz.forward(200) fritz.forward(200)
Zeile 272: Zeile 391:
 fritz.left(135) fritz.left(135)
 fritz.forward(141) fritz.forward(141)
-</code>+</bottom-editor></html>
  
 +===== A4 =====
  
-<code python aufgabe_A4.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
  
Zeile 283: Zeile 403:
     fritz.forward(100)     fritz.forward(100)
     fritz.left(90)     fritz.left(90)
-</code>+</bottom-editor></html> 
 +++++ 
 +</nodisp> 
 + 
 +<nodisp 1> 
 +++++Lösungen B|
  
 ==== Aufgaben B ==== ==== Aufgaben B ====
 +===== B1 =====
  
-<code python aufgabe_B1.py> +<html><bottom-editor layout='canvas'> 
-from turtle import*+from turtle import *
  
 matteo = Turtle() matteo = Turtle()
-matteo.setPos(-450,-100) 
  
-repeat 4:+repeat 2:
     matteo.dot(20)     matteo.dot(20)
-    matteo.right(45) +    matteo.left(45) 
-    matteo.forward(150)+    matteo.forward(100)
     matteo.dot(20)     matteo.dot(20)
     matteo.right(90)     matteo.right(90)
-    matteo.forward(150) +    matteo.forward(100) 
-    matteo.left(90+45) +    matteo.dot(20) 
-</code>+    # Turn left only 45° as the next round 
 +    # will start with a left turn. 
 +    matteo.left(45) 
 +</bottom-editor></html>
  
 +===== B2 =====
  
-<code python aufgabe_B2.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
  
 matteo = Turtle() matteo = Turtle()
-matteo.setX(-300)+matteo.left(90)
  
-matteo.circle(300, -180) +matteo.teleport(-100, 0)
-matteo.circle(150, -180) +
-matteo.circle(150, 180) +
-</code>+
  
 +matteo.circle(-100, 180)
 +matteo.circle(-50, 180)
 +matteo.circle(50, 180)
 +</bottom-editor></html>
  
-<code python aufgabe_B3.py>+===== B3 ===== 
 + 
 +<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
  
 matteo = Turtle() matteo = Turtle()
 +matteo.left(90)
  
-matteo.circle(100, -360) +matteo.circle(-25, 360) 
-matteo.circle(200, -360) +matteo.circle(-50, 360) 
-matteo.circle(400, -70) +matteo.circle(-100, 70) 
-matteo.home() + 
-matteo.circle(100, 360) +matteo.teleport(0, 0) 
-matteo.circle(200, 360) +matteo.setheading(90) 
-matteo.circle(400, 70) + 
-</code>+matteo.circle(25, 360) 
 +matteo.circle(50, 360) 
 +matteo.circle(100, 70) 
 +</bottom-editor></html> 
 + 
 +===== B4 =====
  
-<code python aufgabe_B4.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
  
Zeile 337: Zeile 475:
  
 # 1 # 1
-anna.setpos(-350,-100)+anna.left(90) 
 +anna.teleport(-350,-100)
  
 repeat 3: repeat 3:
Zeile 344: Zeile 483:
  
 # 2 # 2
-anna.setpos(-100,-50)+anna.teleport(-100,-50)
  
 repeat 6: repeat 6:
Zeile 351: Zeile 490:
  
 # 3 # 3
-anna.setpos(150,-50)+anna.teleport(150,-50)
  
 repeat 2: repeat 2:
Zeile 359: Zeile 498:
     anna.forward(100)     anna.forward(100)
     anna.left(90)     anna.left(90)
-</code>+    </bottom-editor></html> 
 + 
 +===== B5 =====
  
-<code python aufgabe_B5.py>+<html><bottom-editor layout='canvas'>
 from turtle import * from turtle import *
 +from math import sqrt
    
 josef = Turtle() josef = Turtle()
 #josef.hideturtle() #josef.hideturtle()
- 
-josef.setpos(350,-100) 
  
 m = 200 m = 200
Zeile 373: Zeile 513:
 s = m/sqrt(2) s = m/sqrt(2)
  
-josef.left(45)+josef.left(135)
 josef.forward(l) josef.forward(l)
 repeat 2: repeat 2:
Zeile 385: Zeile 525:
     josef.right(90)     josef.right(90)
     josef.forward(m)     josef.forward(m)
-</code>+</bottom-editor></html> 
 ++++ ++++
 </nodisp> </nodisp>
- 
  
  • gf_informatik/programmieren_i_new.1693296056.txt.gz
  • Zuletzt geändert: 2023-08-29 08:00
  • von hof