Skip to main content

Schere-Stein-Papier-App – Schritt 5

The Winner Takes It All!

Ziel 5

Erreichen die Spielenden oder der Computer 5 Punkte ist das Spiel beendet und eine Nachricht wird angezeigt. Danach wird das Spiel zurückgesetzt und neu begonnen. 

1.) In der Design-Ansicht

Fügt neue Elemente hinzu:

1.

Fügt ein Element des Typs Benachrichtigung hinzu und nennt dieses BenachrichtigungSpielende

Achtung: Das Element wird nicht im Smartphone angezeigt, sondern als nicht-sichtbare Komponente darunter. 


2.) In der Blöcke-Ansicht

Programmiert mit den Elementen:

1.

Um festzustellen, ob die Spielenden oder der Computer bereits 5 Punkte erreicht hat, müssen wir am Ende der Prozedur eine Prüfung ergänzen. 

Erstellt dazu zwei wenn-dann-Blöcke aus dem Bereich Steuerung

Erstellt zwei =-Blöcke aus dem Bereich Mathematik. Wandelt das = in ein >= Zeichen ab. 

Vergleicht nun im einen Block, ob die Variable DeinePunkte größer oder gleich 5 ist und im anderen Block, ob die Variable ComputerPunkte <= 5 ist. 

2.

Um Programmcode zu sparen lagern wir alle Schritte für das Spielende in eine eigene Prozedur aus. 

Erstellt einen neuen zu-Prozedur-mache-Block im Bereich Prozeduren. Nennt diese Prozedur Spielende.

Erstellt über das Zahnrad eine Variable, die beim Aufruf der Prozedur übergeben wird. Nennt diese Nachricht.  

3.

Als ersten Schritt soll in der Spielende-Prozedur ein Hinweis-Feld angezeigt werden, dass Spiel zu Ende ist. 

Erstellt dazu einen aufrufen.ZeigeNachrichtsDialog-Block aus der Komponente BenachrichtigungSpielende aus. 

Die Nachricht, die dargestellt werden soll, wird als Variable Nachricht übergeben und kann einfach von der Prozedur ausgewählt und an die richtige Stelle gezogen werden. 

Gebt als Titel den Text "Spielende" ein. 

Gebt als TastenText den Text "Neues Spiel starten" ein. 

4.

Im Zuge des Spielendes müssen auch alle Eingaben zurückgesetzt werden. 

  • Variable DeinePunkte auf 0
  • Variable ComputerPunkte auf 0
  • Taste TasteComputer.Zeichen auf ""
  • Bezeichnung Ergebnis.Text auf ""
  • Bezeichnung Punktestand.Text auf ""

5.

Zuletzt muss die Prozedur noch aufgerufen werden, falls die Prüfung auf Punktestand >= 5 oben wahr ist. 

Erstellt dazu zwei aufrufen-Spielende-Blöcke aus dem Bereich Prozeduren. 

Gebt eine passende Nachricht an, die beim Sieg oder bei Niederlage in der Benachrichtigung angezeigt werden soll.

6.

Verknüpft die Elemente sinnvoll, so dass die gewünschte Funktion ausgeführt wird.

So sollte euer Screen aussehen:




3.) Testen

Funktioniert unsere App?

1.

Klickt im App Inventor oben auf Verbinden und wählt AI Companion.

2.

Öffnet die App AI Companion auf eurem Test-Smartphone und wählt scan QR code.

Vergesst nicht den Haken bei Use Legacy Connection zu setzen.

3.

Scannt den QR-Code auf dem Computerbildschirm – die App wird geladen.


Testet die App nun ausführlich!

  1. Erscheint die Benachrichtigung, wenn Spielende oder der Computer 5 Punkte erreicht haben?
  2. Wird die korrekte Nachricht angezeigt?
  3. Wird das Spiel komplett zurückgesetzt, wenn man die Taste der Benachrichtigung drückt? 
  4. Kann das Spiel neu begonnen werden? 

Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.