Unity打包WebGL基础介绍

一、WebGL Player Setting打包设置

官方参考

 Icon：

        web端无图标设置。

Resolution and Presentation：

        设置初始分辨率和显示

Default Canvas Width/Height：设置webgl画布默认宽高

Run In BackGround：是否后台运行。

WebGl模版：

Default：简单的白色页面，其中的灰色画布上有一个加载进度条。右下方有全屏化界面按钮。

Minimal：作者感觉就是少了全屏显示按钮。官方解释：

• Minimal 页面只有必要的样板代码来运行 WebGL 内容。

 Splash Image：

        启动界面设置。

 商业版可以取消显示启动界面和显示UnityLogo。

Preview：预览启动界面效果。

Splash Style：设置界面过渡类型。

Animation：启动界面显示消失效果。

Draw Mode：绘制Logo模式，只显示Unity Logo，或者以联合显示同时显示Unity和自身logo。

Background：背景图片相关设置。

Overlay Opacity：覆盖不透明度。(0.5-1 相当于调整徽标透明度覆盖在背景图上)

Blur Background Image：是否模糊背景图片。

Background Image：背景图片。

Other Setting：

        一些其他设置默认就好，有需求可阅读官方文档。

Publishing Setting:

        一些公共设置，默认勾选 Data Caching就好。

 

二、打包文件目录介绍

Build：

        Unity构建文件。

文件名	包含
Unityloader.js	网页需要用来加载 Unity 内容的 JavaScript 代码。
wasm.framework.unityweb	JavaScript 运行时和插件。
[ExampleBuild].wasm	WebAssembly 二进制文件。
[ExampleBuild].json	资源数据和场景。
[ExampleBuild].jpg	在构建加载时显示的背景图像。仅当在 Player Settings (File > Build Settings > Player Settings > Splash Image) 中提供了背景图像时，才会生成此文件。

TemplateData：

        模板数据。

index.html:

三、注意事项

• 由于 JavaScript 中缺少线程支持，因此不支持线程。在 Unity 内部使用线程来加速性能以及在脚本代码和托管的 dll 中使用线程都是不受支持的。实质上不支持 System.Threading 命名空间中的任何内容。

• 出于安全考虑，浏览器不允许直接访问 IP 套接字来进行联网。WebGL 网络。

• WebGL 构建使用基于 Web 音频 API 的自定义音频后端。此情况下仅支持部分功能。WebGL音频

• 通常，纹理 (Textures)、声音 (Sounds) 和动画 (Animations) 等内容占用的空间最多，而脚本 (Scripts)、关卡 (Levels) 和着色器 (Shaders) 一般影响最小。优化构建大小

• Unity 在构建期间会剥离大多数未使用的资源，因此无法通过从项目中手动删除资源来获得任何优化效果。唯一不会删除的资源是脚本（但无论如何，这些脚本通常都非常小）和 Resources 文件夹中的资源（因为 Unity 无法确定哪些是需要的，而哪些不是）。考虑到这一点，应确保 Resources 文件夹中的所有资源都是游戏所必需的资源。也许可以使用 AssetBundle 替换 Resources 文件夹中的资源；这样一来，Unity 就会动态加载资源，从而减小播放器大小。