Skip to main content

Minigolf-App – Schritt 6

Die letzten Schritte!

Was wollen wir erreichen?

         (tick)  Wir bauen Hindernisse ein

         (tick)  Wir bauen Geräusche ein

         (tick)  Wir bekommen eine Benachrichtigung, wenn wir eingelocht haben

         (tick)  Wir bauen einen Timer ein, damit die Zeit gezählt wird

1.) In der Design-Ansicht

1.
  • Fügt links aus dem Bereich Zeichnen und Animation folgende Elemente in eure App ein:
    • 2x Ball

  • Gibt den Bällen einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt statt Ball1: "Teich 1"
    • Schreibt statt Ball2: "Teich 2"

2.
  • Ändert rechts die Eigenschaften des ersten Teichs:
    • Setzt die ZeichenFarbe auf: "cyan-blau"
    • Setzt die Radius auf: "50"
    • Setzt die Koordinaten auf: X = "100", Y = "400"

  • Ändert rechts die Eigenschaften des zweiten Teichs
    • Setzt die ZeichenFarbe auf: "cyan-blau"
    • Setzt die Radius auf: "70"
    • Setzt die Koordinaten auf: X = "60", Y = "100"

      Tipp: Ihr könnt die Koordinaten und die Größe anpassen

3.
  • Fügt links aus dem Bereich Anordnung folgendes Element zwischen die Taste und das Zeichenfeld ein:

    • 1x HorizontaleAusrichtung

  • Ändert rechts die Eigenschaften des HorizontaleAusrichtung-Elements:
    • Setzt die Breite auf: "Fülle alles..."

  • Zieht die Zurücksetzen-Taste in das HorizontalAusrichtung-Element

4.
  • Fügt links aus dem Bereich Benutzerschnittstelle folgendes Element ein. Zieht es neben die Taste in das HorizontalAusrichtung-Element:

    • 1x Bezeichnung

  • Gibt dem Bezeichnung-Elements einen anderen Namen

    • Wählt im Bereich Komponenten unten: Umbenennen

    • Schreibt: "AnzeigeSekunden"

  • Ändert rechts die Eigenschaften des Bezeichnung-Elements:
    • Setzt die Breite auf: "50 percent"
    • Ändert den Text und schreibt: "0"
    • Setzt die TextAusrichtung auf: "Mitte"

      Tipp: Ihr könnt die Farbe, Form und Schriftart anpassen

5. 
  • Fügt links aus dem Bereich Benutzerschnittstelle folgendes Element in eure App ein:
    • 1x Benachrichtigung

  • Gibt der Benachrichtigung einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Löscht die "1" hinter "Benachrichtigung"

6.
  • Fügt links aus dem Bereich Sensoren folgendes Element in eure App ein:
    • 1x Uhr
  • Gibt der Uhr einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt statt Uhr1: "Timer"

7.
  • Fügt links aus dem Bereich Medien folgendes Element in eure App ein:
    • 1x Musikwiedergabe
  • Gibt der Musikwiedergabe einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt statt Musikwiedergabe1: "Wassergeräusch"
  • Ändert rechts die Eigenschaften des ersten Hindernisses
    • Wählt bei Quelle: "Datei hochladen" und wählt das Bild "Wassergeraeusch.mp3" aus

2.) Wechselt zur Böcke-Ansicht

1.
  • Fügt einen Timer-Block hinzu: wenn-Timer-Zeitgeber-Block

  • Fügt in den Timer-Block weitere Blöcke hinzu:
    • Nehmt aus den AnzeigeSekunden-Blöcken einen setze-AnzeigeSekunden-Text-Block und fügt ihn in den Timer-Block ein
    • Nehmt aus Mathematik einen Plus(+)-Block und setzt dahinter
      • Nehmt aus den AnzeigeSekunden-Blöcken einen AnzeigeSekunden-Text-Block und fügt ihn in die erste Lücke
      • Nehmt aus Mathematik einen Zahlen-Block, setzt ihn in die zweite Lücke und schreibt: "1"

