![Bildschirmfoto 2024-05-25 um 11.59.11](https://hackmd.io/_uploads/S1f9IEkER.png) --- # **SCRATCH - EIN EINFACHES SPIEL PROGRAMMIEREN** --- ## AUFGABE Erstellung eines einfachen Fanspiels mit Scratch. Klicke folgenden Link um die Scratch Homepage zu öffnen: [SCRATCH HOMEPAGE](https://scratch.mit.edu) --- ## SPIELBESCHREIBUNG --- Mit Hilfe der Anleitungen lernst du eigenständig ein Fangspiel zu programmieren. Gehe die Anweisungen Schritt für Schritt durch. Die Anleitung ist in 3 Teile gegliedert: 1. EIN EINFACHES SPIEL PROGRAMMIEREN 2. ANLEITUNG - SPIEL ERWEITERN UND VERBESSERUNG 3. SPIEL EIGENSTÄNDIG ERWEITERN UND VERBESSERN --- **Wie soll der erste Teil des Spiels aussehen?** Als erster soll ein passender Hintergrund und zwei Figuren gewählt werden. Eine Figur soll mit den Cursortasten nach links, rechts, oben und unten bewegt werden können. Das zweite Objekt soll von oben herabfallen. Wird das Objekt von dem Fänger berührt, dann soll es wieder am oberenen Rand starten. Fällt das Objekt durch (Fänger schafft es nicht das Objekt zu fangen), dann soll es ebenfalls am oberen Rand starten. Wird das Objekt gefangen, dann soll ein Klang ertönen. ## SCHRITT 1 - HINTERGRUND - FÄNGER - OBJEKT --- Wähle einen passenden Hintergrund! Wähle eine Figur als Fänger! Wähle ein Objekt, das von oben herunten fallen soll! Hier ein paar Beispiele. ![Bildschirmfoto 2024-05-24 um 22.46.34](https://hackmd.io/_uploads/rJ0weYRmC.png) Hintergrund: Dschungel Fänger: Schale Objekt: Apfel ![Bildschirmfoto 2024-05-24 um 22.48.06](https://hackmd.io/_uploads/HyJKxFAXA.png) Hintergrund: Mond Fänger: Roboter Objekt: Stern ![Bildschirmfoto 2024-05-24 um 22.49.20](https://hackmd.io/_uploads/Syg5lKAQA.png) Hintergrund: Fußballfeld Fänger: Fußballerin Objekt: Fußball --- **Sei kreativ - wähle deinen eigenen Hintergrund und deine eigenen Figuren.** --- Nun zum nächsten Schritt: --- ## SCHRITT 2 - GRÖSSE DER FIGUREN ANPASSEN --- Passe die Größe deiner Figuren an (100 ist die Standartgröße). Wähle selber wie groß deine Figuren sein sollen. Du kannst die Größe auch später noch ändern bzw. kannst du die Anpassung der Größe auch direkt in einem Skript programmieren. ![Bildschirmfoto 2024-05-24 um 23.21.14](https://hackmd.io/_uploads/SkQQrYRmC.png) --- ## SCHRITT 3 - PROGRAMMIERUNG FÄNGER --- ### SKRIPT FÄNGER Der Fänger soll mit der Cursertaste nach rechts, links, oben und unten bewegt werden können. In dem unten angebenen Bespiel ist das Objekt Bowl der Fänger. Um den Fänger zu programmieren musst du dein gewähltes Objekt anklicken. ![Bildschirmfoto 2024-05-24 um 23.31.12](https://hackmd.io/_uploads/rkq3PYAmC.png) --- ### KOSTÜM FÄNGER Deine Programmierung erstellst du im Register "SKRIPT". Wenn du möchtest kann du deine Figur nach deinen Ideen bearbeiten bzw. anders gestalten. Hierzu musst du auf den Register "KOSTÜME" wechseln. Hier kannst du bspw. die Farbe ändern, einen Text hinzufügen oder ein ganz neues Objekt kreieren. --- **Probiere es einfach mal aus.** ![Bildschirmfoto 2024-05-25 um 09.41.48](https://hackmd.io/_uploads/rk5rwz1E0.png) --- ### STEUERUNG FÄNGER Wechsle zurück zum Register "Skript". Jetzt erstellen wir den Code für die Steuerung des Fängers. **Für die Steuerung des Fängers benötigst du folgende Blöcke:** --- ![Bildschirmfoto 2024-05-24 um 23.30.44](https://hackmd.io/_uploads/SJRgOYRXA.png) ______________ ****Hast du ein Idee, wie du die Blöcke zusammensetzen musst?**** ****PROBIER ES SELBER AUS......**** --- ### LÖSUNG ***HIER DIE LÖSUNG:*** --- ![Bildschirmfoto 2024-05-24 um 23.39.31](https://hackmd.io/_uploads/S1ovtFR70.png) --- ## SCHRITT 4 - PROGRAMMIERUNG OBJEKT - TEIL 1 ### OBJEKT WECHSELN Als nächstes programmieren wir das Objekt, das von oben herabfallen soll. Klicke nun auf das das Symbol der Figur, dass von oben herabfallen soll (Register Skript des herunterfallenden Objekts - im u.a. Beispiel soll der Apfel immer von oben nach unten herabfallen). ![Bildschirmfoto 2024-05-24 um 23.45.00](https://hackmd.io/_uploads/Hk5-jtA70.png) --- ### BESCHREIBUNG OBJEKT Hier eine kurze Erklärung zum Objekt. * Das Objekt soll immer von einer Zufallsposition am oberenen Rand starten. * Verringere die Größe, damit es nicht zu leicht zu fangen ist. * Programmiere eine Schleife - wiederhole fortlaufend - falls das Objekt die Position y - 170 erreicht soll es wieder zu einer Zufallsposition (y 180) gehen und wieder herabfallen. --- ### PROGRAMMIERUNG OBJEKT **Für die Programmierung des Objekts benötigst du folgende Blöcke:** --- ![Bildschirmfoto 2024-05-24 um 23.54.34](https://hackmd.io/_uploads/BkAkpFRQ0.png) ______________ ****Hast du ein Idee, wie du die Blöcke zusammensetzen musst?**** ****PROBIER ES SELBER AUS......**** - ______________________ ### LÖSUNG ***HIER DIE LÖSUNG:*** --- ![Bildschirmfoto 2024-05-24 um 23.57.15](https://hackmd.io/_uploads/SyG8aYRXA.png) --- #### Änderung der Geschwindigkeit Mit dem Block "ändere y um..." kannst du die Geschwindigkeit des herabfallenden Objekts ändern. ![Bildschirmfoto 2024-05-25 um 00.09.04](https://hackmd.io/_uploads/BypLx5AQ0.png) **Probiere es selber aus! Beispiel: minus 5 langsamer, minus 10 schneller** --- ## SCHRITT 4 - PROGRAMMIERUNG OBJEKT - TEIL 2 Im nächsten Schritt programmieren wir den zweiten Teil des Objekts. Falls der Fänger das Objekt berührt, dann soll das Objekt wieder von einer Zufallposition vom oberen Rand starten. **Für die Programmierung des Objekts - Teil 2 benötigst du folgende Blöcke:** ![Bildschirmfoto 2024-05-25 um 00.16.36](https://hackmd.io/_uploads/B1MMm9R7A.png) ______________ ****Hast du ein Idee, wie du die Blöcke zusammensetzen musst?**** ****PROBIER ES SELBER AUS......**** ______________________ ***HIER DIE LÖSUNG:*** --- ![Bildschirmfoto 2024-05-25 um 00.27.29](https://hackmd.io/_uploads/SJk5V9A7C.png) **SUPER, du hast es geschafft! Du hast ein einfaches Spiel mit Scratch programmiert.** Kleiner Tipp: Der Ton darf nicht zu lange sein, sonst kann der Fänger das Objekt nicht fangen. # **SCRATCH - SPIEL ERWEITERN** --- ![Red Modern Breaking News Headline Youtube Thumbnail-2](https://hackmd.io/_uploads/BywNDqR7R.png) ### Überlege dir, wie du dein Spiel noch erweitern kannst. --- ## ERWEITERUNG 1 - EIN OBJEKT EINFÜGEN **ZWEI HERABFALLENDE OBJEKTE** Du kannst deinem Spiel noch ein weiteres herabfallendes Objekt einfügen. Tipp: Du kannst den Code des ersten herabfallenden Objekts duplizieren und mit Drag und Drop dem weiteren Objekt hinzufügen. ![Bildschirmfoto 2024-05-25 um 01.07.44](https://hackmd.io/_uploads/By9eAcCQR.png) --- ***HIER DIE LÖSUNG:*** ![Bildschirmfoto 2024-05-25 um 01.09.17](https://hackmd.io/_uploads/ByKrR5RXA.png) --- Als Vorbereitung für die nächste Erweiterung ändere die Geschwindigkeit eines Objekts. Beispiel: Apfel = ändere y um -7 Banane = ändere y um -9 Die Änderung musst du im jeweiligen Skript vornehmen. Die Banane bewegt sich nun schneller als der Apfel. ![Bildschirmfoto 2024-05-25 um 00.09.04](https://hackmd.io/_uploads/B1lgYCcCQC.png) --- ## ERWEITERUNG 2 - PUNKTE EINFÜGEN Die Banane fällt schneller herab als der Apfel. Eine mögliche Erweiterung ist das Hinzufügen einer Punkteangabe. Hierzu müssen wir eine neue VARIABLE erstellen --- ### NEUE VARIABLE PUNKTE Klicke auf den BUTTON "NEUE VARIALBE" ![Bildschirmfoto 2024-05-25 um 10.06.16](https://hackmd.io/_uploads/Hk1YfX1VC.png) --- **Schreibe PUNKTE in das leere Feld:** --- ![Bildschirmfoto 2024-05-25 um 10.06.35](https://hackmd.io/_uploads/H1shz7JNC.png) --- ### PROGRAMMIERUNG PUNKTE AUF NULL SETZTEN Herabfallendes Objekt - wähle ein Skript aus und füge folgenden Block hinzu. Wenn du das Spiel mit der grünen Flagge startest soll der Punktestand auf 0 gesetzt werden. --- ![Bildschirmfoto 2024-05-25 um 10.06.52](https://hackmd.io/_uploads/r1-q7XJVR.png) ### PROGRAMMIERUNG - PUNKT BEIM FANG EINES OBJEKTS #### AUFGABE Du sollst das Spiel folgendermaßen erweitern: Ein Objekt fällt schneller herab als das andere. Die Programmierung dazu haben wir bereits erstellt (siehe Link ZWEI HERABFALLENDE OBJEKTE). Wird das langsamere Objekt vom Fänger berührt, dann bekommst du einen Punkt. Fängt man das schnellere Objekt bekommst du zwei oder bspw. auch mehrere Punkte (je nach Einstellung wie schnell das Ojekt nach unten fällt). --- Dafür benötigst du folgenden Block: --- ![Bildschirmfoto 2024-05-25 um 10.41.05](https://hackmd.io/_uploads/rJ98VmJ4C.png) ______________ ****Hast du ein Idee, an welche Position du die Blöcke hinzufügen musst?**** ****PROBIER ES SELBER AUS......**** ______________________ ***HIER DIE LÖSUNG:*** --- #### Programmierung Apfel - Objekt 1 ![Bildschirmfoto 2024-05-25 um 10.26.20](https://hackmd.io/_uploads/Hy834Q1EC.png) --- #### Programmierung Banane - Objekt 2 ![Bildschirmfoto 2024-05-25 um 10.26.40](https://hackmd.io/_uploads/SkW7vQJVC.png) --- ## ERWEITERUNG 3 - TIMER EINFÜGEN In der nächsten Erweiterung erweitern wir unsere Programmierung mit einem Timer. Du hast bspw. 30 Sekunden Zeit um möglichst viele Punkte zu sammeln. --- #### VARIABLE TIMER HINZUFÜGEN --- Erstelle eine neue Variable Timer. Wie du eine Varible erstellst hast du bereits gelernt. --- ![Bildschirmfoto 2024-05-25 um 10.58.35](https://hackmd.io/_uploads/B1hL_myNA.png) --- #### PROGRAMMIERUNG TIMER Erstelle folgende Programmierung. Der Timer soll beim 30 Sekunden starten. Nach 30 Sekunden endet das Spiel. ______________ **Welche Blöcke benötigst du? Wie muss die Programmierung aussehen?** ****PROBIERE ES EINFACH SELBER AUS......**** ______________________ ***HIER DIE LÖSUNG:*** --- ![Bildschirmfoto 2024-05-25 um 11.05.51](https://hackmd.io/_uploads/B1Vz97J4A.png) --- ## ERWEITERUNGEN 1 bis 3 - FERTIGES SPIEL --- Hier der Link zum fertigen Spiel: [SPIEL](https://scratch.mit.edu/projects/1026841154) # **SCRATCH - SPIEL WEITER AUSBAUEN** Super, du hast bereits ein super cooles Fangspiel progammiert. --- **Überlege wie du das Spiel weiter entwickeln kannst.** --- ![Red Modern Breaking News Headline Youtube Thumbnail-3](https://hackmd.io/_uploads/SyyjnQkVC.png) --- --- ## VORSCHLÄGE * Ergebnis nach Ende des Spiels einblenden * Game Over Button einbauen * Ein drittes herabfallendes Objekt einbauen * Ein drittes von der Seite kommendes Objekt einbauen. * Ein plötzlich in der Mitte auftauchendes Ojekt einblenden * Einen weiteren Fänger programmieren * Weitere Levels mit schnelleren Objekten programmieren * Minuspunkte beim Berühen eines Objekts * etc. --- Lasse deinen Ideen und deiner Kreativität freien Lauf. Erweitere das Spiel ganz nach deinen Vorstellungen. --- Viel Spaß beim Programmieren!