egret 白鹭引擎遇到的问题和解决方案

﹥>﹥吖頭↗ 提交于 2021-02-18 03:29:40

本文使用白鹭引擎版本是5.2.7 当前时间最新版 (截图时又出现了一版,迭代速度还是很快的)


 

1. 选择游戏开发模版

一定要选择ui模版,而不要选择game面板
game模版删去了theme和eui部分组件,如果你想自定义ui,还需要手动创建一个default.thm.json文件,挺麻烦的,因为他有自己专有格式,所以请尽量选择ui开发,一样可以开发游戏

game模版不包括红线范围内的文件


 

2. Main.ts 代码删除要小心

ui项目 Main基于 eui.UILayer
game项目 Main基于 egret.DisplayObjectContainer
两个的区别在于game项目使用事件侦听来监控场景加载到舞台上
this.once(egret.Event.ADDED_TO_STAGE, this.onAddToStage, this);
而ui项目使用createChildren函数

3. 心跳

不可删,非内存回收,是用于在后台时对内核更新暂停。

egret.lifecycle.addLifecycleListener((context) => { // custom lifecycle plugin }) egret.lifecycle.onPause = () => { egret.ticker.pause(); } egret.lifecycle.onResume = () => { egret.ticker.resume(); } 

4. 资源映射

不可删除,用于default.res.json中字符串与文件路径间的映射关系

let assetAdapter = new AssetAdapter(); egret.registerImplementation("eui.IAssetAdapter", assetAdapter); egret.registerImplementation("eui.IThemeAdapter", new ThemeAdapter()); 

删除这三句将无法使用eui和exml功能,打乱exml加载时序等诸多问题。笔者误删导致麻烦还真不少。

5. async和 await

成对出现,用于异步加载并入同步队列中,让需要事件判断的api变为顺序加载的api,也就是加载成功/失败后才会继续执行之后的语句。

6. 创建eui 和创建 exml

首先egret wing开发程序是有界面编辑器的,一脸懵逼的我找了半天,发现新建exml就是界面编辑器,而直接创建eui时可以包含exml,而且这样做可以不设置eui的skinName,因为创建的时候,他们之间已经在default.thm.json中相互关联了, 之后创建这个类,就会自动加载其对应的exml皮肤。

7. exml 使用图片和json打包图问题

exml界面编辑是可以使用json打包图片和散图的,方法是从左下角的资源目录查找,此资源目录列表来源于default.res.json内的preload内容(默认main是加载preload的),有需要用到的资源需要在这里配置。另外,图片等的资源可以手动写(source = “preload下的图片名称/图片全地址”),但直接从左下角拖拽进去使用资源更为省心。

我在这里遇到了两个问题:

  1. 我的资源没有任何显示,后来发现是因为资源列表窗口太小,并且当时不知道窗口可以拖动
  2. 左下角拖拽无论是图片还是纹理集都无法在测试时成功加载,总是提示是 “ip地址+纹理名称” 找不到链接的问题,其实是上面第四大点提到的资源映射代码让我删掉了导致的。。。。。

我最初的解决方案很蠢,纹理无法正常加载,就直接把图片的实际资源地址手写到source里面,虽然能正常显示,但是治标不治本。

8. 资源id的调用

在之前代码误删导致的问题中,这里也体现出来,partAdded在childrenCreated之后加载,导致无法正常处理内部对象。(内部对象直接在eui界面类创建对象id名对应的变量,在之后可以直接调用)

这里我在错乱的逻辑中继续错乱,在eui界面类中加入了个timer用于延迟侦听partAdded完全加载完毕的完成事件,表面上看起来和正常逻辑代码跑到childrenCreated是一样的。但是这种方法治标不治本,还是需要将第四大点修复,才能有效解决这个时序问题。

9. 显示位置出错

创建很多displaycontainer+bitmap对象后会导致无法正常显示,或者影响其他代码对象显示错乱问题

这时候我将大量创建显示对象的函数放到场景创建的最后一环进行,暂时避免了这个问题。

10. eui类库和egret类库关系

egret类库是白鹭最基本的类库,eui是衔接了exml组件皮肤封装的显示类egret扩展。eui所有对象都可以被addChild。

11. Tween的问题

在测试过程中,egret虽然可以通过心跳暂停刷新,但是貌似某些情况下Tween内部还是在跑动,导致恢复时tween动画会跳到一个奇怪的地方。

也许和测试环境有关系,在电脑端呈现的错误在手机端未复现

12. 事件和Tween叠加使用。

当在事件内部使用Tween并调用call来响应完成事件时,事件evt传递参数并不能一直驻留在内存里,当call执行时,evt已经被回收了。如果想有效的使用evt的内容,将evt的内容通过call的第三个参数方式传递给call,evt本身不可以传递进去,因为事件完成轮询后会强制回收evt。

 

 

转发于:https://www.jianshu.com/p/4ca22d734831

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!