Ich erstelle ein 3D-Multiplayer-Spiel mit Three.js, in dem Spieler an verschiedenen vorhandenen Spielen teilnehmen können. Sobald auf "Abspielen" geklickt wird, wird der Renderer an die Seite und den Vollbildschirm angehängt. Das funktioniert prima, aber das Problem ist, dass es beim Verlassen des Vollbildmodus immer noch angehängt bleibt. Ich würde es gerne entfernen, aber ich weiß nicht wann!

Im Grunde bin ich auf der Suche nach einem Ereignis, das besagt, dass "dieses Element den Vollbildmodus verlassen hat".

So hänge ich den Renderer an die Seite an:

container = document.getElementById('container');
document.body.appendChild(container);

var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( WIDTH, HEIGHT);
container.appendChild( renderer.domElement );

Dies ist, wie ich es vollbildete:

THREEx.FullScreen.request(container); 
renderer.setSize(screen.width, screen.height);

Gibt es auch eine Möglichkeit, zu verhindern, dass diese nervige Kopfzeile angezeigt wird, wenn jemand mit der Maus auf den oberen Rand der Seite zeigt? Und ich schätze, ich kann nur verhindern, dass Flucht in Firefox und Chrome das tut, was es macht (Vollbild beenden)preventDefault?

Und weiß jemand, warum Firefox beim 3D-Rendering so viel langsamer ist als Chrome? Ich meine, ich benutze WebGL, das bedeutet, dass die GPU verwendet wird!

BEARBEITEN:

Das "fullscreenchange" -Ereignis wird zwar ausgelöst, hat jedoch unter verschiedenen Browsern unterschiedliche Namen. In Chrome heißt es beispielsweise "webkitfullscreenchange" und in Firefox "mozfullscreenchange".