Sadasy的Unity学习笔记——Unity发布WebGL（一）

下载并修改发布平台

菜单栏-File-Build And Setting打开发布界面，如图所示。笔者已经下载了WebGL扩展包，如果没有下载，则会有“DownLoad”字样的提示按钮，点击下载安装到当前Unity所在文件夹即可。
注意，如果存在多个Unity版本，安装包会默认安装在你最后安装的Unity文件夹里，请注意修改。
安装完成后，重启Unity，点击WebGL选项，在右下角会有Switch Platform选项，意味转换平台。点击即可。

修改设置

Unity2017及以上版本的Player Setting终于有了一个独立的界面，不会因为在场景里点击物体就关闭。

Resoultion And Presentation

首先是Resolution and Presentation（分辨率和展示）选项，Resolution选项*三个可调节参数，分别是默认宽度、默认高度、是否后台运行，这个根据自身需求修改即可。不过如何做到网页“填充”效果，即不需要设置宽高，打开发布内容即获取当前网页显示大小并自动修改，尚未有结果。

自定义模板

第二个，WebGL Template选项，webgl模板，用于设置发布格式。两个选项分别是默认格式和简略格式。打包样式在Default的缩略图上可以看见，这也是WebGL发布后的加载界面。

如何自定义模板？
打开你当前Unity的文件夹，懒得找的话，选择桌面上的Unity图标，右键，打开文件所在位置。
打开路径Data\PlaybackEngines\WebGLSupport\BuildTools\WebGLTemplates，该文件夹的名字和Unity设置中的一模一样，里面的两个文件夹也是设置中的名字。

这就好办了。

方法一，通用方案：
复制一个Default改名字。比如MyTemplate。然后重启你的Unity，就会得到你的自定义方案。

方法二，专属方案：
复制一个Default改名字。但是这个文件夹移动到你当前的Unity工程目录下，放到一个新建文件夹下。该新建文件夹的名字修改为，“WebGLTemplates”。重启你的Unity，也会得到你的自定义方案。

不同的是，通用方案将会展示在所有你使用该版本Unity打开的工程中，而第二个方法只会展示在拥有该文件夹的工程中。
有趣的是，如果你不使用WebGL平台发布，该文件夹可以用来放置你不使用的C#代码，该文件夹不会被打包到工程中。

打开你复制的文件夹开始修改。

打开index.html文件（方便观看，这里是打包后的index.html，源码比较乱），查看代码的第7、8、9、10、12行可以看到，这里加载了一些东西。

第七行：加载了ico文件，该文件是图标文件，在这里用于网页对话框的左上角小图标。如CSDN图标：

第八行：style.css，风格文件。Ctrl+左键打开，第5行定义了加载界面的Logo。

（个人不懂HTML代码，只是勉强能看看，摸索着过河的。后续会慢慢更新）