Scratch ist ein Projekt der Scratch-Stiftung und der Lifelong Kindergarten Group am MIT Media Lab. Es steht kostenlos unter https://scratch.mit.edu zur Verfügung.
Dieser Workshop
... ist so aufgebaut, dass zu einem Thema jeweils ein Video erstellt ist. Dieses kannst du mit Hilfe des QR-Codes oben rechts aufrufen. Du kannst aber auch die Webadresse, die darunter steht in einen Browser eintippen. Das Video leitet dich durch die Schritte, die du vornehmen sollst und erklärt dazu einige Inhalte.
Das heißt, alle Schritte, die im Video gemacht werden, sollst du in deinem Scratch ebenfalls durchführen und ausprobieren. Dabei kannst du am besten nachvollziehen und beobachten, was passiert.
Deine eigene Programmierung solltest du nach jedem Kapitel speichern. Am besten nach einem Schema:
JJMMTT-Aufgabe-Name (J= Jahr, M=Monat, T=Tag)
Beispiel: Datum 20.4.2023, Aufgabe 21, Name: Mareike Dateiname: 230420-21-Mareike
Im Anschluss werden dir weitere Aufgaben oder Fragen gestellt, die du beantworten sollst, bevor du mit dem nächsten Schritt weiter machst.
Viel Spaß dabei!
Öffne die Kamera-App auf deinem iPhone und scanne den Code damit. Für Android suche im Play Store nach QR Code Secuso
. Diese App ist kostenlos und datenschutzfreundlich. Viel Erfolg!
Wo ist das Programm?
Mit einem Browser gehst du ins Internet. Für diese Einführung benutzen wir das freie und kostenfreie Projekt "Moziall Firefox".
Download unter https://www.mozilla.org/de/firefox/new/
Solltest du einen anderen Browser benutzen, können manche Abläufe anders sein.
Wie geht es los?
Starte mit dem Video!
Du musst Scratch nicht installieren. Man kann online auf Scratch zugreifen:
Direkt einsteigen: https://scratch.mit.edu/projects/editor/
Übersichtsseite: https://scratch.mit.edu/
Du kannst oben links auf der "Weltkugel"
die Sprache auf "Deutsch" umschalten.
Oben rechts gibt es die Möglichkeit Scratcher
zu werden. So kannst du online all deine Projekte speichern und sichern.
In dieser Einführung gehen wir nicht davon aus, dass du dir einen Account angelegt hast, sondern werden alle Projekte downloaden und so sichern.
Wie funktioniert Scratch?
Starte mit dem Video!
Die Oberfläche in Scratch teilt sich in diese Bereiche auf:
In der Blockpalette findest du alle Programmierelemente, die du brauchst.
Du kannst sie per Drag&Drop in den grünen Bereich schieben.
Hierhin schiebst du die Programmierblöcke und fügst sie aneinander. Hier wird also "programmiert".
Hier läuft alles ab, was du programmierst. Deine Figur(en) folgen den Anweisungen aus dem Programmierbereich
Im Figurenbereich sind alle FIguren, auch "Sprites" genannt, die du benutzt. Hier kannst du sie außerdem bearbeiten.
In den Einstellungen kannst du oben deine Programmierung sichern oder hochladen.
Unten kannst du zwischen "Skripte" (deine Programmierung) und "Kostüme" (das Aussehen deiner Figuren) wechseln. Außerdem gibt es noch Einstellungen zu Klängen.
Über die grüne Flagge kannst du das Ablaufen deiner Programmierung starten.
Mit dem Stoppschild wieder stoppen.
Speichern, Hochladen und Umbenennen
Starte mit dem Video!
Damit du deine Programme speichern kannst und auch wieder öffnen, musst du sie herunter oder hochladen.
Scratch ist keine Software sondern ein "WebTool", das heißt, dass es nicht installiert wird sondern in deinem Webbrowser läuft.
0.1 Speichern
Datei
Auf deinem Computer speichern
Öffnen von Scratch-Projekt.sb3
Datei speichernan und bestätige mit
OK
DownloadsOrdner.
DownloadOrdner in deinen Scratch Ordner verschieben (Ausschneiden und Einfügen)
Scratch-Projekt.sb3- du solltest sie umbenennen.
Am besten nach diesem Schema:
J = Jahr; M = Monat; T = Tag ⇒ JJMMTT-Aufgabe-Name.sb3
Beispiel: 200921-Hase-Mareike.sb3
0.1 Hochladen
Datei
Hochladen von deinem Computer
Öffnen
Wenn du versuchst eine Scratchdatei auf deinem Rechner mit einem Doppelklick zu öffnen, dann wird dies nicht funktionieren - da Scratch ein Webtool ist (siehe oben) und keine installierte Software! Du musst deine Projekte immer hochladen.
Hello World!
Starte mit dem Video!
Die Zahlen in den weißen Feldern kannst du verändern.
Das Grundprinzip beim Programmieren ist, das Befehle abgearbeitet werden müssen. Man kann zu den Befehlen auch Anweisungen.
Wenn du der Katze mehrere Anweisungen hintereinander gibst, nennt man das Sequenz.
Meine Sequenz
Starte mit dem Video!
Datei>
Neu.
Erledige die Schritte in genau dieser Reihenfolge!
- Ziehe 3 beliebige Blöcke per Drag'n'Drop von der Blockpalette in den Programmierbereich.
- Lösche sie wieder, indem du die Blöcke vom Programmierbereich zurück auf die Blockpalette schiebst.
- Füge den Block Wenn Fahne angeklickt wird zum Programmierbereich hinzu.
(Du findest ihn im gelben Bereich Ereignisse) - Wechsel zurück in den blauen Bereich Bewegung.
Wenn du den Block gleite in 1 Sek. zu Zufallsposition in den Programmierbereich bewegst, dann passt er genau unter den gelben Block. - Klicke die grüne Fahne an und schau, was passiert.
- Setze darunter den Block gleite in 1 Sek. zu x: 0 y: 0 und teste wieder mit der grünen Fahne, was passiert.
- Deine Sequenz wird immer länger! Super!
Jetzt wollen wir künstlerisch werden. Dafür müssen wir neue Blöckeinstallieren
.
> Klicke dazu unten links auf den blauen Block.
> Klicke aufMalstift
> Nun hast du einen neuen PalettenbereichMalstift
- Schiebe nun den Block schalte Stift ein direkt unter den gelben Block. Teste nun deine neue Sequenz. Klicke ein paar mal auf die grüne Fahne.
- Jetzt ist er sehr mühsam, jedes mal auf die grüne Fahne zu klicken. Füge deshalb die beiden blauen Blöcke noch ein paar Mal darunter ein. (Schritte d und f)
- Sei kreativ und verändere die Zahlen hinter x und y ein wenig, schau zu, was passiert, wenn du die grüne Fahne klickst.
- Tipp: Willst du die ganzen Spuren löschen? Klicke den Block lösche alles bei der Palette Malstift an.
- Abschluss: Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
Wir erkunden die Bühne
Starte mit dem Video!
Datei>
Neu.
Erledige die Schritte in genau dieser Reihenfolge!
- Wir sollten nun die Bühne etwas erkunden. Diese ist aufgebaut wie ein Koordinatensystem:
> von links nach rechts geht die X-Achse
> von oben nach unten die Y-Achse - Das schauen wir uns genauer an! Dazu müssen wir die Bühne wechseln:
> Klick unten Rechts auf das blaue Symbol
> Tippe in die Suche die Buchstaben XY ein
> Klicke dasXy-grid
an.
> Nun siehst du die Katze auf dem Koordinaten-
--system - Du siehst, dass das System von X= -240 bis X= 240 und von Y= -180 bis Y= 180 groß ist.
- Das probiere wir nun einmal aus. Wir brauchen wieder den Fahnen-Startblock:
Füge den Block Wenn Fahne angeklickt wird zum Programmierbereich hinzu.
(Du findest ihn im gelben Bereich Ereignisse) - Füge nun den Block Setze x auf # darunter.
Achtung! Nichtändere x um
! - Probiere, wie im Bild, für X=100 aus, was passiert, wenn du auf die grüne Fahne klickst. Probiere außerdem X= -100
- Probiere nun eigene Zahlen aus. Klicke jedes mal auf die grüne Fahne.
- Lösche nun Setze x auf # und füge nun den Block Setze y auf # darunter.
- Probiere für Y=100 aus, was passiert, wenn du auf die grüne Fahne klickst. Probiere außerdem Y= -100
- Probiere nun eigene Zahlen aus. Klicke jedes mal auf die grüne Fahne.
- Anwendung
Jetzt bist du dran! Versuche folgende Aufgabenstellung zu programmieren, indem du die richtigen Blöcke nacheinander setzt:
> Wenn du die grüne Fahne klickst,
> dann gleitet die Katze in 1 Sek in die obere linke Ecke.
> dann schaltet sie den Malstift ein.
> dann gleitet sie in 1 Sek in die Position X=0 Y=100
> dann gleitet sie in 1 Sek in die obere rechte Ecke.
> dann gleitet sie in 1 Sek in die Position X=100 Y=0
> dann gleitet sie in 1 Sek in die untere rechte Ecke.
> dann gleitet sie in 1 Sek in die Position X=0 Y=-100
> dann gleitet sie in 1 Sek in die untere linke Ecke.
> dann gleitet sie in 1 Sek in die Position X= -100 Y=0
> dann gleitet die Katze in 1 Sek in die obere linke Ecke.
> schalte den Stift aus
> dann gleitet sie in 1 Sek in die Mitte - Sieht das Ergebnis aus wie im Bild rechts?
- Abschluss: Bitte speichere die fertige Aufgabe
ab. Dateinamenschema: JJMMTT-Aufg-Name
Lösungen auf der nächsten Seite!
Musterlösung
Die Koordinaten für deine Ecken können natürlich etwas anders sein. Solange die Ecken erreicht werden, ist alles super!
Bewegung üben
Alle Aufgaben beginnen mit einem Klick auf die grüne Fahne
Vergleiche anschließend mit den Musterlösungen unten.
- Die Katze startet im der Ecke unten rechts und zeichnet dann ein Rechteck.
Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name - Die Katze zeichnet ein rechtwinkliges Dreieck durch den Nullpunkt (x=0 & y=0).
Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name - Die Katze startet unten links in der Ecke und zeichnet dann eine Treppe mit fünf Stufen nach oben rechts. Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
Lösungsvorschläge - deine Lösung kann anders und trotzdem richtig sein!
Direkte Katzensteuerung
Starte mit dem Video!
Datei>
Neu.
Erledige die Schritte in genau dieser Reihenfolge!
- Verkleinere die Katze: Im Figurenbereich bei Größe 40 eingeben.
- Wir wollen die Katze mit den Pfeiltasten der Tastatur steuern.
Dafür müssen wir nun mehrere Ereignisse einfügen:
Wenn Taste (Pfeil nach oben) gedrückt wird
Wenn Taste (Pfeil nach unten) gedrückt wird
Wenn Taste (Pfeil nach links) gedrückt wird
Wenn Taste (Pfeil nach rechts) gedrückt wird - Diese müssen nun einzeln programmiert werden.
Hier 2 Beispiele:
Wenn Taste (Pfeil nach oben) gedrückt wird
> ändere y um (10)
Wenn Taste (Pfeil nach links) gedrückt wird
> ändere x um (-10)
Ergänze die anderen beiden selbst. - Teste deine Programmierung, indem du die Pfeiltasten in Scratch drückst.
- Jetzt kann die Katze ganz wundervoll über die Bühne huschen.
Allerdings schautgeht sie rückwärts
, wenn du den Pfeil nach links drückst.
Um dies zu ändern, müssen wir einenKostümwechsel
vornehmen:
> Wechsel in den Einstellungen inKostüme
> Ändere den Namen vonKostüm1
zunachrechts
> Rechtsklick auf Kostümnachrrechts
> Bestätige mit Enter
> KlickDuplizieren
> Wählenachrechts2
aus.
> Klicke aufhorizontal spiegeln
siehe Bild >>>
> Ändere den Namen vonnachrechts2
zunachlinks
> Wechsle in den Einstellungen zuSkripte
- Nun soll die Katze die Kostüme anziehen, je nachdem in welche Richtung sie läuft.
Wenn Taste (Pfeil nach links) gedrückt wird
> wechsle zu Kostüm (nachlinks)
> ändere x um (-10) - Ergänze außerdem den Kostümwechsel nach rechts.
- Teste nun dein Programm und lass die Katze in alle Richtungen laufen.
- Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
Die Katze soll sich beim Drücken des Leertaste in die Mitte der Bühne setzen und
Kostüm2anziehen.
- Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
Lösungen auf der nächsten Seite!
Musterlösung
Schnelles Treppenbauen
Starte mit dem Video!
Im Abschnitt "Bewegungen üben" solltest du die Katze eine Treppe zeichnen lassen.
Das war aber mit viel Arbeit verbunden. Für jede Stufe musstest du die Katze hoch laufen lassen und dann noch zur Seite. Bei fünf Stufen wird das ganz viel Code.
Sieh ihn dir hier rechts noch einmal an:
Programmierer sind faule Leute und überlegen sich lieber einen schlauen Trick, um sich die Arbeit zu erleichtern. Sie arbeiten mit sogenannten Schleifen. Was das bedeutet, wollen wir uns jetzt anschauen.
Datei>
Neu.
Erledige die Schritte in genau dieser Reihenfolge!
Füge die beiden Blöcke zunächst frei auf dem Programmierbereich zusammen und verbinde sie erstmal nicht mit dem Fahnenereignis.
Steuerungfindest du mehrere Schleifen zur Auswahl. Ziehe die Wiederhole (10) mal Schleife unter das Stift-Einschalten.
Wenn alles geklappt hat, fahre mit dem nächsten Schritt fort.
Eine Schleife verwenden wir, um Wiederholungen im Programm zu realisieren – also um Dinge mehrmals zu machen. Jede Schleife hat eine Durchlauf-Bedingung, damit sie nicht endlos läuft. D.h. vor einem Durchlauf wird eine Bedingung geprüft. Ist die Bedingung erfüllt, werden die Befehle innerhalb der Schleife ausgeführt. Ist die Bedingung nicht (mehr) erfüllt, wird die Schleife verlassen.
In unserem Beispiel benutzen wir eine Zähl-Schleife. Das bedeutet, dass wir angeben, wie oft wir die Sequenz ausführen wollen, der in der Schleife steht. In unserem Beispiel soll die Katze eine Stufe zeichnen. Und das 5 mal. Das sieht dann so aus:
Die Schleife zieht einen klaren Rahmen um die Sequenz, die wiederholt werden soll.
- Verändere deine Programmierung so, dass die Stufen bis ganz nach oben rechts gehen.
Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
______________________________________________________________________________________________ - > Erstelle eine neue, leere Oberfläche (Datei > Neu)
> Lass deine Katze beim Klick auf die grüne Fahne vom Punkt X=0 & Y=0 ein Quadrat mit Seitenlänge 100 zeichnen.
>> Tipp: Bei einem Quadrat sind alle Seitenlängen gleich, jede Ecke hat 90°
> Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
______________________________________________________________________________________________ - > Erstelle eine neue, leere Oberfläche (Datei > Neu)
> Lass deine Katze beim Klick auf die grüne Fahne eine gestrichelte Linie von links (X=-200 & Y=0) nach rechts zeichnen.
>> Tipp: der Strich bzw. der Abstand soll 10 Schritte betragen
> Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
______________________________________________________________________________________________ - > Erstelle eine neue, leere Oberfläche (Datei > Neu)
> Lass deine Katze beim Klick auf die grüne Fahne vom Punkt X=-50 & Y=-50 ein Quadrat, Seitenlänge 200, mit einer gestrichelte Linie zeichnen.
>> Tipp: Versuche die Teilaufgaben b und c miteinander zu kombinieren.
> Bitte speichere die fertige Aufgabe ab. Dateinamenschema: JJMMTT-Aufg-Name
Musterlösung
