egret白鹭引擎入门（第一章）

最近，空下来准备研究一下用egret来做动画和游戏。

Egret是一套HTML5游戏开发解决方案，产品包含Egret Engine，Egret Wing，EgretVS，Res Depot，Texture Merger，TS Conversion，Egret Feather，Egret Inspector，DragonBones，Lakeshore等。而核心产品是Egret Engine，是一个基于TypeScript语言开发的一个HTML5游戏引擎，其余的大多是开发和辅助工具。

参考 官网 step by step进行安装 + 初步调试

项目创建好之后，我们进入index.html

然后找到对应的data-show-fps和data-show-log，然后将其的值改为true，方便我们观察到游戏运行的实时帧率

设置完之后，run后会是这样滴~

接下来，我们来进行Hello World的入门

找到src下的main.ts

再进入游戏创建场景的函数 createGameScene

加上这么一段：

然后点击 项目 >构建 ，构建成功后，点击 项目 >调试

这时候，我们的hello world dididi 就跑出来啦~

嗯... 是不是很简单，接下来继续

《白鹭》是近现代诗人、作家郭沫若于1942年10月创作的一篇散文。下面一起来看看《白鹭》课文的创作背景是什么。

1、 《白鹭》作于1942年10月31日，当时正值抗日战争第二阶段，蒋介石发动第二次反共高潮。郭沫若当时是中国共产党党员，任国民党政府语言文化工作委员会主任，以双重身份进行抗日。他说：“中国目前是最为文学的时代，善恶对立、忠奸对立异常鲜明，人性美发展到极点，人性恶也发展到极点。”所以他这个时期的杂文以爱国反奸为中心内容，赞颂爱国者的忠义揭露卖国者的奸恶。《白鹭》以真诚的笔触描绘了白鹭的生态特征，赞扬了寻常的事物中蕴含着内在美，隐晦地借孤独而优美的白鹭来表达自己的政治追求。

2、 在南国优美的田野中、明净清浅的小河边，一种常见的水禽被人尊为水边隐士、江田长者的白鹭，出没其间把乡居生活点缀得特别富有情趣。郭沫若以其特殊的观察力，对白鹭进行了热情的讴歌。

3、 《白鹭》是《丁东草》三章（丁东、白鹭、石榴）中的一章，最初发表于1943年2月《文艺生活》第三、第四期，后收入小说散文集《波》中。

以上就是给各位带来的关于《白鹭》课文的创作背景是什么的全部内容了。

Egret Engine（白鹭引擎）是白鹭时代推出的一款使用TypeScript语言构建的开源免费的移动游戏引擎。通过白鹭引擎，开发者可以快速地创建可以运行在手机App的WebView或者浏览器中的HTML5移动游戏，也可以编译输出成基于Android、iOS、Windows Phone的跨平台原生移动游戏。应用Egret引擎开发HTML5移动游戏，不但能让H5游戏具备牛逼的性能表现，并且效率很高。

项目目录如下：需要关心的有两个文件夹：launcher、src。

launcher 文件夹下面，需要关心的是 index.html文件，改文件是项目的入口。egret帮助建立的，自己可以自行修改里面内容，只要别把加载框架的部分干掉就行。

其中必要说明的是 Id 为 gameDiv 的<div>是游戏引擎用来 *** 作的地方。框架会在改<div>下面自动建立一个<canvas>，然后在这上面绘制游戏界面。可以自行控制gameDiv的样式，别删除或者修改ID就行。launcher文件夹下面暂时没有别的需要关注的了。

src 文件夹下面两个文件，后缀名为ts，是typescript 文件，其实就是javascript 的一个超集而已。其中loadingUI.ts ,暂时也不需要关心，这个是加载网页的时候让用户安心等待的一个提示界面。

下面就是最重要的Main.ts。

标注的两个方法，就是egret对html所干的事情。整个hello world分析就结束了。

egret采用的是typescript 语言，在入口（index.html）文件里面 *** 作 ID 为 gameDiv的标签（在改标签下面增加一个画布<canvas>）。项目启动交给了main.ts(改文件名字可更换)，main.ts会加载预先准备的资源，资源加载完成之后，开始绘制<canvas>里面的内容。

---