Als das HUD im Browser plötzlich kopfstand 🙃

7. November 2026

Mit Version 2026.10.10 haben wir unter der Haube zwei große Schritte gemacht: Das Spiel läuft jetzt auf Unity 6.6, und die Browser-Version startet auf WebGPU, wo der Browser es anbietet, zum Beispiel in aktuellem Chrome und Edge. Sonst läuft sie wie bisher auf WebGL 2. Beides sind Wege, auf denen eine Website mit der Grafikkarte spricht. WebGL gibt es schon viele Jahre, WebGPU ist der Nachfolger und näher an dem, wie heutige Grafikkarten arbeiten. Kurz danach stand mein HUD auf dem Kopf. 🙃

Einmal gesehen, dann nicht wieder. Ich hatte das Spiel in Chrome auf meinem Laptop geöffnet, und das HUD stand verkehrt herum. Wir haben versucht, das nachzustellen, und es ist uns nicht gelungen. Ich habe es auch selbst nicht wieder gesehen. Also haben wir den Fall erst einmal geschlossen.

Dann kam es wieder, mit Beweisfoto. Am 19. Oktober passierte es noch einmal, in einer frischen Welt. Diesmal habe ich sofort einen Fehlerbericht mit Screenshot geschickt. Nur war der Screenshot selbst kaputt: drei Kopien nebeneinander, voller Streifen. Die Detektivarbeit dahinter: Ein Bild besteht aus Bildpunkten, und jeder Punkt hat normalerweise drei Werte für Rot, Grün und Blau. Das Spiel hat drei Werte pro Punkt erwartet, WebGPU hat aber vier geliefert, mit einem zusätzlichen Wert für die Durchsichtigkeit. Liest man dieselben Daten mit vier Werten pro Punkt, wird das Bild lesbar. Die Welt steht richtig, aber das ganze HUD ist gespiegelt: Die Schnellleiste klebt oben, und VEGAs Frage „Soll ich dir die Grundlagen zeigen?“ steht auf dem Kopf. Nebenbei kam heraus, dass seit dem Wechsel auf WebGPU jeder Screenshot aus dem Browser kaputt war. Es war nur niemandem aufgefallen, weil bis dahin kein Bericht aus dem Browser einen Screenshot dabeihatte. 🔍

Warum nur das HUD? Ab der Grafikstufe „Mittel“ und mit eingeschaltetem Visier-Effekt malt eine eigene Kamera das HUD in ein eigenes Bild im Grafikspeicher. Fachleute nennen so etwas eine Render-Textur. Dieses Bild legt das Spiel dann mit dem Visier-Effekt samt Leuchten über die Welt. Das Knifflige daran: Grafiksysteme sind sich nicht einig, wo bei so einem Bild oben ist. Manche zählen die Zeilen von oben, manche von unten. Normalerweise gleicht die Spiel-Engine das aus. Im Browser auf WebGPU ging das für das HUD-Bild manchmal schief. Warum nur manchmal, wissen wir bis heute nicht sicher.

Nachstellen? Fehlanzeige. Um Fehler im Browser selbst zu finden, haben wir uns eine kleine Teststrecke gebaut. Wir laden das fertige Spielpaket einer Version herunter und starten es auf dem eigenen Rechner. Dann klickt sich ein ferngesteuerter Browser mit WebGPU durchs Menü, startet eine Welt und macht Screenshots, die sich unsere KI ansieht. Dreimal haben wir es so versucht, mit genau meinem Link und auf demselben Grafikchip, und dreimal stand das HUD richtig herum. Nur mein echtes Chrome hatte den Fehler.

Wenn man den Fehler nicht erzwingen kann, muss man ihn erkennen. Deshalb malt die HUD-Kamera jetzt einen winzigen magentafarbenen Punkt in die linke obere Ecke ihres Bildes, vier Bildpunkte groß. Bevor das HUD über die Welt gelegt wird, schaut der Visier-Shader in beiden linken Ecken nach, wo der Punkt gelandet ist. (Ein Shader ist ein kleines Programm, das direkt auf der Grafikkarte läuft.) Liegt der Punkt unten, dreht der Shader das HUD um. Die Ecken blendet er dabei aus, den Punkt seht ihr also nie. Solange sich der Fehler versteckt, kann man so eine Reparatur aber schlecht testen. Deshalb gibt es einen Prüfschalter, der den Punkt absichtlich in die falsche Ecke setzt. Dann muss das HUD kopfstehen, und genau das tat es, exakt so wie auf meinem Screenshot. Damit war klar, dass die Erkennung funktioniert. ✅

Die naheliegende Lösung wäre ein Fehler gewesen. „Dann dreh es auf WebGPU doch einfach immer um!“ Das haben wir in der Teststrecke ausprobiert, bevor wir es eingebaut haben. Es hätte das HUD für alle kaputtgemacht, denn meistens stand es ja richtig.

Drei Fallen auf dem Weg. WebGPU hat uns unterwegs noch ein paar Streiche gespielt. Erstens kann ein einfacher Kopierschritt ein Bild auf WebGPU selbst spiegeln. Den Fehler mit einer gespiegelten Kopie nachzustellen, ging deshalb nicht. Zweitens kam ein neuer Schalter, den wir dem Shader einmal mitgeben wollten, im Browser schlicht nie an. Drittens haben wir Bildpunkte zurückgelesen, um die Reihenfolge der Zeilen zu prüfen, und widersprüchliche Antworten bekommen. Deshalb schreibt der Shader sein Urteil jetzt in einen einzigen Bildpunkt, und den lesen wir aus. Ein einzelner Punkt hat kein Oben und kein Unten. 😄

Was ihr davon habt. Seit Version 2026.10.24 steht das HUD im Browser richtig herum, und Screenshots aus dem Browser sind wieder echte Bilder. Fehlerberichte tragen jetzt außerdem einen Grafik-Abschnitt mit, in dem unter anderem steht, wie herum das HUD lag. Beim nächsten Mal wissen wir es also auch ohne Bild. Im selben Paket haben wir noch einen Fehler aus Lyxettes Berichten behoben: Ein Tier schwebt nicht mehr über einem Graben, den ihr ausgehoben habt. 🐾

Falls ihr das HUD trotzdem einmal kopfüber seht: Im Browser öffnet F2 den Fehlerbericht. Wir schauen es uns an. 🙏