todo
看三个示例项目的完整源码和资源
 
 
<e:Group name="Button" height = "300" verticalCenter="0" horizontalCenter="0">
            <e:layout>
                <e:VerticalLayout gap="0" horizontalAlign="center" verticalAlign ="middle"/>
            </e:layout>
 
lagout是VerticalLayout表示Group里元素整体是垂直方向布局
而里面的参数
gap 表示垂直间距
horizontalAlign 表示整体水平方向的对齐方式 值有 left center right
verticalAlign 表示整体垂直方向的对齐方式 值有 top middle bottom
命令行手册 egret create ProName --type game|eui|gui|game
 
创建第三方库项目
egret create_lib LibName
 
从h5游戏生成app
egret create_app app_name -f h5_game_path -t template_path
 
构建指定项目
egret build [project_name] [-e] [--runtime native]
 
发布项目
egret publish [project_name] [--version [version]] [--runtime html5|native] [--passWorld]
 
启动HttpServer,并在默认浏览器中打开指定项目
egret startserver [project_name] [--port 3000] [-ip] [-serveronly]
 
重置项目中的引擎代码
egret clean [project_name]
 
升级项目代码
egret upgrade [project_name]
编译引擎源码
egret make
版本升级后检测api是否已经替换完成
egret apitest [project_name]
获得Egret信息
egret info
入口文件说明
自定义所需要加入的其他的第三方库的文件。需要填写 egret=”lib” 以及 src-release。在这个块中script不会被自动替换以及清理。切记不要把这种使用方式的文件放在 libs/modules 下。
所有放在 libs 目录下面的文件,以 ts 作为扩展名的文件只能是 .d.ts(如 a.d.ts)文件,不能有纯 ts 文件(如 a.ts)。
 
  • - 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() 启动项目
template
debug用 debug里的
publish用 web里的
egretProperties
native
publish  发布 Web 项目资源文件发布的方式。0,按照原素材路径名称发布;1,会将资源发布成以 crc32 命名方式重新命名
egret_version
urlParam
modules
 
${EGRET_DEFAULT}
${EGRET_APP_DATA}
这两个好像都是engine的安装目录
我的电脑里是C:\Users\Administrator\AppData\Roaming\Egret\engine
 
tsconfig
- "sourceMap": true 编译 .ts 文件至 .js 文件同时生成对应的 .js.map 文件,使用户调试时可以直接调试 .ts 文件而非 .js 文件。
- "removeComments": true 编译 .js 同时删除原本 .ts 文件中的注释
 
以下参数暂时不支持开发者自行设置
"target","outDir","module","noLib","outFile","rootDir","out"
如何用新的方式构建第三方库
- 打开一个第三方库文件夹
    - 删除 package.json中的 modoules 字段
    - 在项目中与 package.json同级创建一个 tsconfig.json 文件
 
// JavaScript 类库
{
"compilerOptions": {
"target": "es5",
"outFile": "bin/libtest1/libtest.js",
"allowJs": true
},
"files": [
"src/a.js",
"src/b.js"
]
}
    - 如果项目是 JavaScript 类库,还需要在 package.json中配置一个 typings字段,并设置为一个自定义的 .d.ts 文件,如下所示
        - 完成上述操作后,执行 egret build,就会根据 tsconfig.json中的 outFile字段生成库文件,压缩文件以及 .d.ts 文件
编译顺序说明
当在 TestCall.ts 中引用了TestB.ts 中的内容时自动将 TestB.js 放在 TestCall.js 之前进行加载
这种情况解决方法也很简单,就是告诉编译器我们的类的依赖关系。在 TypeScript 中,使用<reference>标签来表示引用关系。在 reference 标签中可以标记依赖文件的相对路径。所以只需要在 TestB 类之前加入如下注释即可:
WebAssembly
生成的 .wasm 格式相比 .js在性能上有大幅度的提升
也可以编译成 asm.js 性能上比.js也高一些
  白鹭引擎 5.0 的设计是将引擎核心作为一个 .wasm 库,上层提供 TypeScript API

