Reservieren Sie ein lesbares Spielfeld
Skizzieren Sie drei Bereiche: das aktive Spiel, dauerhafte Statusanzeigen und vorübergehende Hinweise. Reservieren Sie die Mitte zuerst für die Spielmechanik. Punkte, Leben und Pauseninformationen sollten auf einen Blick erkennbar sein, ohne Gefahren oder Ziele zu verdecken. Bei einem vertikalen Plattformspiel bleibt die nächste Landefläche oberhalb der Figur sichtbar. Bei einem Worträtsel benötigen Hinweis und aktive Buchstabenreihe genügend Breite, ohne von Overlays eingeengt zu werden.
Verwenden Sie die Breite des Ansichtsfensters anstelle einer geschätzten Auflösung des Mobilteils. MDN erklärt, wie das Viewport-Metaelement einen mobilen Browser anweist, die Gerätebreite für sein Seitenlayout zu verwenden. Überprüfen Sie das Spielfeld separat: Eine korrekt konfigurierte Seite kann immer noch eine Leinwand oder ein Panel enthalten, das eine feste Größe annimmt.
Wählen Sie, wie sich das Spiel anpasst
Entscheiden Sie, ob sich die Spielwelt neu anordnet, eine Kamera der Aktion folgt oder ungenutzter Platz als Rand bleibt. Eine neue Anordnung eignet sich, wenn die Regeln mehr oder weniger Spalten erlauben. Eine Kamera eignet sich für eine Welt, die größer als der Bildschirm ist. Randbalken erhalten das vorgesehene Spielfeld, wenn sein Seitenverhältnis fest bleiben soll. Verzerren Sie keine Figuren und verschieben Sie keine Ziele, nur um jeden Pixel auszufüllen.
Prüfen Sie Systemoberflächen und Displayausschnitte, bevor Sie Bedienelemente am Rand verankern. Apples Layout-Richtlinien beschreiben sichere Bereiche und empfehlen, wichtige Inhalte nicht von Hardwareausschnitten verdecken zu lassen. Testen Sie für Android Smartphone- und Tablet-Seitenverhältnisse getrennt, wenn Sie beide unterstützen. Auch ein reines Hochformatspiel braucht ein klares Verhalten beim Drehen des Geräts, damit keine abgeschnittene halbe Szene entsteht.
Überprüfen Sie eine komplette Runde
Führen Sie das Tutorial, einen geschäftigen Moment und den Endbildschirm mit einer schmalen Telefonbreite und einer größeren Gerätebreite aus. Fragen Sie an jedem Punkt, ob der Spieler das Ziel, die unmittelbare Bedrohung und den aktuellen Status gleichzeitig sehen kann. Korrigieren Sie Clipping und Hierarchie, bevor Sie Stufen hinzufügen.
Fragen zu Spieldesign für Smartphones im Hochformat
Sollte ein Hochformatspiel auch das Querformat unterstützen?
Nur wenn das Spieldesign davon profitiert. Eine Entscheidung nur für das Hochformat ist gültig, bietet jedoch ein nutzbares Layout, wenn sich das Gerät dreht, anstatt sich auf eine bestimmte Ausrichtungssperre zu verlassen.
Sollte das HUD immer oben bleiben?
Nein. Platzieren Sie Informationen so, dass sie sichtbar bleiben, ohne mit der eigentlichen Spielmechanik zu konkurrieren. Testen Sie während des Spiels, bei Overlays und auf dem Endbildschirm, denn die beste Position hängt vom Spielfeld ab.
Weiterlesen
Etwas nicht mehr aktuell? Korrektur melden