Analysis and comparison of mainstream HTML5 game framework

Source: Internet
Author: User

This paper mainly selected Construct2, Imactjs, Limejs, Gamemaker, Createjs, Lycheejs, Crafty, Three.js, Melonjs, Turbulenz, Quintus, Cocos2d-html5 such as a brief introduction and comparison, mainly based on the online data collation.

Mainstream framework Comparison

Construct2construct 2 is a game maker running on the Windows platform that allows users without any programming foundation to quickly develop a single line of code that can run on all platforms (Windows, Mac, Linux, Android , iOS, etc.). The free version can export the game to HTML5. The fee version is divided into Personal Edition (£ 79) and Enterprise Edition (£ 259), which can be exported on all platforms, while providing more effects and music. If you use the tool to monetize more than $5000, you need to upgrade to Enterprise Edition. Advantages: 1. Easy to use, running games in real time
2. Powerful event system, can not write code to control the game logic
3. Programmable extension Interface available
4. Provides a number of special effects to support physical effects
5. Support all Platforms
6. Complete documentation and community support Cons: not as straightforward as writing code flexible reference: 1. Official website
2. Construct 2 vs. JavaScript Impactjsimpactjs is a JavaScript-based HTML5 game engine that supports both PC and mobile platform browsers. It is currently the most popular HTML5 game engine in addition to CONSTRUCT2, which requires $99 to be paid for use.

Advantages:
1. Provides a flexible level editor to quickly build a game map
2. Provides a powerful debugging tool
3. EJECTA provides the ability to render JavaScript execution results in OpenGL, and to achieve efficiency similar to native applications on the iOS platform
4. Complete documentation, two books dedicated to the development of Impactjs
5. Support Physical Effects
6. Support yourself to write plugins to extend

APP Store Games
1. Biolab disaster
2. Drop JS Limejslimejs is a HTML5 game framework based on the Google Closure Library, which inherits the easy-to-read and well-structured features of the Closure code. It also provides encapsulation of various generic entities in the game, such as director, Scene, Layer, event, and animation, similar to the Cocos2d API. It is created by digital fruit Company. Advantages:
1. An open source framework based on the Apache protocol
2. Powerful, complete documentation, similar to Imactjs
3. Support Physical effects
4. Similar to COCOS2D API, easy to get started

Disadvantages:
Depending on Google Closure Gamemakergamemaker and construct 2, it is a game maker that can be exported to various platforms, divided into free version, Standard Edition (49.99 USD), Professional Edition (US $99.99) and Master Edition (US $799.99). The free version only exports Mac and Windows versions, and exporting HTML5 requires Master or Pro (plus $99.99 extra). Advantages and Disadvantages:
The advantages are similar to CONSTRUCT2, but cost-effective Construct2 high Createjs (EASELJS) Createjs is the official Adobe-sponsored open source development framework, most of which are based on the original Flash API to emulate the implementation, And the official provides the Flash animation directly to the JS packet tool, the call is very convenient. Createjs provides a number of development kits and tools, namely: EASELJS (responsible for graphics, events, touch, filters and other functions), TWEENJS (Motion Tweens), Soundjs (audio control), Preloadjs (file loading) and Zoë (Generate image Sprite and animation data).

Advantages:
1. Flash developers are easy to get started with
2. Provide flash to HTML5 tool, you can convert some of the flash code and then modify
3. Open source framework based on the MIT Protocol
4. Class library design is very independent, contains different modules, optional use of LYCHEEJSLYCHEEJS is an environment-independent JavaScript game engine that can be run in any JavaScript-enabled environment. Its philosophy is to do the fastest JavaScript game engine.

Advantages:
1. Support Browser for PC (Firefox, Chrome, Opera, Safari, IE) and mobile platform (WebKit, Chrome, Firefox, Safari)
2. Support for CDN, WebSockets, SPDY, HTTP2.0, and games
3. Provides a direct export to third party (Facebook, AppStore, Google Play Store) Resource pack to publish
4. The open source framework based on the MIT protocol Craftycrafty is a small, simple, lightweight 2D HTML5 game engine that provides a canvas or DOM for drawing entities, a wizard map, and SAT advanced collision monitoring support. It was created by the individual (Louis Stowasser) and was developed jointly by some developers on GitHub.

Advantages
1. Small size
2. Lightweight engine, will not be constrained by the frame too much
3. Support both PC and mobile platform browser Three.jsThree.js is a lightweight JavaScript library for creating and displaying 3D graphics on your browser. It can be drawn using canvas, SVG, or WebGL at the same time.

