[Unity]Wie kann man WebGL so ändern, dass es nach einem Klick geladen wird.


Wenn ich WebGL in Unity bauen, wird die Datei automatisch geladen, aber ich möchte es ändern, so dass das Laden nach einem Klick getan wird.
*Ich habe eine Menge Code von Unity zitiert : WebGL im Web eingebettet, um nach dem Klicken (Schweiß) zu laden.

Wenn Sie mit Unity bauen, wird index.html erstellt.

var gameInstance = UnityLoader.instantiate("gameContainer", "Build/Datugokusoshi.json", {onProgress : UnityProgress});

Ändern Sie diesen Teil wie folgt.

var gameInstance;.
function loadWebgl() {
gameInstance = UnityLoader.instantiate("gameContainer", "Build/Datugokusoshi.json", {onProgress: UnityProgress});
}

Ich habe „var gameInstance;“ außerhalb der Funktion deklariert, aber wenn ich mir das Zitat ansehe, könnte es ein Problem mit dem Umfang der Variablen sein, dass sie nicht im Vollbild angezeigt wird. (Ich gehe von einer Vermutung aus.)
Also deklarieren wir sie außerhalb der Funktion und rufen loadWebgl auf, wenn wir in das Javascript klicken, um loadWebgl aufzurufen.

<div id="gameContainer" style="width: 800px; height: 450px;"><div style="width: 800px; height. 450px; background: #eeeeeeee;" onclick="loadWebgl();">Klick Chomage</div></div>

Aber hier ist das Problem (Riss).

Wenn ich die Vollbild-Schaltfläche vor dem Aufruf webgl drücken, tritt ein Fehler auf,
Also haben wir beschlossen, die Macht von jquery zu borgen!
Laden Sie zunächst jquery in den Kopf. Sie können es auch herunterladen und direkt auf den Server hochladen.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Sobald die Vollbild-Schaltfläche visuell ausgeschaltet ist.

<div style="display: none;" class="fullscreen" onclick="gameInstance.SetFullscreen(1)">&lt ;/div>

Ändern Sie dann den Code wie folgt.

var gameInstance;.
function loadWebgl() {
$(".fullscreen").show();
gameInstance = UnityLoader.instantiate("gameContainer", "Build/Datugokusoshi.json", {onProgress: UnityProgress});
}

Die Vollbild-Schaltfläche, die mit „$(„.fullscreen“).show();“ gelöscht wurde, wird wiederhergestellt.

Beispiel -.