Unity打包WebGL的优化常用操作?

1.贴图部分优化

如果贴图格式时2048,在不影响画面效果的情况下,改成1024或者5#12,还可以缩小包体。

2.压缩和解压缩问题

WebGL打包的时候分三种压缩情况:
gzip:比Brotli文件打,但打包快,http和https都支持
Brotli:压缩格式最小,打包慢,只有谷歌和火狐支持。
Disabled:不压缩。

3.不使用文件压缩,在 http 协议层使用gzip压缩

直接打包一份不压缩的版本,在Publishing Settings 中的Compression Format选择Disabled。

测试打开本地场景的时间,是否比gzip或brotli压缩快了。

本地不需要下载WebGl的项目,而且跳过了解压的过程,减少了时间消耗。

4.提升解压缩速度

  1. 若使用gzip格式压缩,可以通过配置服务器,来加快解压缩的时间,从而减少启动时间。
    然后创建.htaccess文件,放到Build子文件夹中。
# This configuration file should be uploaded to the server as "<Application Folder>/Build/.htaccess"
# NOTE: "mod_mime" Apache module must be enabled for this configuration to work.
<IfModule mod_mime.c>

# The following lines are required for builds without decompression fallback, compressed with gzip
RemoveType .gz
AddEncoding gzip .gz
AddType application/octet-stream .data.gz
AddType application/wasm .wasm.gz
AddType application/wasm .wasm
AddType application/javascript .js.gz
AddType application/octet-stream .symbols.json.gz

# The following lines are required for builds without decompression fallback, compressed with Brotli
RemoveType .br
RemoveLanguage .br
AddEncoding br .br
AddType application/octet-stream .data.br
AddType application/wasm .wasm.br
AddType application/javascript .js.br
AddType application/octet-stream .symbols.json.br

# The following line improves loading performance for uncompressed builds
AddType application/wasm .wasm

# Uncomment the following line to improve loading performance for gzip-compressed builds with decompression fallback
#如果是gzip就取消注释下面这行
# AddEncoding gzip .unityweb
# AddEncoding gzip .wasm

# Uncomment the following line to improve loading performance for brotli-compressed builds with decompression fallback
#如果是br就取消注释下面这行
# AddEncoding br .unityweb

</IfModule>
  1. 在server.xml端Connector模块内加入以下代码
//启用压缩 默认不启用
 compression="on" 
 //进行压缩的最小值,低于该值的文件不进行压缩(单位B,默认2048,即默认2k)
compressionMinSize="2048"
# 不需要进行压缩的浏览器,当浏览器类型为指定的类型时,不进行压缩
noCompressionUserAgents="gozilla,traviata"
# 需要压缩的文件类型(多个类型以逗号分隔)
compressableMimeType="text/html,text/xml,image/png,text/css"
  1. conf目录下的web.xml文件,如果有些文件,你是希望下载下来,而不是用应用程序来打开,就这样配置
    application/octet-stream

5.设置WEBGL PLayer Setting

如果没有必须后台运行的必要就关闭后台运行P->Resolution and Presentation ->Run In BackGround

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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平台上的运行效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值