egret-docs-master/Engine2D/getStarted/helloWorld/README.md

89 lines
2.9 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

### 安装引擎
下载[Egret Engine](http://www.egret.com/products/engine.html),(可参考:[安装与部署](../../projectConfig/installation/README.md))。
### 安装开发工具
打开 Egret Launcher会显示登录界面如下图。
![](./login.png)
登陆成功后会显示 Egret Launcher 主界面。
![](./main.png)
### 创建项目
1、点击菜单 `项目` -> `创建项目` 来创建项目,如下图。
![](./project1.png)
也可以选择 `导入项目` 来导入已有项目。
2、在弹出的新建项目面板中设置项目的基本配置如下图。
![](project2.png)
* 项目名称
当前项目的名称,如 HelloWorld。
* 项目路径
该项目所存放的文件路径。
* 项目类型
该项目的项目类型,如 Egret 游戏项目 Egret EUI 项目。
* 引擎版本
当前项目所使用的 Egret 的版本。
* 选择扩展库
项目中需要使用的系统库。更多关于扩展库选择的介绍可以参考:[扩展库简介](../../projectConfig/extendRepSummary/README.md)
* 舞台尺寸
默认游戏舞台的高度与宽度,以像素为单位.
* 缩放模式
屏幕的适配方式这里选择showALL模式。更多关于缩放模式的介绍可以参考[屏幕适配](../../screenAdaptation/zoomMode/README.md)
* 旋转方式
屏幕的旋转模式这里选择auto模式。更多关于旋转设置的介绍可以参考[屏幕适配](../../screenAdaptation/rotationMode/README.md)
点击 `创建` 创建Hello World项目。
项目可以直接在Egret Launcher 中进行打开,管理。
![](project3.png)
### 项目结构
在Egret Wing左侧可看到当前项目的目录结构
![](project4.png)
各文件夹功能说明
* .wing包括 Egret 项目的任务配置文件和启动配置文件。
* wingProperties.jsonEgret Wing 项目配置文件。
* bin-debug项目调试时所产生的文件存放于此目录。
* libs库文件包括 Egret 核心库和其他扩展库存放于此目录。
* resource项目资源文件存放于此目录。
* scripts项目构建和发布时需要用到的脚本文件存放在此目录。
* src项目代码文件存放于此目录。
* template项目模板文件存放于此目录。
* egretProperties.json项目的配置文件。具体的配置说明可以参考[EgretProperties说明](../../projectConfig/configFile/README.md)
* index.html入口文件。具体的配置说明可以参考[入口文件说明](../../projectConfig/indexFile/README.md)
* manifest.json网页清单文件。
* tsconfig.jsontypescript 编译配置文件。
### 运行项目
点击菜单“项目”->“构建”,编译项目,如下图。
![](build.png)
构建完成之后点击菜单“项目”->“调试”,运行项目,如下图。
![](debug1.png)