Cuando construyo webGL en unity, el archivo se carga automaticamente, pero quiero cambiarlo para que la carga se haga despues de un click.
*He citado un montón de código de Unity:WebGL incrustado en la web para cargar después de hacer clic (sudor).

Cuando construyes con unity, se crea index.html.

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

Cambia esta parte de la siguiente manera.

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

He declarado «var gameInstance;» fuera de la función, pero como resultado de mirar la cita, puede ser un problema con el alcance de la variable que no se muestra en pantalla completa. （Sigo una corazonada).
Así que la declaramos fuera de la función y llamamos a loadWebgl cuando pinchemos en el javascript para llamar a loadWebgl.

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

Pero aquí está el problema (lágrima).

Si pulso el botón de pantalla completa antes de llamar a webgl, se produce un error,
¡Así que decidimos pedir prestado el poder de jquery!
Primero carga jquery en el head. También puedes descargarlo y cargarlo directamente en el servidor.

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

Una vez desactivado visualmente el botón de pantalla completa.

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

A continuación, cambie el código de la siguiente manera.

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

El botón de pantalla completa que se eliminó con «$(«.fullscreen»).show();» se restaura.

– Ejemplo -.

Tweet