2.
  • Fügt in den wenn-ZurücksetzenTaste-Klick-Block weitere Blöcke hinzu:
    • Löscht hinter dem setze-Golfball-Geschwindigkeit-Block den Zahlen-Block
      • Klick dann auf "Geschwindigkeit" und wählt "Sichtbar" aus
      • Nehmt aus Logik einen wahr-Block und setzt ihn dahinter
    • Nehmt aus den AnzeigeSekunden-Blöcken einen setze-AnzeigeSekunden-Text-Block und fügt ihn in den Timer-Block ein
    • Nehmt aus Mathematik einen Zahlen-Block, setzt ihn dahinter und lasst die Zahl bei: "0"
    • Nehmt aus den Timer-Blöcken einen setze-Timer-ZeitgeberAktiv-Block und fügt ihn drunter
    • Nehmt aus Logik einen wahr-Block und setzt ihn dahinter


3.
  • Fügt in den wenn-Golfball-KollidiertMit-Block den alten Benachrichtigung-Block ein. Setzt ihn an die alte Stelle unter dem setze-Beschleunigungssensor-Aktiviert-Block
    • Ersetzt "Züge" mit "Sekunden" im Text-Block hinter "Nachricht" bei "So viele Züge hast du gebraucht"
    • Klickt bei den Blöcken hinter "Nachricht" auf "AnzahlZüge". Wählt "AnzeigeSekunden" aus
    • Schreibt in den Text-Block bei "Taste1Text" statt "Level 2": "Level 1"
    • Nehmt aus den Timer-Blöcken einen setze-Timer-ZeitgeberAktiv-Block und fügt ihn über den Benachrichtigung-Block
    • Nehmt aus Logik einen falsch-Block und setzt ihn dahinter

4.
  • Fügt in den wenn-Golfball-KollidiertMit-Block weitere Blöcke hinzu:
    • Nehmt aus Steuerung einen wenn-dann-Block und setzt ihn unter den anderen wenn-dann-Block
    • Nehmt aus Mathematik einen Gleich(=)-Block und setzt hinter "wenn"
      • Nehmt aus Variablen einen hole-Block, setzt ihn in die erste Lücke und wählt: anderer
      • Nehmt aus den Teich_1-Blöcken einen Teich_1-Block und setzt ihn in die zweite Lücke

    • Nehmt aus den Golfball-Blöcken setze-Golfball-Sichtbar-Block und fügt ihn bei "dann" ein
    • Nehmt aus den Timer-Blöcken setze-Timer-ZeitgeberAktiv-Block und fügt ihn drunter
    • Nehmt aus Logik zwei falsch-Blöcke und setzt sie hinter den beiden Blöcken
    • Nehmt aus den Wassergeräusch-Blöcken aufrufen-Wassergeräusch-Start-Block und fügt ihn drunter


5.

Wir benötigen fast denselben Block, den wir gerade für Teich_1 zusammengebaut haben. Deshalb kopieren wir den Block und setzen ihn in den Rucksack:

  • Nehmt den wenn-dann-Block, den wir zusammengebaut haben, packt ihn in den Rucksack und setzt ihn wieder an die richtige Stelle
  • Holt den kopierten Block aus dem Rucksack raus und fügt ihn unter den ersten wenn-dann-Block ein
  • Wählt bei der Kopie den Teich_1-Block und wählt "Teich_2" aus

4.
  • Nehmt aus dem Rucksack den Benachrichtigung-Block und setzt ihn auf ein freies Feld
    • Schreibt im Text-Block statt "Level 2": "Level 1"
    • Wählt drunter statt "Screen2": "Screen 1"
5.
  • So sollte euer Programm aussehen:


3.) Testen

Funktioniert unsere App?

1.
  • Klickt im App Inventor oben auf Verbinden
  • Wählt AI Companion

2.
  • Öffnet auf eurem Test-Smartphone die App AI Companion  
  • Setzt den Haken bei Use Legacy Connection 
  • Wählt scan QR code.

3.

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


Testet die App nun ausführlich!

         (tick)  Funktionieren die Hindernisse?

         (tick)  Wird die Zeit gezählt?

         (tick)  Wird die Zeit zurückgesetzt, wenn wir die Taste drücken?

         (tick)  Erscheint die Benachrichtigung, wenn wir eingelocht haben?

         (tick)  Kommen wir in Screen1 zurück, wenn wir die Level 1-Taste drücken?


Funktioniert alles? Herzlichen Glückwunsch! Ihr seid fertig und habt eine funktionierende App!


← Gehe zurück zu Minigolf-App – Schritt 5


JavaScript errors detected

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

If this problem persists, please contact our support.