kugelspiel-app mit dem mit app inventor · werkzeug app inventor kugelspiel-app mit dem mit app...

9
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 1 Kugelspiel-App mit dem MIT App Inventor Schritt 1: Kugel mit dem Lagesensor Screen: Orientierung festlegen und Scrolling deaktivieren Einfügen eines Canvas-Objekts als Spielfeld in den Screen

Upload: others

Post on 03-Nov-2019

50 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

1

Kugelspiel-App mit dem MIT App Inventor

Schritt 1: Kugel mit dem Lagesensor Screen: Orientierung festlegen und Scrolling deaktivieren

Einfügen eines Canvas-Objekts als Spielfeld in den Screen

Page 2: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

2

Einfügen der Kugel als Ball-Objekt

Bereitstellen des Orientation-Sensors

Page 3: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

3

Auswerten von Lageänderungen mit dem Event OrientationChanged

roll: horizontale Auslenkung

pitch: vertikale Auslenkung

Page 4: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

4

Schritt 2: Vorbereiten des Labyrinths Einfügen des Labyrinth-Hintergrunds für das Canvas-Objekt

Festlegen der Canvas-Größe

Page 5: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

5

Setzen der gerätespezifischen Canvas-Größe bei quadratischem Hintergrundbild

Kugelfarbe ändern

Page 6: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

6

Schritt 3: Kugel im Labyrinth Reaktion der Kugel auf die schwarzen Labyrinthwände: Die Kugel bleibt kleben

Vergabe globaler Variablen zur Berechnung der möglichen neuen Position (geringere Sensitivität)

Auswertung der möglichen neuen Position

Die Kugel fällt in die roten Löcher und kehrt zur Startposition zurück

Vergabe von globalen Variablen für die Startposition

Page 7: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

7

Schritt 4: Spielende Einfügung eines Notifier-Objekts zum Anzeigen der Spielende-Meldung

Erkennen des grünen Lochs und Anzeigen der Meldung

Page 8: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

8

Problem: Meldung wird immer wieder angezeigt, weil der Event OrientationChanged immer wieder

ausgelöst wird

Einfügen einer globalen Variable zum Speichern des Zustands

Page 9: Kugelspiel-App mit dem MIT App Inventor · Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor C. Müller, M. Ehmann Didaktik der Informatik Universität Bayreuth 8 Problem:

Modellierung und Codierung von Algorithmen Werkzeug App Inventor Kugelspiel-App mit dem MIT App Inventor

C. Müller, M. Ehmann Didaktik der Informatik

Universität Bayreuth

9

Reaktion auf die Auswahl im Notifier