跳到主要内容

Hello World

安装引擎

下载Egret Launcher,(可参考:安装与部署)。

安装开发工具

打开 Egret Launcher,会显示登录界面,如下图。

登陆成功后会显示 Egret Launcher 主界面。

创建项目

1、点击菜单 项目 -> 创建项目 来创建项目,如下图。

也可以选择 导入项目 来导入已有项目。

2、在弹出的新建项目面板中,设置项目的基本配置,如下图。

  • 项目名称 当前项目的名称,如 HelloWorld。
  • 项目路径 该项目所存放的文件路径。
  • 项目类型 该项目的项目类型,如 Egret 游戏项目 , Egret EUI 项目。
  • 引擎版本 当前项目所使用的 Egret 的版本。
  • 选择扩展库 项目中需要使用的系统库。更多关于扩展库选择的介绍可以参考:扩展库简介
  • 舞台尺寸 默认游戏舞台的高度与宽度,以像素为单位.
  • 缩放模式 屏幕的适配方式,这里选择showALL模式。更多关于缩放模式的介绍可以参考:屏幕适配
  • 旋转方式 屏幕的旋转模式,这里选择auto模式。更多关于旋转设置的介绍可以参考:屏幕适配

点击 创建 ,创建Hello World项目。

项目可以直接在Egret Launcher 中进行打开,管理。

项目结构

在Egret Wing左侧,可看到当前项目的目录结构:

各文件夹功能说明

  • .wing:包括 Egret 项目的任务配置文件和启动配置文件。
  • wingProperties.json:Egret Wing 项目配置文件。
  • bin-debug:项目调试时,所产生的文件存放于此目录。
  • libs:库文件,包括 Egret 核心库和其他扩展库存放于此目录。
  • resource:项目资源文件存放于此目录。
  • scripts:项目构建和发布时需要用到的脚本文件存放在此目录。
  • src:项目代码文件存放于此目录。
  • template:项目模板文件存放于此目录。
  • egretProperties.json:项目的配置文件。具体的配置说明可以参考:EgretProperties说明
  • index.html:入口文件。具体的配置说明可以参考:入口文件说明
  • manifest.json:网页清单文件。
  • tsconfig.json:typescript 编译配置文件。

运行项目

点击菜单“项目”->“构建”,编译项目,如下图。

构建完成之后点击菜单“项目”->“调试”,运行项目,如下图。