In diesem Level geht es um das Anpassen von Größen in Abhängikeit der Displaygröße. Außerdem testen wir die Anwendung das erste mal auf einem Android-Smartphone (optional).
| Thema | Voraussetzungen |
|---|---|
| Schwierigkeit | ⭐ ⭐ |
| Hardware | PC (Windows/Mac/Linux), Android-Smartphone (optional) |
| Software | Browser, Internetzugang, Processing IDE |
| CatcherTutorial Level | 0,1,2,3 |
| Programmierung | Aufruf von Funktionen, Variablen, Events (mousePressed), Bedingte Anweisung und Verzweigung (if, else)), Funktionen, for-Schleife, Klassen, Objekte, Instanzen, Konstruktor |
- Das Spiel soll nicht nur in den Maßen 400x640 dargestellt werden können. Das wird spätestens auf Android-Smartphones mit verschiedenen Bildschirmgrößen relevant. Aber auch auf dem Desktop ist ein Spiel im Vollbildmodus interessant. Aktiviere den Vollbildmodus und führe die Anwendung aus.
//size(400, 640);
fullScreen(P2D); //P2D ist ein alternativer Renderer in Processing- Was fällt dir auf? Baue deine Anwendung mit Hilfe der Processing Variablen (width und height) so um, dass alle Objekte im Verhältnis zu den Displaymaßen berechnet werden.
// Beispiel Mitte des Bildschirms x/y
float displayMidX = width/2;
float displayMidY = height/2;- Aktiviere die Entwickleroptionen auf den Android-Smartphone
- Aktiviere USB-Debugging in den Entwickleroptionen des Smartphones
- Wechsel den Modus in der Processing IDE zu Android
- a) Schließe das Smartphone per USB am PC an. Sollte auf dem Smartphone eine Erlaubnis des Rechners zum Verbinden verlangt werden, so bestätige diese. Drücke den Play-Button. Die Anwendung sollte auf deinem Smartphone installiert und gestartet werden.
- b) Über den Menüpunkt Sketch in der Processing IDE kannst du Run in Emulator wählen. Dann benötigst du kein Smartphone. Ich würde dir aber immer empfehlen ein echtes Gerät zum Testen zu verwenden. Aber falls du einen Emulator verwenden willst/musst verwende x86, wenn Processing dich danach fragt.
Hier geht es weiter zum nächsten Level ➡️