當我在 unity 中建立 webGL 時，檔案會自動載入，但我想改成點擊後才載入。
*我引用了很多Unity:WebGL 嵌入網頁的程式碼，要在點擊後載入（汗）。

當您使用 unity 建立時，會建立 index.html，而 index.html 中的以下部分說明是

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

變更這部分如下

var gameInstance;.
function 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: #eeeeeeeeeeee;" onclick="loadWebgl();">Click to chommage</div></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})；
}

用「$(“.fullscreen”).show();」刪除的全螢幕按鈕已恢復。

– 範例 -.

Tweet