Home

Awesome

<p align="center"> <img src="./docs/img/egret_logo.jpg" height="130"> </p> <p align="center"> <a href="https://github.com/egret-labs/egret-core/network"> <img src="https://img.shields.io/github/forks/egret-labs/egret-core.svg" alt="forks"> </a> <a href="https://github.com/egret-labs/egret-core/stargazers"> <img src="https://img.shields.io/github/stars/egret-labs/egret-core.svg" alt="stars"> </a> <a href="https://github.com/egret-labs/egret-core"> <img src="https://img.shields.io/badge/version-5.4.1-green.svg" alt="version"> </a> <a href="./LICENSE.md"> <img src="https://img.shields.io/badge/license-New%20BSD-blue.svg" alt="license"> </a> </p>

EN / CN

Egret Engine

The Egret Engine is a HTML5 game engine. It provides modules to handle common game development tasks such as 2D and 3D rendering, GUI systems, and audio and resource management. The Egret engine is flexible and suitable for 2D or 3D projects. It allows developers to work without worrying about low-level browser impelementation, HTML5 performance, or fragmentation issues.

Platform Coverage

Mobile

PC

Installation

To Install the Egret Engine:

Once installation is complete, Egret's engine and tools are easy to manage.

Getting Started

TypeScript

Egret projects are developed using TypeScript, which is a superset of JavaScript. Please refer to the TypeScript manual for more information. The Egret API and ActionScript3 (AS3) are very similar. It will be easy to get started with Egret if you are familiar with AS3.

Create a project by command line

Use following command to create a default game object:

egret create HelloWorld

You may also add parameters if required: Use empty | game | gui | eui to specify different projects.

After running this command, you should now see a folder called 'HelloWorld'.

Write your first line of code

By default, the entry point for an Egret game projects is src / Main.ts. To make write the first line of code for your project, find the createGameScene () function, and add console.log ("Hello World");

After making your changes, the code should now look like this:

private createGameScene():void {
        // log
        console.log("Hello World");
        var sky:egret.Bitmap = this.createBitmapByName("bgImage");
        this.addChild(sky);
        var stageW:number = this.stage.stageWidth;
        var stageH:number = this.stage.stageHeight;
        sky.width = stageW;
        sky.height = stageH;
        //...
    }

Here, we've called console.log("log content that we'd like to display"). This will display our log message in the browser's developer tool.

We recommend using Chrome to debug the Egret project.

Use the following command to build Egret projects:

egret build

Use the following command to run Egret projects:

egret startserver

For more information, please refer to the Learning Module documentation.

Demos

Tower Defence Demo Click here for online experience.<br/>

Click here for more 2D/3D demos.<br/>

Show Case

Click here to see Show Case<br/>

Learn

Tools

Third Party Library

Contributing

Asking a question is the first step to participating in an open-source community. You can report Egret issues here. It is recommended that issues be discussed in the official community portal, as it can help with solving problems efficiently.

License

This content is released under the (https://opensource.org/licenses/BSD-2-Clause) BSD License.