Egret Engine 2D - 项目配置的更多相关文章

  1. Egret Engine 2D - Get Started

    Get Started     Egret 也支持在命令行完成编译,运行,发布等操作.在下面的教程中会穿插对应操作的命令行代码.   可新建游戏项目,也可建eui项目   这里包含默认的几个库,egr ...

  2. Egret Engine 2D - 缩放模式和旋转模式说明

    缩放模式和旋转模式说明 缩放模式showAll 常用 noScale noBorder exactFit 次常用 fixedWidth fixedHeight fixedNarrow fixedWid ...

  3. Egret Engine 2D - 遮罩

      矩形遮罩 shp.mask = new egret.Rectangle(20,20,30,50);   注意如果rec发生变化,需要重要将rec赋值给shp.mask 删除遮罩的方法 sprite ...

  4. Egret Engine 2D - 显示对象

        alpha:透明度 width:宽度 height:高度 rotation:旋转角度 scaleX:横向缩放 scaleY:纵向缩放 skewX:横向斜切 skewY:纵向斜切 visible ...

  5. Egret Engine 2D - 矢量绘图

      绘制矩形 drawRect 绘制矩形边 lineStyle( 10, 0x00ff00 清空绘图 clear 绘制园形 drawCircle 绘制直线 moveTo lineTo 绘制曲线 cur ...

  6. Egret Engine 2D - 显示容器

      DisplayObjectContainer 所有容器的父类 1 添加 删除 子对象 2 访问子对象 3 检测子对象 4 设置叠放次序 Sprite 继承自DisplayObjectContain ...

  7. Egret Engine(白鹭引擎)介绍及windows下安装

    Egret Engine简要介绍----- Egret Engine(白鹭引擎)[Egret Engine官网:http://www.egret-labs.org/]是一款使用TypeScript语言 ...

  8. Tomcat 中如何给 web 项目配置虚拟目录的方法

    为什么要给 web 项目配置虚拟目录? 初学 JavaWeb 时,会发现只要我们把 web 项目放到 Tomcat 的 webapps 目录下,再通过 http://localhost:8080/项目 ...

  9. Django快速入门之项目配置

    开始 环境 python:3.6.2 django:2.0.5 跑起来 用pycharm导入或新建一个Django项目,在目录中存在manage.py的文件,通过下列指令运行Django后台. pyt ...

随机推荐

  1. v-show和element中表单验证validate起到的化学反应

    说起v-show和v-if,进行前端开发的大家一定不会陌生,他们都是用来控制标签元素的显示与隐藏的,他们的区别就是v-show会把标签渲染出来,只是会隐藏起来,相当于visibility:hidden ...

  2. computed、methods、watch

    computed:计算属性将被混入到 Vue 实例中.所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例. methods:methods 将被混入到 Vue 实例中 ...

  3. lnmp1.5安装swoole

    php7.2安装swoole-4.0.1.tgz     php5.6安装swoole-1.10.4.tgz wget http://pecl.php.net/get/swoole-4.0.1.tgz ...

  4. 081、Java数组之数组传递

    01.代码如下: package TIANPAN; /** * 此处为文档注释 * * @author 田攀 微信382477247 */ public class TestDemo { public ...

  5. Gradient descend 梯度下降法和归一化、python中的实现(未完善)

    梯度下降法是优化函数参数最常用.简单的算法 通常就是将一组输入样本的特征$x^i$传入目标函数中,如$f(x) = wx + b$,再计算每个样本通过函数预测的值$f(x^i)$与其真实值(标签)$y ...

  6. asp.net+bootstrap上传图片+FileUpload控件文件上传下载

    ps:我数据库使用的pgsql,看个人修改. 代码asp.net 的,使用了mootools框架,里面包含了bootstrap上传图片,查看预览,还加了个上传任意文件的FileUpload.(界面随便 ...

  7. Lesson 6 The sporting spirit

    How does the writer describe sport at the international level? I am always amazed when I hear people ...

  8. python2.x 脚本 中文乱码 解决方法

    在python脚本起始位置添加如下代码 # -*- coding: UTF-8 -*

  9. 安装双版本python2 和 python 3 所产生得问题 解决yum对python依赖版本问题

    错误 解决办法 一是升级yum  直接使用python3以上版本 二是修改yum的解释器为旧版本python2.7,即将连接文件   /usr/bin/python    软连接回   /usr/bi ...

  10. 弱点扫描-openvas初始化

    OPENVAS: NESSUS项目分支:商业版的扫描器 管理目标系统的漏洞 免费开源 Kali 默认安装但是未配置个启动 安装 创建证书 同步弱点数据库 创建客户端证书 重建数据库 备份数据库 启动服 ...