Quand je construis webGL dans unity, le fichier est automatiquement chargé, mais je veux le changer pour que le chargement se fasse après un clic.
*J’ai cité beaucoup de code de Unity:WebGL intégré dans le web pour charger après un clic (sweat).

Quand vous construisez avec unity, index.html est créé, et la partie suivante de la description dans l’index.html est

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

Modifiez cette partie comme suit

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

J’ai déclaré « var gameInstance ; » en dehors de la fonction, mais en regardant les guillemets, il peut s’agir d’un problème de portée de la variable qui ne s’affiche pas en plein écran. （I’m going on a hunch.)
Nous la déclarons donc en dehors de la fonction, et lorsque nous cliquons en javascript pour appeler loadWebgl, nous appelons loadWebgl.

<div id="gameContainer" style="width : 800px ; height : 450px ;"><div style="width : 800px ; height : 450px ; background : #eeeeee ;" onclick=" loadWebgl() ;">Cliquez pour chommer</div></div></div></div>.

Mais voilà le problème (les larmes).

Si j’appuie sur le bouton fullscreen avant d’appeler webgl, une erreur se produit,
Nous avons donc décidé d’emprunter la puissance de jquery !
Tout d’abord, chargez jquery dans le head. Vous pouvez également le télécharger et l’envoyer directement sur le serveur.

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

Une fois que le bouton plein écran est visuellement effacé.

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

Modifiez ensuite le code comme suit

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

Le bouton fullscreen qui a été supprimé avec « $(« .fullscreen »).show() ; » est restauré.

– Exemple -.

Tweet