Unity发布WebGL时如何修改、删除默认的载入进度条
发表于2018-11-20
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文件夹，这时候就可以按照方法一去修改就可以啦。