Unity使用WebGL发布项目和注意事项

4399小游戏 大家都玩过这个游戏吗？只需在网页上轻点一下 就能体验到不同种类的游戏

这种交互模式非常敏捷和简便，在减少了游戏安装过程中的繁琐步骤后仍然保持了极高的效率水平，并成功吸引了大量玩家的关注。那么如何制作类似的便捷游戏呢？今天就来介绍下使用Unity WebGL来进行打包的方法吧！它不仅能够帮助你将制作好的游戏直接发布到网页上供他人体验使用（ pun ），而且还能显著提升用户体验效果。

---

我利用WebGL技术成功上线了'经典版坦克大战'游戏：经典版坦克大战，方便您直接进入游戏体验。

项目源码放在知识星球里，欢迎加入~
https://wx.zsxq.com/dweb2/index/group/15552141211582

---

准备项目

首先，需要准备一个Unity项目。（创建项目就不讲了）

单击项目左上角的按钮：
File -> Build settings
添加需要build的场景（Add Open Scenes）

切换平台为WebGL，并点击右下角的switch platform

这里我以之前制作过的坦克大战游戏为例。

打包流程和配置

（流程参考：STARBLOCKSHADOW） STARBLOCKSHADOW：图片一次比一次多占用内存？直接导入使用是否合适？这一流程的讲解较为系统。

打包路径尽量选在和Assets同级目录，我的命名是：WebGL builds

特别注意
测试阶段用Build and Run，这样才能直接在本地。

导出包结构

如果你正在使用 Build and Run 搭建项目，并且点击index.html文件即可在网页上体验你的游戏。

WebGL Publisher插件

Unity官方提供了发布WebGL网页游戏网站的官方发布平台：https://play.unity.com/en

如果想要将您的内容放到这个网页上，请通过内置工具WebGL Publisher进行操作。

请按照以下路径进行安装：Windows → 包名管理器 → 包名称：Unity注册表

安装完成后会在菜单栏生成一个Publish页签

点击 WebGL Project打开后，可以选择

• Generate the WebGL Build: 重建项目.
  • Identify the Existing Build: 最近完成项目的存储位置.

之后点击Publish上传即可

上传完成后会自动弹出发布页面，在这里填写：

• 简介
• 图标
• 视频

经验教训

• 如果您的电脑正在连接VPN网络（也就是所谓的'翻墙'），可能会导致上传失败。
• 在Web开发中遇到bug时如何进行调试？建议参考官方文档链接，具体操作就是在浏览器的 consol 中查看输出日志。
• 当使用Unity开发时遇到中文字体问题时，请注意WebGL无法直接支持这种字体，请问是否正确？建议手动导入适合的系统字体以解决兼容性问题。
• WebGL无法直接访问本地文件，请问是否正确？可以通过调用相关的库函数来实现文件下载。

未来规划

目前仅仅实现了核心功能模块的运行测试。后续计划将分别深入探讨中文问题以及开发微信小程序的相关技术细节，并将它们分别撰写为专业文章进行分享。同时我们还发现了一些值得关注的技术难点期待未来进一步探索与解决

参考文章

Unity 官方文档：https://docs.unity3d.com/cn/2020.3/Manual/webgl-building-distribution.html
官方文档——提供 WebGL 调试指南：https://docs.unity3d.com/cn/2020.3/Manual/webgl-debugging.html