Advantages and Disadvantages:
Support for the 2D game Melonjsmelonjs is a simple, free, and independent library of the MELONJS team's passion for JavaScript and its development experience.

Advantages
1. Lightweight 2D Engine
2. Support for all major PC and mobile platform browsers
3. Support for creating and editing maps using tiled map editor
4. Multi-channel audio support
5. Open source framework based on the MIT protocol Turbulenzturbulenz is an open source HTML5 game engine that provides SDKs that can run on Windows, MacOS, and Linux, allowing developers to create high-quality and hardware-accelerated 2D, 3D games. Includes features such as asynchronous resource loading, special effects and particle rendering, support for physical effects, collision detection and animations, 3D sound support, support for network interactions, and management of social network sharing, scenarios, and resources.

Advantages:
1. Powerful, support both 2D and 3D
2. The MIT protocol-based open Source Engine Quintusquintus is an easy-to-start, lightweight, and modular HTML5 game engine. It refers to object-oriented thinking for HTML5 game development, and relies on jquery to provide event handling mechanisms and element selection operations.

Disadvantages
1. Rely on jquery
2. The engine is still in its infancy and immature cocos2d-html5cocos2d-html5 is a 2D open source free HTML5 game engine based on the Cocos2d-x API. It is currently rendered via canvas and will support WEBGL in the future. It is led by the domestic Cocos2d-x core team to develop and maintain, the industry leader, HTML5 strong impetus Google for this project to provide support. Meanwhile, engineers from big companies like Zynga and Google are also involved in its design work.

Advantages: 1. Similar to the Cocos2d API, easy to get started
2. Chinese documents are complete and informative
3. The MIT protocol-based open Source engine framework specific parameters comparison 1. HTML5 Game frames vs HTML5 Games Engines
2. List of JS Game Engines
3. For crafty, Lime, Frozen, melon, impact, Quintus frameworks, you can view the effects and code styles of developing the same game with these engines on breakouts. Features used in breakouts include collision detection, Sprite animations, sound effects, maps, scene transitions, interactivity, text rendering, and mobile platform support.
4. All of the above engines are free and open-source except Construct2, Impactjs, and Gamemaker are charged. For the open Source engine, we can learn from GitHub on the popularity of the engine, the more people concerned about the problem is easier to solve. In general, the more project developers, the faster the version is updated, and the longer the project is developed. The following will compare the number of developers, project startup time, and focus on each open Source engine.
Game Engine Github commits Github Contributors Start time Github Star Github Fork
Limejs 532 22 2011.1.19 1091 187
Easeljs 784 15 2011.1.23 2758 650
Lycheejs 4 1 2012.9.5 110 20
Crafty 1182 67 2010.11.5 993 225
Three.js 6409 198 2010.3.23 12691 2816
Melonjs 1287 15 2011.4.11 643 137
Turbulenz 736 12 2013.4.26 (only recently open source) 1522 207
Quintus 118 11 2012.8.4 450 89
Cocos2d-html5 2706 39 2012.1.28 735 303
Summing up the above engine, Construct2, Impactjs, Gamemaker Three is charged, wherein Construct2 and gamemaker more like a game development tool, can be implemented without writing a line of code to make the game, more suitable for people without programming basis for use. And Impactjs as a high-quality framework, and easy to expand, although it is charged, but value for money.

In the open Source Engine, Three.js is the hottest, but limited to developing 3D games. Next is Createjs, an official sponsored by Adobe and using Flash-like APIs and modular development, is a rare choice for flash developers and the conversion of flash games to HTML5. Turbulenz Although open source time is relatively late, but quite later on the trend, due to its 2D and 3D support simultaneously, is the best choice to develop both the and 3D games. Limejs's advantage over crafty is that it has a company that is more stable than the individual, but relies on Google Closure to make it a heavyweight framework. Crafty small size, lightweight, more suitable for the development of small games. One of the advantages of COCOS2D-HTML5 as a domestic framework is that there are many Chinese documents and tutorials, supported by Google, but not mature enough compared to Impactjs and Createjs. Melonjs, Quintus, Lycheejs have fewer developers and users, and there are relatively few related documents and tutorials to be seen. Reference 1. JavaScript Game Engine ComparisonTurn:Http://blog.csdn.net/zhaoxy_thu/article/details/11867123

Analysis and comparison of mainstream HTML5 game framework

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.