H5游戏开发（Egret引擎）及Typescript学习笔记

Egret

1. Egret项目骨架

• .wing: 包括 Egret 项目的任务配置文件和启动配置文件。
• bin-debug: 项目调试时，所产生的文件存放于此目录。与src目录文件一一对应
• libs: 库文件，包括 Egret 核心库和其他扩展库存放于此目录。
• resource: 项目资源文件（图片、音频等）存放于此目录。
• script: 项目构建和发布时需要用到的脚本文件存放在此目录。
• src: 项目代码文件存放于此目录。

1. Main.ts 为项目入口类，也称文档类，是衔接项目运行容器环境和项目中所有类的重要文件
2. LoadingUI.ts 是加载过程中的辅助显示组件，用来显示加载进度

• template: 项目模板文件存放于此目录。
• egretProperties.json: Egret Wing 项目配置文件。
• favicon.ico:
• index.html: 入口文件。
• manifest.json: 网页清单文件。
• tsconfig.json: typescript 编译配置文件。
• winProperties.json: Egret Wing 项目配置文件。

2. 游戏基础知识

• 在egret渲染架构设计中，我们将能够参与渲染的对象抽象为显示对象
• 显示对象类型：

类	说明
DisplayObject	显示对象基类，所有的显示对象继承自该类
Sprite	精灵，即可绘制矢量图形，也是容器
Bitmap	用于显示位图
Shape	用于绘制2D矢量图形
MovieClip	逐帧动画
Stage	舞台类，是游戏中的主场景
ScrollView	滚动拖放类，可以使得显示对象在一定范围内滚动
DisplayObjectContainer	显示容器基类，所有的显示容器继承自该类
TextField	文本类
BitmapText	位图文本

• 坐标系：原点位于左上角
• 显示列表与容器类

1. 所有的容器类全部继承于DisplayObjectContainer，它中封装了显示列表常用的功能（添加、删除子对象，检测子对象，设置叠放次序）

this.addChild(shape);
this.removeChild(shape);
</