unity打包webgl局限及优化建议

首先要知道编译流程

一.大致编译流程

c# -> 通过IL2CPP技术转换成c++ -> 使用 Emscripten编译器进行编译将脚本转换为JavaScript(但不是普通的 JS,而是一种叫做 asm.js的 JavaScript 变体)

二.Unity打包webgl局限

1. 不支持多线程
JS为单线程,所以代码中避免使用C#的多线程(托管的 dll中使用线程也不支持),实质上不支持System.Threading命名空间中的任何内容;可以用协程。

2. Socket限制
由于安全限制,System.Net.Sockets在 WebGL 中不起作用;官方建议使用Unity中的WWW或UnityWebRequest类或使用支持 WebGL 的新型Unity 网络功能,或者使用 JavaScript 中的 WebSockets 或 WebRTC 来实现您自己的网络。(后端建议为RSA证书,ECC证书可能会出错)

3. 不完全支持WebGL
https://docs.unity.cn/cn/2021.1/Manual/webgl-graphics.html

4. WebGL音频限制
https://docs.unity.cn/cn/2021.1/Manual/webgl-audio.html

三.Unity打包webgl性能优化

1. 将资源和应用分离实现应用的快速启动
建议分场景打包(要注意的一点就是IL2CPP编译时代码剥离的问题),通过unity 的addressable 和 CCD服务(可以避免跨域问题),实现加速。

2.减少内存使用(任何不是16的倍数的值都将被自动四舍五入(在运行时)为下一个16的倍数,这是Emscripten编译器所要求的,官方建议保持在512MB一下)

2.1 减小 Unity Heap 的大小:保持“WebGL 内存大小”尽可能小;

2.2 减少代码大小:
启用剥离引擎代码;
禁用异常;
尽量避免使用第 3 方插件;

2.3减少数据大小:
使用资产包;
使用 Crunch 纹理压缩;
https://mp.weixin.qq.com/s/X5cUCFhHOA_LtS9k0i-Csw
https://blog.unity.com/technology/understanding-memory-in-unity-webgl

3.在这里插入图片描述

在这里插入图片描述

在这里插入图片描述在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

三.性能优化工具:

在这里插入图片描述

### 回答1: 对于优化 Unity 打包WebGL 的卡顿问题,可以尝试以下几种方法: 1. 减少网页的内容和资源大小,可以使用图片压缩、资源压缩等方式来减小网页的大小。 2. 减少 WebGL 渲染的复杂度,可以尝试简化模型、减少纹理的大小、减少灯光的数量等。 3. 使用合适的浏览器和设备,不同的浏览器和设备对 WebGL 的支持程度和效果都有所不同,因此选择适合的浏览器和设备可以有效地优化性能。 4. 调整 Unity 的设置,比如减少渲染帧率、调整 Quality Settings 等。 希望这些方法能够帮助你解决卡顿问题。 ### 回答2: Unity 打包 WebGL 运行卡顿是由于性能不足引起的,可以采取以下措施来优化: 1. 减少三维模型和纹理的数量和大小:大量使用高分辨率的模型和纹理会增加网页加载时间和渲染负荷。可以优化模型和纹理的分辨率,减少使用复杂的模型和减小纹理的尺寸,以降低资源消耗和提高性能。 2. 合并网格和减少渲染批次:通过将多个物体合并成一个网格,可以减少渲染调用,减少渲染批次,从而提高性能。可以使用Unity的网格合并功能来合并网格。同时,还可以使用批处理技术将具有相同材质的物体合并到一个批次中。 3. 减少动画和粒子效果:过多和复杂的动画和粒子效果会消耗大量的计算资源和内存,导致性能下降。可以减少或简化动画和粒子效果的数量和复杂度,以改善性能。 4. 使用低多边形模型和简化碰撞体:高多边形模型和复杂的碰撞体会增加渲染和碰撞检测的计算量,导致性能下降。可以使用低多边形模型来代替高多边形模型,并使用简化的碰撞体来加速碰撞检测。 5. 异步加载资源:将资源的加载和初始化分散到多个帧中进行,以避免一次性加载过多资源导致卡顿。可以使用Unity的异步加载资源的功能来实现。 6. 使用LOD(层次细节)技术:通过使用不同层次的细节模型,根据距离将更高细节的模型替换为更低细节的模型,可以减少渲染负荷,提高性能。 7. 编写高效的脚本和代码:避免使用复杂和低效的脚本和代码,优化关键路径的性能,避免频繁的内存分配和垃圾回收。 8. 使用GPU实例化:使用Unity的GPU实例化功能来复制和渲染大量相同或相似的物体,以提高渲染性能。 通过以上优化措施,可以减少资源消耗、提高渲染性能,从而解决Unity打包WebGL运行卡顿的问题。 ### 回答3: Unity打包WebGL运行卡顿的原因可能有很多,以下是一些优化建议: 1. 减少包的大小:首先,要确保你的资源文件合理压缩,不要包含过多的无用资源。可以使用压缩的图片格式,限制纹理的大小,移除不必要的模型和音频等。 2. 降低渲染负荷:Unity中的多个物体和效果绘制会增加渲染负荷。可以尝试优化物体的数量和复杂性,减少特效的使用等。 3. 使用合理的光照与阴影:光照和阴影是游戏中产生高额渲染开销的因素之一。可以降低光照和阴影的质量,或者使用更轻量级的光照模型,如平行光。 4. 合理优化脚本和代码:检查你的脚本和代码,尽量避免使用耗时的操作,如频繁的循环,频繁的内存分配等。可以使用Unity Profiler工具来分析和优化性能。 5. 合理设置物理引擎:物理引擎可以导致额外的计算开销。如果游戏中没有必要的物理模拟,可以禁用物理引擎或减少物理引擎的计算步长。 6. 打包设置优化:在Unity打包设置中,可以根据具体需求调整WebGL的压缩和优化设置,如物理内存大小、压缩选项等。 7. 平台适配:尽可能在WebGL平台上测试和优化你的游戏,确保它在WebGL上运行得更流畅。在开发过程中,可以使用真机测试来评估性能表现。 总的来说,优化WebGL性能是一个综合性的工作,需要考虑多个因素。通过以上的方法和工具,可以逐步提高游戏在WebGL平台上的运行效果。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值