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

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM