HTML5 game performance is greatly improved, Egret Engine 1.5 is released

Recently, Egret Times released the latest generation of Egret Engine 1.5 mobile game engine, in which the new physics system and WebSocket, which have attracted much attention in the industry, are now available to developers. The new Egret Engine 1.5 not only continues to strengthen the development services of HTML5 mobile games, but also the emergence of new systems and tools, making mobile games developed based on Egret Engine have a user experience comparable to native APP games.

In the mobile Internet market, the APP camp and the Web camp have been fighting for a long time. Apps have always captured the hearts of users with good user experience and have been showered with endless favor. However, native APPs are constrained by the difficulties of cross-platform development and operation, and the limits of their development have emerged. Because the Web has its inherent advantage of being cross-platform, its user experience is being comprehensively improved under the promotion of all parties. Since the HTML5 game developed based on the Egret engine of Egret Era became popular in WeChat Moments this year, industry players have seen the gradual maturity of HTML5 tools and engines. The Egret engine launched by Egret Engine, as well as a series of tools and runtimes, have laid an important foundation for the development of HTML5 games.

So, what good news does the Egret Engine 1.5's new physics system and WebSocket bring to developers? Let's take a look at the performance of the new engine, system and tools in various aspects.

Figure 1: Before using dirty rectangles, 8,000 footballs are rendered on the same screen at 21 FPS

Figure 2: After using dirty rectangles, 8000 footballs are rendered on the same screen at 59FPS

Innovative dirty rectangle rendering optimization improves game performance several times

The innovation of the Egret engine is the implementation of the dirty rectangle rendering function in HTML5. When only a part of the game screen changes, the engine only refreshes the changed area, and no longer renders and updates the other parts of the screen. This function greatly improves the rendering efficiency of the game screen and improves the game performance several times. Let the performance no longer drag down the quality of HTML5 games.

Figure 3: Physics engine, simulating real-world physics effects

New physics system to easily simulate real-world environments

Games often simulate physical effects in the real world, such as objects falling and objects bouncing off each other after colliding. Simulating these effects requires a lot of mathematical operations. Now the new physics system in Egret can handle real-world simulations in minutes. Developers only need to set parameters such as the shape, weight, and friction of the object, and the physics system can simulate the real effects by itself. With the physics system, we can quickly and easily develop excellent games such as "Angry Birds".

Added WebSocket module, HTML5 games achieve strong networking

The Egret engine has added a WebSocket module to support long network connections. Developers can use the WebSocket function to implement networked games and easily create card, RPG and other strong networked games. The WebSocket module encapsulates the commonly used strong network function interface. Developers do not need to care too much about the underlying network connection, but only need to care about the business logic, which greatly facilitates the development logic of the network part of the game.

Figure 4: You can freely set the style of the text

The new text function allows you to customize your text style as you wish

Egret has reconstructed the text function in the engine, abandoned the old text architecture, and boldly optimized and innovated. While maintaining the original functions, it is now possible to create rich text editing in the engine, allowing developers to set the text style as they wish. At the same time, the new text function has also been greatly improved in stability and performance compared to the old version.

In addition, the Egret Engine has also enhanced the screen adaptation strategy, allowing HTML5 games produced by Egret to obtain the best game screen effects at different resolutions. The particle system in the Egret Engine has also been upgraded accordingly, supporting WebGL acceleration mode, presenting a better experience on mobile devices.

About Egret Engine:

Egret Engine is an open-source and free mobile game engine based on TypeScript language launched by Egret. With Egret Engine, developers can quickly create HTML5 mobile games that can run in the WebView or browser of mobile apps, or compile and output them into cross-platform native mobile games based on Android, iOS, and Windows Phone.

Egret Engine official website: http://www.egret-labs.org/