Egret是一套完整的HTML5游戏开发解决方案。Egret中包含多个工具以及项目。Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎，该项目在BSD许可证下发布。

Egret 采用 TypeScript 进行编程，它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 扩展了 JavaScript 的语法，原生 JavaScript 的方法在 TypeScript 也是可以使用的。

 

在图形图像渲染中，Egret完全使用HTML5标准中的canvas技术,可以运行在支持 HTML5 的浏览器上。但是在我们调试项目的时候还是推荐使用 Chrome 浏览器，一个方面是对 HTML 5 支持的程度较高，二是可以方便的调试 JavaScript 和进行性能分析等。

 

可以做H5游戏 

 H5 全景

 

Egret萌新
Egret萌新

之前一直都不知道怎么编辑Egret项目，只会新建一个项目，然后输出的永远都是Egret的默认的页面（PS：我用的引擎版本是3.0.8），今天第一次参考白鹭开发的小白文档编写出了一个EgretEUI项目文件，制作过程如下：

创建一个EUI项目，给项目取个名字，然后点击创建。
打开所创建的项目，找到src文件下面的Main.ts文件，删除该文件。
在src文件夹下新建两个TypeScript文件，一个命名为Card，另一个命名为Main。
敲代码，Card.ts文件的代码如下：

class Card extends egret.Sprite{

public constructor(){

super();

this.drawCard();

}

private drawCard(){

this.graphics.beginFill(0x0000ff);

this.graphics.drawRect(0,0,50,50);

this.graphics.drawRect(50,50,50,50);

this.graphics.beginFill(0xff0000);

this.graphics.drawRect(0,50,50,50);

this.graphics.drawRect(50,0,50,50);

this.graphics.endFill();

}

}
Main.ts文件代码如下所示：

class Main extends egret.DisplayObjectContainer{

public constructor(){

super();

this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this);

}

private onAddToStage(event:egret.Event){

var _myCard=new Card();

this.addChild(_myCard);

}

}
编译运行，选择“项目”-“构建”进行编译，编译结束后，选择"项目"-“调试”调试项目。
运行结果如下图所示：

原出处:

https://github.com/egret-labs/egret-docs/tree/master/Native/native/externalinterface

Sign up
egret-labs

/

egret-docs

Code

Issues

9

Pull requests

3

Actions

Projects

Security

Insights

master

egret-docs/Native/native/externalinterface/

Latest commit
runinspring

…

on 28 Aug 2018

Git stats

Files

Type

Name

Commit time

. .
README.md

2 years ago

README.md

README.md

JS与Java通信
JS向Java发送消息
Java注册接收消息的方法：
nativeAndroid.setExternalInterface(“sendToNative”, new INativePlayer.INativeInterface() {

@Override

public void callback(String message) {

String str = "Native get message: ";

str += message;

Log.d(TAG, str);

}

});

JS发送消息：
egret.ExternalInterface.call(“sendToNative”, “message from JS”);

Java向JS发送消息
JS注册接收消息的方法：
egret.ExternalInterface.addCallback(“sendToJS”, function(msg) {

console.log(msg);

});

Java发送消息：
nativeAndroid.callExternalInterface(“sendToJS”, “message from Java”);

注意
需要先注册接收消息的方法，才能接收到另一端发送的消息。
在应用刚启动时，JS可能没有加载完，这是向JS发送消息是不能接收到的。可以在游戏代码中先向Java发送消息通知Java端接收方法已经注册完成，再向JS发送消息。
JS与OC通信
逻辑和Android相同，只是原生工程的API不同。
Native
注册接收消息的方法：
[_native setExternalInterface:@“sendToNative” Callback:^(NSString* message) {

NSString* str = @“Native get message: “;

str = [str stringByAppendingString:message];

NSLog(@”%@”, str);

}];

发送消息：
[_native callExternalInterface:@“sendToJS” Value:@“message from OC”];

© 2020 GitHub, Inc.

Terms

Privacy

Security

Status

Help

Contact GitHub

Pricing

API

Training

Blog

About

egret第三方库:https://github.com/egret-labs/egret-game-library

Egret 扩展库文档：http://developer.egret.com/cn/github/egret-docs/extension/index.html

Egret 视频教程：http://developer.egret.com/cn/list/video