Skip to main content

Minigolf-App – Schritt 1

Der Ball rollt!

Was wollen wir erreichen?

         (tick)  Wir bauen ein Golffeld, einen Golfball und ein Loch ein

         (tick)  Wir wollen den Ball bewegen

1.) In der Design-Ansicht

1.
  • Benennt erst euren Screen um.
    • Geht rechts auf die Eigenschaften.
    • Sucht nach Titel
    • Schreibt statt "Screen1": "Level 1"

2.
  • Fügt links aus dem Bereich Benutzerschnittstelle folgendes Element in eure App ein:

    • 1x Taste


  • Öffnet links den Bereich Zeichen und Animation

  • Fügt folgendes Element über die Taste ein:

    • 1x Zeichenfläche

3. 
  • Gibt der Zeichenfläche einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt: "Golffeld"

  • Ändert rechts die Eigenschaften der Zeichenfläche
    • Setzt die Höhe auf: "Fülle alles..."
    • Setzt die Breite auf: "Fülle alles..."
    • Setzt die HintergrundFarbe auf: "grün"

      Tipp: Ihr könnt die Farbe über Custom selbst anpassen

4.
  • Gibt der Taste einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt: "ZurücksetzenTaste"

  • Ändert rechts die Eigenschaften der Taste
    • Ändert den Text und schreibt: "Zurücksetzen"
    • Setzt die Breite auf: "50 percent"

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


5.
  • Fügt folgende Elemente in eure App:

    • 2x Ball

6.
  • Gibt den Bällen einen anderen Namen
    • Wählt im Bereich Komponenten unten: Umbenennen
    • Schreibt für "Ball1": "Loch"
    • Schreibt für "Ball2": "Golfball"
  • Ändert rechts die Eigenschaften der Bälle
    • Setzt den Radius vom Golfball auf: "15"
    • Setzt den Intervall vom Golfball auf: "10"
    • Setzt den Radius vom Loch auf: "20"
    • Ändert die Farben unter ZeichenFarbe

      Tipp: Ihr könnt die Radien selbst anpassen. Das Loch muss aber größer sein.

2.) Wechselt zur Böcke-Ansicht

1.
  • Fügt einen Golfball-Block hinzu: Golfball-Geschleudert

2.
  • Fügt einen Golfball-Block hinzu: Golfball-Richtung
    • Setzt die Richtung auf: hole-Überschrift

  • Fügt einen Golfball-Block hinzu: Golfball-Richtung
    • Setzt die Geschwindigkeit auf: hole-Geschwindigkeit x 3
    • Dafür braucht ihr aus Mathematik einen X-Block und einen Zahlen-Block

3.
  • Fügt einen Golfball-Block hinzu: Golfball-RandErreicht

  • Fügt einen Golfball-Block hinzu: aufrufen Golfball-Abprall
    • Löscht den roten Direction-Block

  • Fügt einen Variable-Block hinzu: hole-Rand

4.
  • Fügt einen Taste-Block hinzu: ZurücksetzenTaste-Klick

  • Fügt drei Golfball-Blöcke hinzu: Golfball-Geschwindigkeit, Golfball-X und Golfball-Y
    • Setzt die Geschwindigkeit auf: 0
    • Setzt den X-Koordinaten auf: 200
    • Setzt den Y-Koordinaten auf: 600

      Tipp: Ihr könnt die Koordinaten des Golfballs auf eine beliebige Stelle setzen

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)  Bewegt sich der Golfball, wenn wir über ihn streichen?

         (tick)  Bewegt sich der Golfball in die richtige Richtung?

         (tick)  Prallt der Golfball vom Bildschirmrand?

         (tick)  Wird der Golfball zurückgesetzt, wenn wir auf die Zurücksetzen-Taste drücken?


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.