Unity发布Web之支持手机端
Unity发布Web之支持手机端
需求:
___ 相信有许多人和小黑一样,会遇到各种各样的难题,这其中就有,Unity发布Web后,在手机浏览器上可运行!!!!!
分析:
为什么会有相关的需求被提出呢? 最大的一个原因:想在手机浏览器中看到3D产物!还有就是一些软件需要对接;
就像小黑最近刚完成的一个对接:与React Native对接,以下简称:RN;
小黑用的Unity版本为:5.6.1
前言
- 一开始的时候,与对方工作人员进行Unity与IOS和Android原生交互,虽说成功了,不过因为包体有些大,最终这条方案被甲方技术Pass掉了。只好换路而行!
- 于是有了Unity发布为Web,然后对方通过RN软件的webView组件访问该web链接。这样子就能把3D产物在他们的软件中显示出来了。
- 于是一场没有"硝烟的战争"开始了
开始
一、先发布,后修改
1:发布WebGL
在Build面板选择WebGL,然后在Inspector面板中选择Publishing Settings,因为最终是要在手机浏览器上边使用,所以WebGL Memory Size需要把默认值设置为128,或者更低;
2:打开发布文件夹
然后打开Build文件夹,我们会看到UnityLoader.js文件,使用**Notepad++**打开它,也可以使用记事本或者写字板打开;然后把下图所出现的红框框选代码替换为:
UnityLoader.SystemInfo.hasWebGL?UnityLoader.SystemInfo.mobile?t():["Firefox","Chrome","Safari"].indexOf(UnityLoader.SystemInfo.browser)==-1?t():t():e.popup("Your browser does not support WebGL",[{text:"OK",callback:r}])
替换后,内容为如下图红框框选位置:
然后我们保存,关闭。
3:放到服务器上边然后,通过连接访问
因为是小测试,所以我放到自己搭建的服务器上了。对于一会儿出现的图。。。。请接受我的懒惰,用了和客户对接测试的项目,马赛克很强大!
铛铛铛铛,出现啦。一个可旋转的3D物体在手机上出现了;
二、先修改,在发布
1:编写代码
请大家原谅小黑的懒,?还是在原项目上进行的。
上代码:
该脚本需要放到Editor文件夹下,切记!!!
using System;
using System.IO;
using System.Text.RegularExpressions;
using UnityEditor;
using UnityEditor.Callbacks;
public class PostBuildActions
{[PostProcessBuild]public static void OnPostProcessBuild(BuildTarget target, string targetPath){if (target != BuildTarget.WebGL)return;var path = Path.Combine(targetPath, "Build/UnityLoader.js");var text = File.ReadAllText(path);text = text.Replace("UnityLoader.SystemInfo.mobile", "false");text = text.Replace("[\"Edge\", \"Firefox\", \"Chrome\", \"Safari\"].indexOf(UnityLoader.SystemInfo.browser) == -1", "false");File.WriteAllText(path, text);}
}
2:发布WebGL
接着还是老套路,发布~~ ~
3:在手机浏览器上通过URL链接访问
卡布达~ , 出现吧! 这样子的小黑好怪异的感觉
不过项目在手机浏览器上还是跑起来了,大家看结果嘛!
查看官网
为什么我们要做这些
因为官网给出:
- 注意,Unity WebGL内容目前不支持移动设备。它可能仍然可以工作,特别是在高端设备上,但目前的许多设备功能不够强大,也没有足够的内存来支持Unity WebGL的内容。由于这个原因,Unity WebGL在尝试在移动浏览器上加载内容时显示了一条警告消息(如果需要,可以禁用它)。
官网说明这边走
好了,今天的知识就分享到这里了
小伙伴,你们get到了么?
接下来我又要分享一些知识了!
- Unity项目优化——Web版
- Unity打包资源,进行后台加载
- Unity跑在Awake之前的方法
- Unity之屏幕自适应
- 小黑的博客
分享完毕!
程序的道路上学习永不停止,探索随时进行。
Let’s go. Just do it. We can.
马上国庆节了,先祝小伙伴们国庆节快乐,技术多多长进然后给小黑讲解?
祝我们华锐视点生意兴隆,财源滚滚,越来越好?!最后也祝我们的祖国越发强大?,毕竟我爱她。
Unity发布Web之支持手机端相关推荐
- EasyDSS高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问
很多时候,前端开发的页面,不仅要在PC端测试效果, 还要在手机端测试效果. 在开发阶段, 我们以 webpack-dev-server 来启动浏览器, 打开正在开发的页面. webpack-dev-s ...
- html支持移动端吗,bootstrap支持手机端吗?
bootstrap支持手机端.Bootstrap的响应式CSS能够自适应于台式机.平板电脑和手机:且自Bootstrap3起,框架包含了贯穿于整个库的移动设备优先的样式. bootstrap响应式布局 ...
- 微信客服功能是否支持手机端?
1.先登录微信公众平台 微信公众平台登录 2.使用微信客服功能,如果没有添加该功能,需要去[添加功能插件]添加[微信客服] 3.如果有客服功能,或者添加功能后.点击进入[微信客服],进行设置,添加 ...
- html5电子杂志页面案例,html5电子杂志支持手机端触屏滑动翻书效果
特效描述:html5电子杂志 支持手机端 触屏滑动 翻书效果.html5手机电子杂志,触屏滑动电子杂志翻书动画特效 代码结构 1. 引入JS 2. HTML代码 function loadApp() ...
- android 反编译_Box 黑科技——支持手机端反编译
项目地址: https://github.com/lulululbj/Box 文末扫码获取最新安装包 . 前言 有将近一个月没有更新文章了,一方面在啃 AOSP ,消化起来确实比较慢.在阅读的过程中, ...
- java手机网页开发_ssm(spring+spring mvc+mybatis)开发java web小说网站,只支持手机端浏览...
项目描述 java写免费看小说网站 支持腾讯QQ第三方登录+附带社区 数据库只有结构+部分数据 CSS+Js等静态文件采用腾讯云对象云存储(提供源文件) 提供war包可直接部署Tomcat 详细内容可 ...
- 免费|大学生如何创建线上问卷调查?同步支持手机端电脑端
随着互联网技术不断发展,问卷调查的方式也发生着改变,从传统纸质问卷到现在的网上调查问卷,恰好证明了互联网带给生活的变化. 网上调查问卷,是一种用户通过网络邀请,参与问卷调查以获取市场样本信息的一种调查 ...
- 响应式2048小游戏(支持手机端)
项目演示地址:https://wanghao221.github.io/game/2048-Responsive.html(GitHub可能加载较慢,请耐心等待) 先看一下手机端运行效果,拖黑色地方会 ...
- Html 5 网页扫二维码 支持手机端 OpenCV JS
开发微网页端或者BS架构的应用系统,有可能遇到支持"扫二维码"的需求,如果是钉钉等平台的内嵌微应用借助于平台App提供的API而获得"扫码"功能支持,而非这类平 ...
最新文章
- 读后感和机翻《人类因果迁移:深度强化学习的挑战》
- Linux中的umask
- MySQL事务的可串行化
- struct ethhdr结构体详解
- 方便好用的Database Mail - SQL2005
- idea编译android模块,Android IntelliJ IDEA 14.1:模块没有主类
- 通讯与计算机网络作业,通讯与计算机网络作业平时作业(填空题问答和计算题)讲述.doc...
- 【Python】安装方法小结
- 杜比专为旧版本Android,Android O专用杜比音效miui10已成功
- 传智播客数据绑定和数据库开发基础(第四季)-杨中科
- 我们建立数据中心,需要考虑哪些问题?
- TCP和UDP的区别(简单明了)
- hdu Inverting Cups
- 电脑插上u盘计算机管理有显示,u盘在电脑上一直显示扫描怎么办
- python打开sql,Python打开Microsoft SQL Server MDF文件
- 【前端前沿看点】React和Vue深度对比
- ubuntu16.04安装onlyoffice
- 互联网创业的未来挖掘思路分享
- typescript (TS)进阶篇 --- 内置高阶泛型工具类型(Utility Type)
- 光学效应类有哪些最新发表的毕业论文呢?