当我在 unity 中构建 WebGL 时，文件是自动加载的，但我想改成点击后加载。
*我从Unity:WebGL中引用了大量代码，嵌入到网页中，以便在点击后加载（汗）。

使用 unity 创建网页时，会创建 index.html。

var gameInstance = UnityLoader.instantiate("gameContainer", "Build/Datugokusoshi.json", {onProgress：UnityProgress}）；

更改这部分如下。

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

我在函数外声明了 “var gameInstance;”，但从引用的结果来看，可能是变量的作用域出现了问题，导致无法在全屏中显示。（我只是凭直觉）。
因此，我们在函数外声明它，并在点击 javascript 调用 loadWebgl 时调用 loadWebgl。

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

但问题就在这里（撕裂）。

如果我在调用 webgl 之前按下全屏按钮，就会出现错误、
所以我们决定借用 jquery 的力量！
首先在头部加载 jquery。你也可以下载并直接上传到服务器。
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js”></script>

一旦在视觉上关闭了全屏按钮。
<div style=”display: none;” class=”fullscreen” onclick=”gameInstance.SetFullscreen(1)”></div>

接下来，更改代码如下。
var gameInstance;.
function loadWebgl() {
$(“.fullscreen”).show()；
gameInstance = UnityLoader.instantiate(“gameContainer”, “Build/Datugokusoshi.json”, {onProgress: UnityProgress})；
}
[/code］
通过”$(“.fullscreen”).show(); “删除的全屏按钮已恢复。

– 示例 -.

Tweet