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

Foldcc
2017-8-18

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

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

如下:
[图片上传失败...(image-1cbca4-1551706350330)]

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

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

第一步 导出Webgl项目

这里就不讲如何导出了

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

  • 找到项目中的UnityLoader.js 文件,并打开进行编辑

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

  • 整理代码后就直接可以看到罪魁祸首 如图:
    [图片上传失败...(image-abb110-1551706350330)]

  • 一个多级嵌套的三目运算 ,我们只需要吧判断手机的给删除掉就OK了,如下,吧绿色部分delete掉
    [图片上传失败...(image-ddc4dc-1551706350330)]

这样下来手机上就可以完美运行了!!
[图片上传失败...(image-5cfa5a-1551706350330)]

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,403评论 4 61
  • contentMode是UIView的属性(如下图),这个属性的值决定了,当视图的几何形状变化时如何复用它的内容。...
    iCuiCui阅读 5,888评论 0 1
  • 很多学生,在校期间都会无比抱怨,抱怨自己的作业多,老师凶。其实到最后毕业了,会恨着这个学校的很少,怀念着这个学校的...
    Pampelmuse阅读 2,885评论 0 0
  • 今早突然被微博头条上的大连突发事件震惊到,标题党赫赫然写着“女大学生踹小孩”,真是要了人命,现在社会都这么嚣张了吗...
    美人进阶指南阅读 5,357评论 0 2
  • 2fc43464d645阅读 1,117评论 0 0

友情链接更多精彩内容