Quando costruisco webGL in unity, il file viene caricato automaticamente, ma voglio cambiarlo in modo che il caricamento avvenga dopo un clic.
*Ho citato un sacco di codice da Unity:WebGL incorporato nel web da caricare dopo il clic (sudore).

Quando si costruisce con unity, viene creato index.html.

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

Modificare questa parte come segue.

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

Ho dichiarato “var gameInstance;” al di fuori della funzione, ma, guardando la citazione, potrebbe essere un problema di ambito della variabile che non viene visualizzata a schermo intero. (Ho un’intuizione).
Quindi, la dichiariamo fuori dalla funzione e chiamiamo loadWebgl quando facciamo clic nel javascript per chiamare loadWebgl.

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

Ma ecco il problema (strappo).

Se premo il pulsante fullscreen prima di chiamare webgl, si verifica un errore,
Così abbiamo deciso di prendere in prestito la potenza di jquery!
Per prima cosa caricare jquery nella testa. È anche possibile scaricarlo e caricarlo direttamente sul server.

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

Una volta che il pulsante fullscreen è disattivato visivamente.

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

Quindi, modificate il codice come segue.

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

Il pulsante a schermo intero che era stato cancellato con “$(“.fullscreen”).show();” viene ripristinato.

– Esempio -.

Tweet