unity打包Webgl的设置和UI适配问题

最新推荐文章于 2025-05-13 11:28:56 发布
最新推荐文章于 2025-05-13 11:28:56 发布
阅读量1.4k 收藏 7
点赞数 4
CC 4.0 BY-SA版权
文章标签： webgl unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Optimistic_lx/article/details/140696355

前言

记录一下自己学习打包Webgl出现的问题，看了不少文章，自己总结一下。

一、unity添加模块和设置

在unityHub中安装中添加webgl模块

在打包的地方点击webgl点击左下角的Playersetting

将Decompression Fallback勾选上

然后就可以打包并运行，你就会看到

这样就对了，因为你没有服务器作为载体。所以我们要配置本地服务器。

二、配置本地服务器并打开服务

右击此电脑点击管理

最低0.47元/天 解锁文章

200万优质内容无限畅学
Optimistic_lx
关注
unity导出webgl支持手机_Unity3D打包WebGL项目
weixin_39672396的博客
12-22 1695
公司原本的手游试水转页游，由于是Unity3D项目，于是选择了打包WebGL的方式，把遇到的一些问题记录一下，方便其他有相关需求的朋友，也方便自己查询。Unity3DWebGL官方介绍需要先看一遍，介绍了浏览器兼容性、内存相关、网络相关、与页面javascript交互等知识。AssetBundle首先一个问题是要改变游戏加载的方式，原本只是打成一个包即可，下载后安装到手机里，项目里也有打包Ass...
Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题(本地测试)
热门推荐
qq_66312646的博客
06-07 2万+
如果说选择压缩打包那么在本地测试会出现浏览器不支持解压缩这个问题解决方案还在研究中，所以就只讲解一下不压缩的，其实压缩与不压缩其会出现的问题只会在包的大小上体现出来如果不是正式上线只是本地测试的话没有什么区别也不会存在解压缩这个问题了。打包后我们会发现在我们的文件夹里会有一个网址html，这代表我们的Web包已经打成功了，那么直接点击这个html文件就能够直接运行我们的项目了。点击确定就添加上了我们的类型然后再回去我们的网站就发现BUG不见了至此所有本地测试的流程就完成了。
Unity WebGL 项目, 屏幕自适应
newtonsm的博客
03-07 2765
https://www.jianshu.com/p/cb3189cce7e8 Unity WebGL 项目, 屏幕自适应 tackor关注 2018.04.10 17:27字数 297阅读 1278评论 0喜欢 2 Unity WebGL 项目, 屏幕自适应 Unity 2017.4.0f1 2018.4.10 Snip20180410_8.png 如图所示, 使用火狐...
【Unity】WebGL开发问题汇总
最新发布
Davidorzs的博客
05-13 1251
WebGL开发过程中遇到的各种问题。
unity3d 打包成webgl 错误解决办法
12-21
unity 发布webgl时打包出错 il2cpp.exe did not run properly!
Unity打包webgl设置及遇到问题
一只木子李
12-19 1654
Unity 打包webgl设置及遇到问题
Unity打包到Webgl平台以及遇到的问题
unity_http的博客
12-08 1万+
unity打包webgl
Unity WebGL项目打包后本地打开报错问题解决方法
蓝紫色的忧郁的博客
06-16 1万+
打开控制面板-->程序-->启用或关闭功能-->Internet Infomation Services,全部打勾，确认即可。，点击此电脑，点击右键-->管理-->服务和应用程序-->Internet Infomation Services--网站。最后在网页上输入：127.0.0.1:8080查看效果即可 ，此时可能遇到提示权限不足无法打开配置文件的问题。右击文件夹->属性->安全，点击编辑，添加 Everyone用户 赋予它所有权限。接着点击网站-->新建一个网站。
Unity WebGL打包配置本地服务器
renkai2heng的博客
05-30 1676
1、None 无：选择这个你不需要任何异常支持。这提供了最佳的性能和最小的构建。使用这个选项，任何异常的抛出都会停止运行。2）、然后选择IIS（Internet Information Services）双击进入。3）、找到网站右键添加网址或者在面板右侧添加网址。6）、再次在左边点击刚刚创建的，然后在右侧点击浏览。没有配置IIS的，可根据下面这篇文章配置。5）、点击刚刚创建的，设置MIME类型。1）、打开控制面板，找到管理工具。3）、遇到异常以及压缩格式。2）、设置打包的窗口大小。4）、根据下面设置好。
Unity WebGL 微信小游戏适配方案
05-01
Unity WebGL 小游戏适配方案(又称团结Unity快适配)，本方案设计目的是降低 Unity 游戏转换到微信小游戏的开发成本。基于WebAssembly技术，无需更换Unity引擎与重写核心代码的情况下将原有游戏项目适配到微信小游戏。
Unity打包webgl屏幕自适应的写法
波波斯维奇
09-12 3207
前言：因为在最近的项目将在电脑浏览器显示的应用移植到微信端浏览器，打出包放到服务器上使用手机微信浏览器打开发现了屏幕适配有问题，所以就想到了屏幕适配的问题。通过在网上查阅相关资料，发现只需修改webgl包里的一个html文件里的代码就可以解决这个问题。下面就是解决办法： 1.Unity打出的webgl包如图所示，打开其中的index.html文件.。 2.打开后是这样子的，修改其中的部分代码。 &...
Unity打包WebGL后 自适应网页分辨率
添添删删的博客
03-21 2630
unity 打包webGL 网页版自适应
unity webgl、安卓（Android）打包最简单的ProjectSettings参数设置
qq_41263535的博客
11-29 856
当使用插件导致不能打包，基本上都是插件版本问题，先更换插件版本，在打包，先不要改变ProjectSettings参数；因为你不知道你的项目中会用到多少插件，如果每个插件都改参数，到最后头都炸了。发布webgl、安卓（Android）时是否因为各种各样的原因打包错？首先，要明白的是unity空场景打包webgl、安卓（Android）时是不会报错的，这点很重要。二、webgl打包同样改变上边的两个参数，再改变两个参数。一、安卓（Android）打包只需要改变两个参数设置。之后直接打包发布即可。
【Unity WebGL 打包技巧】
weixin_43837133的博客
04-28 2675
UnityWebGL打包技巧 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j1aZW0EP-1651130931404)(C:/Users/PC20210625001/AppData/Roaming/Typora/typora-user-images/image-20220428151940195.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xikew1xJ-1651130931408)(C:/Users/PC202106250
Unity打包WebGL基础介绍
weixin_44263579的博客
01-10 1万+
一、WebGL PlayerSetting打包设置 官方参考 Icon： web端无图标设置。 ResolutionandPresentation： 设置初始分辨率和显示 DefaultCanvasWidth/Height：设置webgl画布默认宽高 RunIn BackGround：是否后台运行。 WebGl模版： Default：简单的白色页面，其中的灰色画布上有一个加载进度条。右下方有全屏化界面按钮。 Minimal：作者感...
Unity-WebGL配置系统教程(含iis本地部署) --简略版
归里的博客
05-24 6851
一份系统性的完整的Unity-WebGL配置教程，绝对不会让你吃亏，可为你减少大量的时间。
Unity3D打包WebGL并使用MQTT(一)
ice_bear221的博客
04-14 3067
Unity3D打包WebGL并使用MQTT
【Unity】打包WebGL项目遇到的问题及解决记录
Sig的博客
06-06 2万+
目录Unity中打包时注意事项切换平台为WebGL平台设置Player Setting分辨率预设其它设置发布设置确保项目路径没有中文选择Assets同级目录打包打包后将项目部署到IIS上发布安装IIS并添加网站为服务器添加 MIME Type 映射和跨域访问权限添加MIME Type映射添加跨域访问权限尝试访问html网站访问遇到的问题Failed to load resource: the server responded with a status of 404 (Not Found) favicon.
Unity发布WebGL配置
weixin_45375968的博客
09-06 2169
在Unity打包发布WelGL的时候，除了要把打包平台发布选择为WebGL 还需要修改下列两个地方。把第一个的压缩格式改为Gzip。下面的减压回退打上勾。
unity打包webgl怎么样设置一个ui和所挂脚本在pc端不显示在移动端显示
04-02
最后，生成相关问题需要考虑用户可能遇到的后续问题，如跨平台输入处理、性能优化、UI适配等，结合引用中的内容，比如引用[1]提到的中文输入支持，引用[2]的界面代码调整，可以生成相关问题。在Unity WebGL项目中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值