Workshops App-Entwicklung
Workshops App-Entwicklung

Die Würfel-App – Schritt 4

Würfeln ohne Ende

Ziel 5

Solange die Würfeltaste gedrückt wird, werden ständig neue Zufallszahlen dargestellt – als ob der Würfel über den Tisch rollen würde.

1.) Design-Ansicht

Benötigt werden:

1.

Links im Bereich Sensoren findet ihr das Element das ihr braucht.

Fügt ein Element des Typs Uhr hinzu und vergebt einen sinnvollen Namen.

Zum Beispiel UhrHalten.
image2022-3-2_13-13-36.png


wuerfeln4_designer2.png


Was macht eine Uhr?

Unsere App führt aktuell nur Code aus, wenn eine Taste gedrückt und damit ein Ereignis ausgelöst wird. 

Mit einem Uhr-Element bekommen wir die Möglichkeit, im Programmcode zu warten, bis die Uhr ein neues Ereignis startet. Die Uhr kann auch wiederkehrend immer wieder Ereignisse starten. 

Und genau das werden wir nun nutzen: Mit dem Drücken der Würfel-Taste wird die Uhr aktiviert. Diese startet nach ein paar Millisekunden immer wieder den Würfel – bis die Würfel-Taste losgelassen wird.


2.) Blöcke-Ansicht (Programmierung)

Funktion Würfelreihe

Auslöser: Herunterdrücken der Würfel-Taste, Hochdrücken der Würfel-Taste, Uhr

Zu verändernde Elemente: Ergebnis → Setze Text

Berechnung: –

Um sowohl das Herunterdrücken als auch das Hochdrücken der Würfel-Taste zu erkennen, bauen wir den Code nun etwas um:

1.

Erstellt einen DrueckeRunter-Block für die Würfel-Taste.
image2022-3-2_13-26-47.png

2.

Erstellt einen DrueckeHoch-Block für die Würfel-Taste.
image2022-3-2_13-28-42.png

3.

Verschiebt die Blöcke aus dem bisherigen Klick-Block in den neuen DrueckeRunter-Block und löscht den leeren Klick-Block.
image2022-3-2_14-36-19.png



Nun kommt die Uhr ins Spiel:

1.

Die Uhr muss aktiviert werden, wenn die Würfel-Taste heruntergedrückt  wird.

Erstellt einen Setze-Block für UhrHalten mit der Eigenschaft ZeitgeberAktiv. Dieser soll auf wahr gesetzt werden, damit der Zeitgeber aktiviert wird.


image2022-3-2_14-9-34.png

2.

Die Uhr muss deaktiviert werden, wenn die Würfel-Taste losgelassen wird.

Erstellt einen weiteren Setze-Block für UhrHalten mit der Eigenschaft ZeitgeberAktiv. Dieser soll auf falsch gesetzt werden, damit der Zeitgeber deaktiviert wird.


image2022-3-2_14-10-35.png

3.

Erstellt ein Zeitgeber-Ereignis für UhrHalten. Dieses Ereignis wird immer wieder aufgerufen, wenn die Uhr "tickt".

Mit jedem Ticken soll neu gewürfelt und das Ergebnis dargestellt werden.
image2022-3-2_14-12-26.png

4.

Verknüpft nun alle Elemente korrekt miteinander. Ergänzt ggf. fehlende Programmteile. 

Tipp: Ihr könnt Elemente per Rechtsklick auch duplizieren. Auf Tablets müsst ihr mit dem Finger länger auf das Element drücken und warten bis das Kontextmenü erscheint.

Bild wird noch eingefügt, sobald ich wieder Arbeitsvolumen habe



3.) Testen

Funktioniert unsere App?

1.

Klickt im App Inventor oben auf Verbinden und wählt Al Companion. 
image2022-3-2_14-45-45.png

2.

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

Vergesst nicht den Haken bei Use Legacy Connection zu setzen.
image2022-3-2_14-47-14.png

3.

Scannt den QR-code auf dem Computerbildschirm – die App wird geladen.
image2022-3-2_14-48-49.png

Testet die App nun ausführlich!

  1. Funktioniert die Würfel-Funktion nach wie vor?

  2. Wechselt das Ergebnis, wenn ihr die Taste gedrückt haltet? Tipp: In den Eigenschaften der Uhr in der Design-Ansicht könnt ihr das Zeitgeberintervall ändern. 1.000 Millisekunden bedeutet, dass das Ereignis einmal pro Sekunde ausgelöst wird. Probiert kleinere Zahlen, z. B. 100 oder 50, um den Würfel-Effekt zu verstärken. 

  3. Ertönt nach dem Loslassen der Taste ein Würfel-Geräusch?

  4. Wird das korrekte Würfel-Ergebnis vorgelesen?

  5. Wir zuerst das Geräusch abgespielt und dann das Ergebnis vorgelesen? 

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


<< Würfel-App - Schritt 4

Würfel-App – Schritt 5 >>