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

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

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

首先是加载资源,加载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实例顺序无所谓,但用了普通的调用方法࿰

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值