Egret异步加载资源制作loading界面

最新推荐文章于 2024-08-12 17:21:58 发布

原创

最新推荐文章于 2024-08-12 17:21:58 发布 · 7.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#egret #游戏开发

本文介绍了如何使用Egret游戏引擎制作加载资源时的loading界面，强调了加载资源应在其他内容之前，并提供了加载资源组的配置示例。在主函数中，通过异步加载资源和创建loadingUI实例来确保正确顺序，避免错误。文章还分享了实现效果截图，并表达了学习交流的意愿。

一个好的游戏，加载页面看着也是让人陶醉的，加载页面就是为了让玩家不会认为这个页面已经停止工作了，毕竟加载资源的时候黑屏大家都很尴尬。

首先是加载资源，加载loading资源肯定是在其他资源未加载的时候去加载，即预加载。

            //加载loading组
            await RES.loadGroup("loading");
            const loadingView = new LoadingUI();
            this.stage.addChild(loadingView);

首先加载Loading组的资源，loading组配置表如下，都是游戏开始前的素材，分别两张背景，一张loading图片

到这，引擎已经为我们加载好了资源，那么怎么去用呢

 public constructor() {
        super();
        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.createView,this);
        //this.createView();
    }

首先是构造函数，用绑定加载舞台的方法，main.ts异步加载资源和创建loadingUI实例顺序无所谓，但用了普通的调用方法，要注意他们两个的先后一定是先一步加载资源，后创建实例，否则会报错（getRES underfind）。

附上本文源代码