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

最近，空下来准备研究一下用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进行安装 + 初步调试

Hello World

项目创建好之后，我们进入index.html
然后找到对应的data-show-fps和data-show-log，然后将其的值改为true，方便我们观察到游戏运行的实时帧率

image.png

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

image.png

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

找到src下的main.ts

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

加上这么一段：

       // 创建一个文字对象
        let text = new egret.TextField();
        // set xy 
        text.x = 100;
        text.y = 100;
        // set color 
        text.textColor = 0x888888;
        // set container 
        text.text = 'Hello world~ dididi'
        // add to Main 
        this.addChild(text);

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

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

image.png

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