Eine Layoutstrategie wählen
Ein responsives Spiel kann das Spielfeld neu anordnen, einen stabilen virtuellen Bereich mit Randflächen beibehalten oder deutlich zum Drehen des Geräts auffordern. Entscheide nach der Spielmechanik: Ein Rennspiel mit breiten Bahnen braucht möglicherweise Platz im Querformat, während ein vertikales Stapelspiel im Hochformat lesbar bleibt. Ziehe nicht die ganze Szene auseinander, um sie einzupassen; dadurch ändern sich Objektproportionen und Trefferbereiche können ungenau werden.
Verwende CSS-Media-Queries für Layoutentscheidungen, die von der Ausrichtung des Viewports abhängen. Reagiere nur dann auf Änderungen von ScreenOrientation, wenn das Skript diesen Zustand benötigt; verlasse dich nicht auf das veraltete Ereignis window.orientationchange. Eine Orientierungssperre sollte einen bewussten Grund und eine Ausweichlösung haben, statt als Abkürzung für ein ungeprüftes Layout zu dienen.
Koordinatentransformation neu berechnen
Miss nach dem Drehen den aktuellen Spielcontainer und berechne seine Darstellungstransformation neu. Aktualisiere die Umrechnung von Zeiger- in Weltkoordinaten, bevor du eine weitere Aktion annimmst. Läuft gerade ein Ziehvorgang, führe ihn mit der neuen Transformation fort oder brich ihn sauber ab. Alte Zeigerkoordinaten mit der neuen Canvas-Größe zu mischen kann ein Objekt durch die Szene teleportieren.
Teste das Drehen vor einer Partie, während eines Ziehvorgangs und bei geöffneten Menüs. Prüfe, ob die Größenänderung keine neue Sitzung startet und alle Bedienelemente erreichbar bleiben. MDN beschreibt Änderungsereignisse und die Orientierungssperre von ScreenOrientation; nutze sie bei Bedarf und prüfe, ob das Gerät die Sperre tatsächlich zulässt.
Fragen zu Orientierungswechsel in Browserspielen
Sollte ein Browserspiel das Querformat erzwingen?
Nur wenn es einen guten Grund und eine klare Ausweichlösung gibt. Ein responsives Layout oder ein deutlicher Hinweis zum Drehen des Geräts kann besser sein als eine Bildschirmsperre.
Löst eine Drehung immer ein Größenänderungsereignis aus?
Das Verhalten von Viewport und Ausrichtung unterscheidet sich je nach Browser und Gerät. Teste die Ereignisse, von denen dein Code abhängt, und miss nach der Änderung den tatsächlichen Spielcontainer erneut.
Weiterlesen
Etwas nicht mehr aktuell? Korrektur melden