Recently, I am going to study how to make animation and games with egrets.

Egret is an HTML5 game development solution. Its products include Egret Engine, Egret Wing, Egret TV, Res Depot, Texture Merge, ts Conversion, Egret Feather, Egret Inspector, Keel, Lakeside and so on. The core product is Egret Engine, which is an HTML5 game engine developed based on TypeScript language, and the rest are mostly development and auxiliary tools.

Installation+preliminary debugging refer to official website step by step.

After the project was created, we entered index.html.

Then find the corresponding data-show-fps and data-show-log, and then change their values to true, so that we can observe the real-time frame rate of the game.

After setting it, it's like this after running ~

Next, let's start with Hello World.

Look for main.ts under src.

Then enter the game to create a scene function createGameScene.

Add this paragraph:

Then click project > build, and click project > debug test/debug.

At this time, our hello world Didi came out ~

Well ... isn't it simple? Let's move on.