Würfel-App – Schritt 3
Bilder statt Text
Ziel 3
Anstelle einer Zahl soll ein Bild des Würfelergebnisses dargestellt werden.
Design-Ansicht
Benötigt werden:
- Ein Element des Typs
Bild
Vergebt sinnvolle Namen für die Elemente.
Ladet im Bereich Medien die sechs Würfelseiten-Bilder hoch.
Blöcke-Ansicht (Programmierung)
Funktion Würfelbild darstellen
Auslöser: Klick auf Würfeltaste
Zu verändernde Elemente: Würfelbild → Setze Bild
Berechnung: Wähle Element aus Liste
Wir speichern die Bildnamen der sechs Würfelseiten-Bilder in einer Liste:
- Erstellt einen Listen-Block des Typs "Liste erstellen"
- Fügt über das Zahnrad-Symbol dem Block weitere Elemente und damit Andock-Stellen hinzu. Wir benötigen insgesamt sechs Stellen.
- Erstellt einen Text-Block mit dem Text "Wuerfelseite-1.png". Achtet darauf, den Text richtig zu schreiben!
- Wiederholt diesen Schritt fünf Mal und und benennt die Texte in "Wuerfelseite-2.png" bis "Wuerfelseite-6.png". Tipp: Ihr könnt Elemente per Rechtsklick auch duplizieren.
- Verknüpft nun die Text-Blöcke mit dem Listen-Block, so dass "Wuerfelseite-1.png" an der ersten Position steht, "Wuerfelseite-2.png" an zweiter und so weiter.
- Erstellt für die Liste eine Variable ("global initialisieren") und gebt dieser einen passenden Namen.
Die Liste hat nun einen Namen, so dass wir diese auch in unserem Programmcode auswählen können.
Im Würfelbild soll nun das Bild angezeigt werden, das der gewürfelten Zahl entspricht.
- Erstellt ein setze-Element für Würfelbild. Hier soll die Eigenschaft
Bild
geändert werden. - Erstellt einen "Listenelement wählen"-Block. Dieser Block wählt aus einer Liste das Element aus, das sich an einer bestimmten Position befindet.
- Erstellt ein Variable-hole-Element für die Liste
- Zuletzt benötigt ihr noch die aktuell gewürfelte Zahl. Dieses holt ihr euch aus dem ErgebnisText.
- Verknüpft die Elemente nun so, dass die Würfelseite auf die aktuell gewürfelte Zahl gesetzt wird.
Testen
- Funktioniert die Würfel-Funktion nach wie vor, ertönt das Würfelgeräusch und wird das Ergebnis vorgelesen?
- Zeigt die Zahl und das Würfelbild das selbe Ergebnis an?
- Werden alle Bilder korrekt dargestellt? Würfelt so lange, bis alle Zahlen einmal gewürfelt wurden.
Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!