首页 > 手游开发 > Unity3D > Unity3D发布WebGL时如何修改默认LOGO和加载进度条
2019
09-27

Unity3D发布WebGL时如何修改默认LOGO和加载进度条

Unity发布WebGL版本后,需要去除UnityLogo,首先关闭Splash Image去除Made with Unity启动画面(在File->Build Settings->Player Settings->Splash Image->Show Splash Screen(只有专业版能关闭))

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第1张  | 逗分享开发经验 Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第2张  | 逗分享开发经验

结果发现网页初始载入时会默认出现一个载入进度条,这里还是有一个UnityLogo,需要去掉它

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第3张  | 逗分享开发经验

首先猜想这个是不是和Splash Image有关,但在Splash Image中找不到相关的选项,这时发现在Resolution and Presentation页中的WebGL Template的图标有一个载入条,应该就是它了!

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第4张  | 逗分享开发经验

Unity官方文档中查询WebGL Templatehttps://docs.unity3d.com/Manual/webgl-templates.html),找到这个主题

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第5张  | 逗分享开发经验

哈哈,果然进度条和UnityLogo都是在这里面添加的。

根据文档的例子,我们有两种方式来去掉或者自定义载入条:

1. 直接修改默认模板default或者minimal(不建议)

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第6张  | 逗分享开发经验

根据文档里说的,Unity内置的两种模板都可以在Unity的安装路径中找到,这里我们选择default这个默认模板,打开文件夹

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第7张  | 逗分享开发经验

其中thumbnail.png就是模板在Unity中显示的那个图标,发布WebGL后生成的index.html就是根据这里的index.html为模板生成的,我们首先打开index.html

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第8张  | 逗分享开发经验

根据文档的说明,这个方法的第三个参数定义了这个载入条,这时我们想,如果去掉这个参数是不是就没有载入条了。很遗憾并不是,根据官方文档

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第9张  | 逗分享开发经验

Unity WebGL是会默认渲染进度条的,我们只能通过第三个参数去重载进度条。

接下来进入TemplateData这个文件夹里找到UnityProgress.js这个文件,这个文件的onProgress方法定义了整个进度条,包括了Logo的生成,进度条的生成,进度条的进度等,这里我们可以把进度条修改成自己需要的样式,如果单纯地想去掉它,把方法体{ ...}里面的内容都删掉就可以了

Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第10张  | 逗分享开发经验

通过这个方法修改了系统自带的模板,对以后发布的每一个项目都有影响,所以不太建议使用这种方法。

2. 自定义一个WebGL Template

Unity提供了一个自定义WebGL模板的方法,步骤如下:

1
Assets文件夹下新建一个文件夹WebGLTemplates

2
WebGLTemplates文件夹下创建子文件夹MyTemplate,这个文件夹保存我们自定义的模板的内容,文件夹名可以随意

3
然后在MyTemplate文件夹创建一个index.html文件Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第11张  | 逗分享开发经验,这时就可以在File->Build Settings->Player Settings->Resolution and Presentation看到我们自定义的模板了

   Unity3D发布WebGL时如何修改默认LOGO和加载进度条 - 第12张  | 逗分享开发经验

4
根据官方文档,编辑index.html文件

其实更方便的是,我们可以直接把第一种方法里的default文件夹里的内容直接复制到这里来,然后按照第一种方法去修改,最后在发布的时候选择这个模板就可以了。

最后编辑:
作者:搬运工
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。