Unity發布WebGL時如何修改/刪除默認的Logo和載入進度條

操作系統：Windows 10

Unity版本：Unity 2017.3.1f0

瀏覽器：Chrome

Unity發布WebGL版本後，需要去除Unity的Logo，首先關閉Splash Image去除Made with Unity啟動畫面（在File->Build Settings->Player Settings->Splash Image->Show Splash Screen（只有專業版能關閉））

結果發現網頁初始載入時會默認出現一個載入進度條，這裡還是有一個Unity的Logo，需要去掉它

首先猜想這個是不是和Splash Image有關，但在Splash Image中找不到相關的選項，這時發現在Resolution and Presentation頁中的WebGL Template的圖標有一個載入條，應該就是它了！

在Unity官方文檔中查詢WebGL Template（https://docs.unity3d.com/Manual/webgl-templates.html），找到這個主題

哈，果然進度條和Unity的Logo都是在這裡面添加的。

根據文檔的例子，我們有三種方式來去掉或者自定義載入條：

1. 直接修改默認模板default或者minimal（不建議）

根據文檔里說的，Unity內置的兩種模板都可以在Unity的安裝路徑中找到，這裡我們選擇default這個默認模板，打開文件夾

中thumbnail.png就是模板在Unity中顯示的那個圖標，發布WebGL後生成的index.html就是根據這裡的index.html為模板生成的，我們首先打開index.html

根據文檔的說明，這個方法的第三個參數定義了這個載入條，這時我們想，如果去掉這個參數是不是就沒有載入條了。很遺憾並不是，根據官方文檔

Unity WebGL是會默認渲染進度條的，我們只能通過第三個參數去重載進度條。

接下來進入TemplateData這個文件夾里找到UnityProgress.js這個文件，這個文件的UnityProgress方法定義了整個進度條，包括了Logo的生成，進度條的生成，進度條的進度等，這裡我們可以把進度條修改成自己需要的樣式，如果單純地想去掉它，把方法體{ ...}裡面的內容都刪掉就可以了

過這個方法修改了系統自帶的模板，對以後發布的每一個項目都有影響，所以不太建議使用這種方法。

2. 自定義一個WebGL Template

Unity提供了一個自定義WebGL模板的方法，步驟如下：

（1） 在Assets文件夾下新建一個文件夾WebGLTemplates

（2） 在WebGLTemplates文件夾下創建子文件夾MyTemplate，這個文件夾保存我們自定義的模板的內容，文件夾名可以隨意

（3） 然後在MyTemplate文件夾創建一個index.html文件，這時就可以在File->Build Settings->Player Settings->Resolution and Presentation看到我們自定義的模板了

（4） 根據官方文檔，編輯index.html文件

其實更方便的是，我們可以直接把第一種方法里的default文件夾里的內容直接複製到這裡來，然後按照第一種方法去修改，最後在發布的時候選擇這個模板就可以了。

3. 發布後再去修改WebGL Template

如果發布時選擇了Default模板，那麼發布出來的文件夾里就會有一個TemplateData文件夾，這時候就可以按照方法一去修改啦~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！