2025年Laya 开发性能经验总结

大家好，我是讯享网，很高兴认识大家。

Laya2性能：官方文档

LayaAir编辑器选择

LayaAir1.0版本：1.8.13
LayaAir2.0版本：2.11.0
如果使用Laya3D开发游戏，建议使用Laya2.0。LayaAir2.0代码编写工具采用vscode，LayaAir1.0编辑器和代码编写集成在一起。

在这里插入图片描述
讯享网
分辨率选择
一般分辨率：720 * 1280 1080 * 1920
苹果分辨率：750 * 1624 1125 * 2436

一般基于性能考虑，满足需求的情况下，分辨率越小越好，越高的手机发热耗电等问题会越明显。正常情况下选择 750 或 720就可以了。

在这里插入图片描述

性能优化方向
1.资源：
所有图片都要进行压缩。
不需要的透明的大张图片，都是用jpg格式。
打成图集的图片，尽量按功能分开，按需加载。图集尽量不要留太大空白。把共用的资源放到一张图集。能用九宫格的实现的就不要用单图。

2.cpu：
定时器统一管理。
一般游戏帧频调为30帧即可，卡顿时可为用户选择屏蔽机制。
界面的UI无需交互的去掉鼠标点击行为。
尽量少用滤镜和遮罩，美术能出图的让美术做。
尽量减少sprite嵌套。
不在可视区域的显示对象要将其visible设置成false。
尽量减少drawcall，drawcall的多次提交会影响cpu。laya添加代码查看：DebugTool.showStatu = true;
在这里插入图片描述

3.内存：
重复多次出现的，进行缓存池管理。
单图能实现的效果，用程序实现，实在无法实现的动效用序列帧。

4.网络：
尽量减少网络请求，做好本地化配置数据。
做好协议包的管理，按需请求。做好刷新机制数据。

这篇文章写的不错，可以参考下：点击查看

性能监控工具
1.使用Laya自带性能统计面板：
在这里插入图片描述
帧频：使用Stat.show()显示
FPS：第一个黄色字体表示当前帧频，第二个表示每帧运行多少时间，两个相乘一般接近1000
默认值： Laya.stage.frameRate = Stage.FRAME_MOUSE ，鼠标活动60帧，不动后2秒将为30帧
高流畅： Laya.stage.frameRate = Stage.FRAME_FAST ，60帧运行
低流畅：Laya.stage.frameRate = Stage.FRAME_SLOW ，30帧运行

Sprite：统计的是渲染的节点数值越小越好

Shader：每帧Shader提交次数值越低越好

Canvas： 1/0/1 每帧重绘画布次数 / “normal”缓存类型的画布数量 / “bitmap”缓存类型的画布数量

2.通过DebugPanel调试工具
官方地址：点击查看
这也是LayaAir引擎自带的调试工具，类似DIV调试窗口，可审查页面中的各个子元素，通过查看与修改元素属性，以及查看重绘区，可以方便项目的优化与调试。在初始化舞台后通过DebugPanel.init()；开启。（具体使用方式可查看Layabox官网文档的详细说明。）

3.Chrome性能分析器
这篇文章写的很详细：点击查看
在这里插入图片描述

4.日志打印
腾讯调试日志：vConsole

<head> <script src="path/to/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script> </head>

讯享网

Laya在个浏览器兼容问题

flutter
http和https访问：flutter需要运行在android sdk 28（9.0）以上，android 9.0以下使用http没毛病，9.0以上使用http会受到一些限制，使用https则无问题；ios大概也是对https支持较好。

IOS
问题：APP内置webview，视频不会自动播放，声音需要触屏才有声音
解决：设置mediaTypesRequiringUserActionForPlayback

问题：iphoneX ：状态栏区域:statusBar, 导航栏区域:navigationBar, 底部横条区域:home indicator, 安全区域铺满全屏
安全区域[690] = 总高度[812] - 状态栏[44] - 导航栏[44] - 底部横条[34]
在这里插入图片描述

Laya各种小问题

Laya启动chrome可以打开本地资源：

讯享网//因为launch.json,配置有如下设置，告诉浏览器允许访问本地资源，而手动直接打开index.html,不可以访问。 "runtimeArgs": [ "--allow-file-access-from-files", " --disable-web-security" ],

混合开发，H5游戏如何缓存？

首先我们知道，缓存数据可以通过localStorage // 写入数据 localStorage.setItem('键','值') // 根据键取值 var value=localStorage.getItem('键') // 删除指定的键 localStorage.removeItem('键') // 删除所有的键 localStorage.clear() 1.图片资源：可以转化成Base64数据，然后将base64数据储存 private cache(obj:Laya.Image):void{ 
    let p:Laya.Point =new Laya.Point(obj.x,obj.y); (obj.parent as Laya.Sprite).localToGlobal(p); //注意坐标前面要加个负值，否则取不到
	let htmlCanvas:Laya.HTMLCanvas=Laya.stage.drawToCanvas(obj.width,obj.height,-p.x,-p.y); let base64Data=htmlCanvas.toBase64("img/png",1); } private cache2(obj:Laya.Image):void{ 
    let p:Laya.Point =new Laya.Point(obj.x,obj.y); (obj.parent as Laya.Sprite).localToGlobal(p); //注意坐标前面要加个负值，否则取不到
	let htmlCanvas:Laya.HTMLCanvas=Laya.stage.drawToCanvas(obj.width,obj.height,-p.x,-p.y); let base64Data=htmlCanvas.toBase64("img/png",1); } 2.如果是混合开发，可以让App通过webview提前加载必要的js类库之类的，只是加载，这样就缓存到了本地，这样打开H5时，js走缓存，缩短加载时间，这是一个偷懒的本方法。 3.如果是混合开发，可以把常用的js类库，放到APP，然后让APP加载成字符串，传给webview的h5，通过eval方法将字符串转换为JavaScript 代码并运行。未进行测试。 4.通过webview直接加载,以下方法没有经过测试 private WebView wv= (WebView) findViewById(R.id.wv); private WebSettings settings = wv.getSettings(); settings.setJavaScriptEnabled(true); settings.setAppCacheEnabled(true); wv.getSettings().setJavaScriptEnabled(true); //把需要加载页面的JavaScript添加到webview中 wv.loadUrl("需要加载的网址");

问题：bitmap size larger than 2048,cache ignored
解决：父容器不知道什么原因，加了一个遮罩，检查下图片有没有名字是mask的，名字是mask的会自动做为scene的遮罩。laya遮罩有宽度和高度限制2048的限制。
在这里插入图片描述
问题：圆形遮罩，有锯齿，有黑线条
解决：用圆形图片做遮罩，不要用画笔画圆形，画出的圆形本身都有锯齿

在这里插入图片描述
问题：iphone手机电量充足的情况下，可以自动播放视频，过段时间无法自动播放
解决：iphone手机在电量不足时，如果是低电量模式，会关闭视频自动播放等一些功耗较大的操作，出现此问题时请检查手机低电量模式是否打开。

2025年Laya 开发性能经验总结

相关推荐