# Behandeln Sie ausgeblendete Tabs als Spielstatus

> Mithilfe von Änderungen an der Seitensichtbarkeit können Sie auswählen, was pausiert, was gespeichert wird und wie ein Browserspiel ohne Zeitsprung fortgesetzt wird.

- URL: https://oneshotgems.ai/de/topics/pausing-background-games
- Kategorie: Für Spieleentwickler
- Typ: Ratgeber
- Aktualisiert: 5. Oktober 2026

Während ein Browserspiel läuft, kann ein Spieler zwischen Tabs wechseln, ein Fenster minimieren oder ein Gerät sperren. Browser pausieren häufig Animationsrückrufe in versteckten Dokumenten und drosseln Timer, sodass sich eine Aktualisierungsschleife nicht darauf verlassen kann, jeden geplanten Tick zu empfangen. Modellieren Sie die Sichtbarkeit als expliziten Zustandsübergang. Dadurch erhalten Sie eine bewusste Richtlinie für Timer, Eingaben, Sound und gespeicherten Fortschritt, anstatt zu versuchen, eine ungewisse Menge an Simulationszeit zu rekonstruieren, wenn der Spieler zurückkehrt.

## Festlegen, was sich bei geänderter Sichtbarkeit ändert

Pausieren Sie in einem Reaktionsspiel die aktive Partie, wenn document.visibilityState zu hidden wechselt. Halten Sie den Countdown an, löschen Sie den Zustand gedrückter Tasten und zeigen Sie nach der Rückkehr zur sichtbaren Seite eine Schaltfläche zum Fortsetzen an. Bei einem rundenbasierten Rätsel kann das Spielfeld unverändert bleiben, ohne dass ein Pausenbildschirm erscheint; der Ton kann trotzdem stummgeschaltet und die Animationsuhr zurückgesetzt werden.

Notieren Sie vor der Implementierung das erwartete Verhalten für einen Timer, eine sich bewegende Gefahr und eine gedrückte Taste. Wechseln Sie dann bei jedem Fall weg und kehren Sie zurück. Diese kleine Matrix fängt Fehler auf, z. B. wenn ein Schlüssel logisch gehalten bleibt oder ein Timer abläuft, während das Spiel nicht sichtbar war.

## Zeitmessung vor dem Fortsetzen zurücksetzen

Reagieren Sie auf das Ereignis visibilitychange und trennen Sie die Pausenentscheidung vom Rendern. Setzen Sie bei der Rückkehr den Zeitstempel des vorherigen Frames auf den aktuellen Animationszeitstempel oder markieren Sie den ersten Frame nach der Rückkehr als Uhrenneustart. Sonst kann das nächste Delta die gesamte Zeit im verborgenen Tab umfassen und Objekte abrupt bewegen.

Verwenden Sie die Seitensichtbarkeits-API, anstatt sich nur auf Unschärfe und Fokus zu verlassen: Ein Fenster kann den Fokus verlieren, bleibt aber sichtbar, und die Sichtbarkeit vermittelt, ob das Dokument tatsächlich ausgeblendet ist. Halten Sie alle Richtlinien zum automatischen Speichern unabhängig; Pausenverhalten und Persistenz haben unterschiedliche Zwecke und sollten separat getestet werden.

## Fragen

**Wird requestAnimationFrame weiterhin in einem ausgeblendeten Tab ausgeführt?** Die meisten Browser pausieren Animationsrückrufe in Hintergrundregisterkarten oder versteckten Iframes, und Timer-Rückrufe können ebenfalls gedrosselt werden. Betrachten Sie diese Verhaltensweisen als Gründe, mit der Sichtbarkeit umzugehen, und nicht als genaue Uhr.

**Sollte jedes Spiel pausieren, wenn es ausgeblendet ist?** Keine einzelne Richtlinie passt zu jedem Design. Unterbrechen Sie Spiele, bei denen eine unsichtbare Simulation die Herausforderung verändert. Bei rundenbasiertem Spiel kann es ausreichen, das aktuelle Spielbrett beizubehalten. Setzen Sie in jedem Fall Timing und Audio bei der Rückkehr bewusst zurück.

## Folge deiner Neugier

- [Erstellen Sie eine zuverlässige Browsergame-Schleife](https://oneshotgems.ai/de/topics/browser-game-loop): Strukturieren Sie Aktualisierungen von Browserspielen und zeichnen Sie um Animationsrahmen herum, ohne die Simulationsgeschwindigkeit an die Bildwiederholfrequenz des Spielers zu binden.
- [Delta Time ohne ruckartige Bewegung verwenden](https://oneshotgems.ai/de/topics/delta-time-in-games): Wenden Sie die verstrichene Zeit auf die Spielbewegung an, wählen Sie eine sichere Aufholrichtlinie und testen Sie die Bewegung bei verschiedenen Bildwiederholfrequenzen und nach Verzögerungen.

## Weiterlesen

- [MDN: Seitensichtbarkeits-API](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API)

---
Kanonische Seite: https://oneshotgems.ai/de/topics/pausing-background-games