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，方便我們觀察到遊戲運行的實時幀率

設置完之後，run後會是這樣滴~

接下來，我們來進行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 就跑出來啦~

嗯... 是不是很簡單，接下來繼續