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

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文件夾，這時候就能夠按照方法一去修改啦~