Today, I recommend an H5 game engine suitable for marketing small games. It is lightweight, simple and easy to use. It can be used to go online and get off work early.
About Hilo
Hilo is an open source H5 game engine launched by the Ali team . It is characterized by being very friendly to front-end developers who are not in the game industry. It is lightweight and independent, and is suitable for developing small marketing games.
As an Alibaba team that has been using the game engine internally , Hilo has been active in a large number of e-commerce festivals and activities in the Alibaba department, such as the Double Eleven Carnival City in previous years, the New Year Beast loaded by webview in mobile Taobao, and the 618 luxury car grab. , Double Eleven Red Packet Rain and other H5 interactive games are developed based on Hilo.
Technical features of the Hilo H5 game engine
- It supports modular development, and provides packaged versions and cross-terminal solutions of various modules such as independent version (which can be imported directly) / RequireJS (AMD) / CommonJS / SeaJS (CMD) / Kissy, etc., to meet the habits of different front-end developers
- No dependencies on other packages, lightweight to only 70 KB
- Support DOM rendering, Canvas rendering and WebGL rendering, integrates tools such as Hilo Audio (game audio sound), Hilo Preload (preload) and animation textures
Develop user experience
My learning and use of Hilo stems from a time-critical marketing development requirement – red envelope rain. The technical requirements of this requirement are the guarantee of animation fluency and click response speed. Using conventional div + css , it seems that it is difficult to support the demand, so I turned to the technical research of the H5 game engine.
After comparing the relatively professional H5 game engines on the market (such as Cocos2d-x / Egret Egret engine / createjs and Phaser), we found that these engines are not only professional, but also have massive documents. gnaw down. Later, I stumbled upon Hilo, a lesser-known game framework. From the perspective of its evolution, I found that Hilo belongs to a set of tool libraries encapsulated in practice by the Ali front-end team.
Judging from the APIs supported by Hilo, Hilo's design idea is more inclined to front-end developers rather than game developers. In the case of basic javascript passing, with the help of the official website documentation, it is very easy to get started. The official website provides a tutorial on the casual game of Flappy Bird. I spent an afternoon doing it that day. I basically understood the concepts of stage, scene, animation, and ease in game development , and used it to make simple marketing interactive games. It doesn't fit.
In the follow-up work of up to 1 year, I also built a set of simple internal use visual interactive book editor based on Hilo, and summed up several points that need to be paid attention to when using Hilo development:
Recommendations
Hilo is an entry-level H5 game engine, which allows front-end developers to develop interactive games without having too much game development knowledge. It is completely sufficient for marketing interactive games or developing simple casual games. It is suitable for embedding H5 game in webview in APP application. Of course, if you want to switch to game development, you still have to learn engines such as Cocos2d-x / Egret Egret Engine / Phaser, they all include complete support such as physics engine, 3D rendering, skeletal animation, etc., and provide tools for game material generation, It can even be compiled into a native app. Before that, you can also take a little time to understand Hilo as the first lesson of getting started with game development .
If it's just for animation effects, you can take a look at the previously recommended SpriteJs and lucky canvas (lottery library).
Free Open Source Instructions
Hilo is an H5 game engine produced by Alibaba's front-end team . The source code is hosted on Github based on the MIT open source protocol . Any individual and company can download and use it in their own projects for free.
Original link: https://www.thosefree.com/hilo