Egret引擎的启动流程

        在开始之前,需要了解一下Egret项目的基本构成。跟其他项目差不多,除去项目相关的一些配置文件,主要分为3种:ts文件:项目的源码,图片文件,exml文件:皮肤文件。

Egret项目启动流程

   1. 读取index.html文件,获取项目基本配置(宽高,横竖屏等),加载项目需要的js代码

   2.代码加载完成后,执行egret.runEgret(),启动项目,进入Main文件

   3.加载项目需要图片、皮肤等资源

   4.资源加载完毕后,将界面添加到stage中

Egret程序入口

        每个Egret项目都有一个index.html文件,可以在Egret项目的根目录找到这个文件,这是最开始的加载文件,index.html可以打开直接编辑。

        打开index.html文件,以下是引擎5.0以前的结构,5.0以后的逻辑是一样的


index.html

找到div标签可以看到一些配置属性

运行配置

data-entry-class:文件类名称。 egretProperties.json 不再需要配置这个。

data-orientation:旋转模式。

data-scale-mode:适配模式。

data-frame-rate:帧频数。

data-content-width:游戏内stage宽。

data-content-height:游戏stage高。

data-show-pain-rect:是否显示脏矩形区域。

data-multi-fingered:多指最大数量。

data-show-fps:是否显示fps。

data-show-log:是否显示egret.log输出出来的信息。这些会在fps的下面显示出来,和console.log不一样。前提是fps必须打开。

data-log-filter:只显示过滤的log。

data-show-fps-style:fps面板的样式。目前只支持4种,x:0, y:0, size:30, textColor:0xffffff。

egret.runEgret()。启动项目。

        其中的data-entry-class,其值默认为Main,就是指Main.ts中所定义的类Main。当然这只是个默认值,我们可以根据自己的喜好随意修改,只要确保项目设定文件中的index.html属性值所指定的类名在项目中有其类定义即可。启动项目之后就会进入Main文件,Main文件在src文件夹下可以找到。

        项目开始加载的时候会去加载head标签中的js文件,这些文件有的是三方库文件,有的是项目中创建的相关代码比如LoadingUI.js跟Main.js。这些js加载完成之后就会运行egret.runEgret(),启动项目,进入Main文件。

        进入Main文件后,会加载项目需要的图片,皮肤等资源,资源加载完成之后就可以加载界面到stage上了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,744评论 25 709
  • 3月16日,开始读《书都不会读,你还想成功》,计划3月18日完成,3月19日完成读后感。 3月20日,开始读《向死...
    礼小礼er阅读 192评论 0 0
  • 儿子来汕头两个月了,他开始慢慢适应了这边的生活,学习也有所进步,但是离我的要求还差许多。我似乎很急躁,每天像一头母...
    走走不停停阅读 178评论 0 0
  • 这段时间很多工作的听众朋友微信里问我开店的事情,共同的特点是:很想做,但是感觉不知道怎么开始,所以很迷茫。 貌似很...
    开店笔记阅读 1,776评论 0 4
  • 给木婉清的诗 白芲 婉清,我不认识 可是我听过她的歌声 像晴水滴落 宁静 婉清的家,我没去过 可是我知道她家门...
    白芲阅读 399评论 0 0