关于Unity3D打包Webgl项目到手机浏览器的设置

Unity3D部署导出的Webgl项目同时支持手机

Foldcc
2017-8-18

Unity在抛弃掉flash后支持导出全新的H5项目WegGl,但是目前Unity3D导出的Webgl不支持在手机上使用,原因是手机上的硬件性能相对来说要弱而且很多浏览器不支持Webgl,因此在手机上玩Webgl游戏可能会对玩家不友好,但是随着手机发展,目前手机的硬件性能都大大提高,同时很多手机浏览器也开始支持Webgl了,所以…接下来就是今天的正题

Unity导出Webgl项目部署后如果使用手机访问会弹出烦人的警告弹框之类的!同时使用其他浏览器也可能会出现弹框。

如下:
手机打开Webgl项目出现弹窗警告

这里给大家分享一个小技巧就可轻松把弹窗去掉

很简单的办法修改导出项目中的 UnityLoader.js文件即可

第一步 导出Webgl项目

这里就不讲如何导出了

第二部 修改js文件(划重点)

  • 找到项目中的UnityLoader.js 文件,并打开进行编辑
  • 这里我是用HBuilder工具导入该项目后打开,这样可以修改后直接预览项目(如果直接点Index.html是打不开项目的,必须要部署),如果发现代码是一坨,直接全选然后右键 整理代码就好了

  • 整理代码后就直接可以看到罪魁祸首 如图:
    这里写图片描述

  • 一个多级嵌套的三目运算 ,我们只需要吧判断手机的给删除掉就OK了,如下,吧绿色部分delete掉
    这里写图片描述

这样下来手机上就可以完美运行了!!
这里写图片描述

另外还有一个是判断浏览器的 ,如果不想要不必要的麻烦 直接简单一点 吧 == -1 随便改成一个永远为false的就可以了(比如 < -1 就永远不会触发),或者删除也行 ,这里推荐把这判断是否支持webgl留着 。
希望对大家有用!